/* Hallmark · genre: atmospheric · macrostructure: Split Studio · theme: custom · enrichment: real photo + app screenshots · nav: N5 · footer: Ft5
 * vibe: "sunrise summit, navy night, coral warmth" · paper oklch(18.5% 0.045 268) · accent oklch(72% 0.17 10) coral
 * fonts: Bricolage Grotesque (display) + Figtree (body) · axes: dark / grotesk-sans / warm
 * Colours are the app's Amethyst dark palette (src/theme/palettes.ts), converted to OKLCH.
 */
:root {
  color-scheme: dark;

  --color-paper: oklch(18.5% 0.045 268);
  --color-paper-2: oklch(25.5% 0.05 268);
  --color-paper-3: oklch(31% 0.06 268);
  --color-rule: oklch(38% 0.05 265);
  --color-ink: oklch(98% 0.01 280);
  --color-ink-2: oklch(84% 0.035 265);
  --color-ink-3: oklch(68% 0.045 265);
  --color-accent: oklch(72% 0.17 10);
  --color-bloom-warm: oklch(72% 0.17 10 / 0.16);
  --color-bloom-cool: oklch(70% 0.17 300 / 0.14);
  --color-nav: oklch(25.5% 0.05 268 / 0.82);
  --color-focus: oklch(72% 0.17 10);

  --font-display: "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Figtree", ui-sans-serif, system-ui, sans-serif;

  --text-sm: 0.875rem;
  --text-base: 1.0625rem;
  --text-md: 1.125rem;
  --text-lg: 1.25rem;
  --text-2xl: clamp(1.75rem, 2.4vw + 1rem, 2.75rem);
  --text-display: clamp(2.5rem, 5vw + 1rem, 5rem);
  --text-display-s: clamp(2rem, 5vw + 1rem, 4.5rem);

  --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: 5rem;
  --space-4xl: 8rem;

  --radius-sm: 0.75rem;
  --radius-md: 1.375rem;
  --radius-lg: 2rem;
  --radius-pill: 999px;

  --measure: 34rem;
  --page-max: 72rem;

  --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-reveal: 700ms;
  --dur-fast: 150ms;
}