/* Hallmark · genre: editorial · macrostructure: Split Studio (dark/light rhythm) · theme: custom
 * vibe: "warm paper, cinema ink, one crimson cut"
 * paper oklch(97.4% 0.006 75) · accent oklch(47% 0.18 8) crimson (from logo #B81342)
 * display: Bricolage Grotesque 500–600 · body: Instrument Sans 400 · mono: Geist Mono
 * axes: light / grotesk-sans / warm · enrichment: Tier D (three.js figure) · nav: N9 edge-aligned (bottom rule = the cliff) · footer: Ft1 mast-headed
 * pre-emit critique: P5 H5 E4 S5 R5 V4
 */
:root {
  /* paper + ink */
  --color-paper:    oklch(97.4% 0.006 75);   /* warm white, never #fff */
  --color-paper-2:  oklch(94.6% 0.008 70);   /* card wells, input fill */
  --color-paper-3:  oklch(91.5% 0.01 68);
  --color-ink:      oklch(19% 0.012 330);    /* near-black with a crimson lean */
  --color-ink-2:    oklch(40% 0.012 330);    /* secondary text, 8:1 on paper */
  --color-ink-3:    oklch(52% 0.01 330);     /* meta text, 5:1 on paper */
  --color-rule:     oklch(87% 0.01 60);
  --color-rule-2:   oklch(80% 0.012 60);
  --color-accent:   oklch(47% 0.18 8);       /* Cliffhanger crimson */
  --color-accent-2: oklch(41% 0.17 8);       /* pressed */
  --color-on-accent:oklch(98% 0.005 75);
  --color-focus:    oklch(47% 0.18 8);
  --color-scrim:    oklch(19% 0.012 330 / 0.86);
  --color-video-bg: oklch(16% 0.01 330);
  /* night: the dark sections */
  --color-night:    oklch(17% 0.014 330);
  --color-night-2:  oklch(22% 0.014 330);
  --color-night-line: oklch(32% 0.012 330);
  --color-ivory:    oklch(95% 0.012 80);
  --color-ivory-2:  oklch(78% 0.012 70);
  --color-ivory-3:  oklch(64% 0.012 60);
  --color-ember:    oklch(62% 0.2 8);       /* crimson lifted for dark grounds */

  /* type */
  --font-display: "Bricolage Grotesque", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Instrument Sans", "Helvetica Neue", Arial, sans-serif;
  --font-serif: "Instrument Serif", Georgia, serif;
  --font-mono: "Geist Mono", ui-monospace, Menlo, monospace;
  --text-xs: 0.75rem;
  --text-sm: 0.8125rem;
  --text-base: 0.9375rem;
  --text-md: 1.0625rem;
  --text-lg: clamp(1.125rem, 1rem + 0.35vw, 1.3125rem);
  --text-xl: clamp(1.375rem, 1.1rem + 0.8vw, 1.75rem);
  --text-2xl: clamp(1.75rem, 1.3rem + 1.4vw, 2.5rem);
  --text-display: clamp(2.5rem, 1.1rem + 4.4vw, 5.5rem);
  --text-3xl: clamp(2rem, 1.2rem + 2.6vw, 3.5rem);

  /* 4pt spacing */
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs: 0.75rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
  --space-2xl: 4.5rem;
  --space-3xl: clamp(5rem, 3rem + 6vw, 9rem);
  --gutter: clamp(1rem, 0.4rem + 2.6vw, 2.5rem);
  --max: 1440px;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-pill: 999px;
  --rule: 1px solid var(--color-rule);

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in: cubic-bezier(0.55, 0, 1, 0.45);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 160ms;
  --dur-base: 280ms;
  --dur-slow: 700ms;

  color-scheme: light;
}