/* Hallmark · genre: atmospheric · macrostructure: Bento Grid · theme: Midnight (gold) · enrichment: real photos · nav: N5 · footer: Ft5 */
:root {
  --color-paper:   oklch(14% 0.010 75);
  --color-paper-2: oklch(18% 0.012 75);
  --color-paper-3: oklch(22% 0.014 75);
  --color-rule:    oklch(30% 0.012 75);
  --color-neutral: oklch(62% 0.010 75);
  --color-muted:   oklch(76% 0.008 75);
  --color-ink:     oklch(95% 0.008 85);
  --color-accent:  oklch(82% 0.150 80);
  --color-accent-ink: oklch(20% 0.040 80);
  --color-focus:   oklch(85% 0.160 80);
  --color-live:    oklch(72% 0.170 145);
  --color-bloom-1: oklch(55% 0.130 70 / 0.22);
  --color-bloom-2: oklch(50% 0.120 30 / 0.14);
  --color-shade:   oklch(10% 0.010 75 / 0.85);
  --color-img-outline: rgba(255, 255, 255, 0.1);

  --font-display: "Bricolage Grotesque", system-ui, sans-serif;
  --font-body: "Geist", system-ui, sans-serif;
  --font-mono: "Plus Jakarta Sans", system-ui, sans-serif; /* label face (was Geist Mono) */
  --font-serif: "Instrument Serif", Georgia, serif;
  --color-grid: oklch(95% 0.008 85 / 0.045);
  --color-grid-hi: oklch(82% 0.150 80 / 0.22);
  --color-spot: oklch(82% 0.150 80 / 0.14);
  --color-spot-edge: oklch(82% 0.150 80 / 0.55);

  --text-xs: 0.75rem; --text-sm: 0.875rem; --text-md: 1rem; --text-lg: 1.25rem;
  --text-xl: 1.6rem; --text-2xl: 2.2rem; --text-3xl: clamp(2rem, 3vw + 1rem, 3.2rem);
  --text-display: clamp(3rem, 7vw + 0.5rem, 6.5rem);

  --space-2xs: 4px; --space-xs: 8px; --space-sm: 12px; --space-md: 16px; --space-lg: 24px;
  --space-xl: 32px; --space-2xl: 48px; --space-3xl: 80px; --space-4xl: 120px;

  --radius-sm: 10px; --radius-md: 18px; --radius-lg: 26px; --radius-pill: 999px;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 160ms; --dur-med: 420ms;
}