/* Hallmark · tokens · Direction B "The Route"
 * paper-band: dark (22%) · display-style: grotesk-sans · accent-hue: warm (amber 78°)
 */
:root {
  /* ── colour ── */
  --color-paper:       oklch(22.5% 0.021 248);   /* deep slate-blue, never pure black */
  --color-paper-2:     oklch(26.5% 0.022 248);   /* plate surface   */
  --color-paper-3:     oklch(30.5% 0.023 248);   /* raised plate    */
  --color-ink:         oklch(94.5% 0.008 248);
  --color-ink-2:       oklch(78% 0.012 248);
  --color-ink-3:       oklch(62% 0.014 248);
  --color-accent:      oklch(77% 0.135 78);      /* signal amber    */
  --color-accent-2:    oklch(62% 0.110 78);
  --color-accent-wash: oklch(34% 0.045 78);
  --color-warn:        oklch(63% 0.165 26);      /* blockage indicator */
  --color-warn-2:      oklch(50% 0.130 26);
  --color-warn-wash:   oklch(29% 0.048 26);
  --color-rule:        oklch(34% 0.018 248);
  --color-rule-strong: oklch(44% 0.020 248);
  --color-focus:       oklch(77% 0.135 78);

  /* ── type ── */
  --font-display: "Archivo", system-ui, -apple-system, sans-serif;
  --font-body:    "Source Sans 3", system-ui, -apple-system, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;

  --text-xs:   0.75rem;
  --text-sm:   0.8438rem;
  --text-base: 1.0625rem;
  --text-lg:   1.1875rem;
  --text-xl:   1.375rem;
  --text-2xl:  1.6875rem;
  --text-3xl:  clamp(1.65rem, 1.3rem + 1.6vw, 2.35rem);
  --text-4xl:  clamp(2rem, 1.5rem + 2.4vw, 3rem);
  --text-display-s: clamp(2.3rem, 1.6rem + 3.2vw, 3.6rem);
  --text-display:   clamp(2.6rem, 1.5rem + 4.6vw, 4.75rem);

  /* ── space (4 pt) ── */
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs:  0.75rem;
  --space-sm:  1rem;
  --space-md:  1.5rem;
  --space-lg:  2.25rem;
  --space-xl:  3.5rem;
  --space-2xl: 5rem;
  --space-3xl: 7.5rem;

  --rule-hair: 1px;
  --rule-bold: 2px;
  --radius-sm: 3px;
  --radius-pill: 999px;

  --dur-fast: 140ms;
  --dur-base: 220ms;
  --dur-slow: 480ms;
  --ease-out:    cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-in:     cubic-bezier(0.55, 0.06, 0.68, 0.19);
  --ease-in-out: cubic-bezier(0.65, 0.05, 0.36, 1);

  --measure: 62ch;
  --gutter: clamp(1.25rem, 5vw, 2.75rem);
}