/* Hallmark · genre: modern-minimal · macrostructure: Long Document · theme: Coral · enrichment: none · nav: N9 · footer: Ft2 */

:root {
  /* Colour: warm-grey paper, one coral accent (hue ~40) */
  --color-paper:    oklch(98.4% 0.004 70);
  --color-paper-2:  oklch(95.8% 0.006 70);
  --color-rule:     oklch(88.5% 0.007 60);
  --color-muted:    oklch(47% 0.010 55);
  --color-ink:      oklch(21% 0.010 50);
  --color-accent:   oklch(62% 0.170 38);
  --color-focus:    oklch(56% 0.170 38);
  --color-on-ink:   oklch(97% 0.004 70);

  /* Type */
  --font-display: "Geist", ui-sans-serif, sans-serif;
  --font-body:    "Geist", ui-sans-serif, 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-display: clamp(2.25rem, 4.2vw + 0.75rem, 3.75rem);

  /* Space (4pt) */
  --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: 6.5rem;

  --page-gutter: clamp(1rem, 4vw, 2.5rem);
  --page-max:    68rem;
  --measure:     62ch;

  --radius-sm:   8px;
  --radius-pill: 999px;
  --rule-hair:   1px;

  /* Motion */
  --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:    140ms;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-paper:   oklch(17% 0.008 55);
    --color-paper-2: oklch(21% 0.009 55);
    --color-rule:    oklch(31% 0.009 55);
    --color-muted:   oklch(72% 0.008 60);
    --color-ink:     oklch(94% 0.006 70);
    --color-accent:  oklch(70% 0.150 40);
    --color-focus:   oklch(74% 0.150 40);
    --color-on-ink:  oklch(17% 0.008 55);
  }
}