/* LANSFORD · Eclipse: design tokens. Every colour and font in site.css references these. */
:root {
  /* paper band: dark · display: high-contrast serif · accent: warm gold (secondary: ice light) */
  --color-void:    oklch(7% 0.004 250);   /* page + film letterbox; frames are near true black */
  --color-paper-2: oklch(13% 0.006 250);  /* raised surface: the input */
  --color-rule:    oklch(54% 0.012 250);  /* hairlines, input border (3:1 on void) */
  --color-muted:   oklch(74% 0.012 85);   /* secondary text */
  --color-ink:     oklch(95% 0.010 85);   /* primary text */
  --color-accent:  oklch(81% 0.110 82);   /* gold: CTA, focus, callout numerals */
  --color-glow:    oklch(94% 0.030 230);  /* ice light: corona, leader lines */
  --color-focus:   oklch(84% 0.120 82);
  --color-error:   oklch(74% 0.130 35);
  --color-scrim:   oklch(7% 0.004 250 / 0.72); /* modifier only: behind text over footage */
  --color-scrim-strong: oklch(7% 0.004 250 / 0.92);

  --font-display: "Cormorant Garamond", "Iowan Old Style", Georgia, serif;
  --font-body:    "Instrument Sans", ui-sans-serif, system-ui, sans-serif;

  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.25rem;
  --text-xl:   clamp(1.5rem, 1.1rem + 1.4vw, 2.25rem);
  --text-2xl:  clamp(2.25rem, 1.4rem + 3vw, 4rem);
  --text-display: clamp(2.6rem, 1.2rem + 5.4vw, 6.25rem);

  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2rem;
  --space-2xl: 3rem;
  --space-3xl: 4.5rem;
  --space-4xl: 7rem;

  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:     cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-micro: 120ms;
  --dur-short: 220ms;
  --dur-long:  420ms;
  --dur-track: 2400ms;  /* the wordmark tracking in on load */

  --rule-hair: 1px;
  --radius-pill: 999px;
  --gutter: clamp(1rem, 0.4rem + 2.6vw, 3rem);
}