/* Hallmark · genre: atmospheric · macrostructure: Marquee Hero · theme: custom (tuned)
 * vibe: "modern conference, halftone print, one ember accent"
 * paper oklch(14% 0.010 35) · accent oklch(66.9% 0.210 33.3) = brand #FB5331
 * display: Archivo (wdth 62–125, wght 900) · body: Geist · outlier: Geist Mono (times, dates)
 * axes: dark / display-heavy / warm · enrichment: brand halftone photo (user asset) · nav: N5 · footer: Ft5
 */

:root {
  /* Colour — warm-tinted neutrals anchored on the brand orange (hue ~33) */
  --color-paper: oklch(14% 0.010 35);
  --color-paper-2: oklch(18% 0.011 35);
  --color-paper-3: oklch(22% 0.012 35);
  --color-rule: oklch(32% 0.010 35);
  --color-field-border: oklch(52% 0.010 35); /* ≥3:1 on paper-2 for form controls */
  --color-neutral: oklch(62% 0.010 40);
  --color-muted: oklch(76% 0.008 50);
  --color-ink: oklch(95% 0.008 70);
  --color-accent: oklch(66.9% 0.210 33.3);
  --color-accent-hover: oklch(72% 0.190 36);
  --color-on-accent: oklch(16% 0.012 35);
  --color-focus: oklch(78% 0.160 50);
  --color-error: oklch(74% 0.160 25);
  --color-scrim: oklch(14% 0.010 35 / 0.92);
  --color-scrim-soft: oklch(14% 0.010 35 / 0);
  --color-shadow: oklch(8% 0.010 35 / 0.45);

  /* Type */
  --font-display: "Archivo", "Arial Black", sans-serif;
  --font-body: "Geist", "Segoe UI", sans-serif;
  --font-mono: "Geist Mono", ui-monospace, monospace;

  --text-xs: 0.8125rem;
  --text-sm: 0.9375rem;
  --text-base: 1.0625rem;
  --text-lg: 1.25rem;
  --text-xl: clamp(1.375rem, 1rem + 1vw, 1.75rem);
  --text-2xl: clamp(1.75rem, 1.2rem + 2vw, 2.5rem);
  --text-3xl: clamp(2.25rem, 1.4rem + 3.4vw, 3.75rem);
  --text-4xl: clamp(2.75rem, 1.2rem + 6vw, 5.5rem);
  --text-giant: clamp(5.5rem, 2rem + 19vw, 22rem);

  /* Space — 4pt scale */
  --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: 7rem;
  --page-gutter: clamp(1rem, 4vw, 3.5rem);
  --page-max: 84rem;

  /* Shape */
  --radius-sm: 0.5rem;
  --radius-md: 1rem;
  --radius-lg: 1.75rem;
  --radius-pill: 999px;
  --rule-hair: 1px;

  /* Motion */
  --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;

  /* Layers */
  --z-base: 0;
  --z-raised: 10;
  --z-nav: 30;
}