/* Hallmark · genre: editorial · macrostructure: Narrative Workflow · theme: custom-adjacent "Adobe" (warm oat paper · terracotta accent · high-contrast serif)
 * tone: editorial, warm, dignified · anchor hue: 40–80 (clay + oat)
 * axes: light paper / high-contrast-serif display / warm accent
 */
:root {
  /* Colour — warm oat paper, clay-brown ink, one terracotta accent */
  --color-paper:        oklch(96.5% 0.012 80);
  --color-paper-2:      oklch(93.6% 0.017 78);
  --color-paper-3:      oklch(90.4% 0.022 74);
  --color-rule:         oklch(82.5% 0.016 70);
  --color-neutral:      oklch(55% 0.014 60);
  --color-muted:        oklch(41% 0.014 55);
  --color-ink:          oklch(21% 0.016 50);
  --color-accent:       oklch(48% 0.14 36);
  --color-accent-strong: oklch(41% 0.13 34);
  --color-accent-soft:  oklch(90.5% 0.045 50);
  --color-accent-on-ink: oklch(76% 0.11 52);
  --color-ok:           oklch(46% 0.09 150);
  --color-ok-soft:      oklch(92% 0.035 150);
  --color-focus:        oklch(48% 0.14 36);
  --color-on-ink:       oklch(95% 0.012 80);
  --color-on-ink-muted: oklch(78% 0.018 75);
  --color-ink-2:        oklch(27% 0.018 50);
  --color-ink-rule:     oklch(38% 0.016 50);

  /* Type */
  --font-display: "Fraunces", ui-serif, Georgia, serif;
  --font-body:    "IBM Plex Sans", ui-sans-serif, sans-serif;
  --font-outlier: "IBM Plex Mono", ui-monospace, monospace;

  --text-xs:   0.8rem;
  --text-sm:   0.9rem;
  --text-base: 1.0625rem;
  --text-md:   1.25rem;
  --text-lg:   1.5625rem;
  --text-xl:   1.9531rem;
  --text-2xl:  clamp(1.9rem, 2.2vw + 1rem, 2.6rem);
  --text-display: clamp(2.6rem, 4.6vw + 1rem, 5rem);
  --text-numeral: clamp(4rem, 9vw + 1rem, 8.5rem);

  /* Space — 4pt base */
  --space-3xs: 0.125rem;
  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;
  --space-4xl: 9rem;

  /* Rules, radius */
  --rule-hair:  1px;
  --rule-thick: 6px;
  --radius-sm:  4px;
  --radius-md:  10px;
  --radius-pill: 999px;

  /* 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: 1;
  --z-raised: 10;
  --z-sticky: 200;
  --z-toast: 500;

  --measure: 62ch;
  --container: 74rem;
}