:root {
  --font-ui: "Inter", system-ui, sans-serif;
  --font-title: "Familjen Grotesk", "Inter", system-ui, sans-serif;
  --font-note-label: "Inter", system-ui, sans-serif;
  --font-mono: "Geist Mono", "IBM Plex Mono", monospace;

  --board: #eef3f5;
  --paper: #f5f8f9;
  --card: #ffffff;
  --ink: #082733; /* Deep water on Mist = 13.64:1. */
  --soft-ink: #244653;
  --muted: #5a6970; /* Granite on Mist = 5.54:1. */
  --line: #ccd9de;
  --line-strong: #98aeb7;
  --blue-pencil: #0f3b4c; /* White on Fjord = 11.06:1. */
  --stamp-green: #2f5d50;
  --stamp-green-dark: #2f5d50; /* Spruce on Mist = 6.85:1. */
  --red-pencil: #9c2f2f;
  --warning-ink: #765000;
  --sticky-yellow: #f4eee1;
  --sticky-blue: #e3edf1;
  --sticky-pink: #f4e8e6;
  --nordlys-navy: #14213d;
  --nordlys-cream: #f3e9dc;
  --nordlys-copper: #b87333;

  --shadow-soft: 0 18px 50px rgb(8 39 51 / 8%);
  --shadow-pin: 0 10px 24px rgb(8 39 51 / 6%);
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 26px;
  --radius-xl: 34px;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --fast: 160ms var(--ease);
  --slow: 620ms var(--ease);

  --background: var(--board);
  --panel: var(--card);
  --panel-muted: #e3ecea;
  --border: var(--line);
  --foreground: var(--ink);
  --accent: var(--blue-pencil);
  --accent-strong: #082733;
  --danger: var(--red-pencil);
  --success: var(--stamp-green-dark);
  --warning: #946500;
}