/* Hallmark · macrostructure: Narrative Workflow · theme: Garden · tone: soft-editorial · anchor hue: leaf-green 140
 * nav: N9 edge-aligned minimal · footer: Ft6 letter close · enrichment: Tier-C generated stills (Grok)
 * F4 knobs: numbering=01/02/03, layout=vertical stack, connector=line
 * pre-emit critique: P4 H5 E4 S4 R5 V4 · contrast: pass · mobile: pass (34, 49, 50-57)
 */
:root {
  /* color — Garden: light paper band, chromatic-green accent */
  --color-paper:      oklch(97.5% 0.013 95);
  --color-paper-2:    oklch(95%   0.02  100);
  --color-paper-3:    oklch(92%   0.025 105);
  --color-ink:        oklch(27%   0.03  130);
  --color-ink-soft:   oklch(42%   0.025 130);
  --color-accent:     oklch(46%   0.09  140);
  --color-accent-deep:oklch(36%   0.08  142);
  --color-terracotta: oklch(58%   0.09  45);
  --color-amber:      oklch(70%   0.11  75);

  /* seasonal accents — echo the four-season logo */
  --color-spring: oklch(62% 0.13 145);
  --color-summer: oklch(44% 0.10 150);
  --color-autumn: oklch(58% 0.12 45);
  --color-winter: oklch(58% 0.06 240);
  --color-blossom: oklch(75% 0.09 350);
  --color-focus:      oklch(46%   0.09  140);
  --color-rule:       oklch(85%   0.02  110);

  /* type */
  --font-display: "Fraunces", ui-serif, Georgia, serif;
  --font-body:    "Newsreader", ui-serif, Georgia, serif;

  --text-sm:   0.85rem;
  --text-base: 1.06rem;
  --text-md:   1.25rem;
  --text-lg:   1.56rem;
  --text-xl:   1.95rem;
  --text-2xl:  2.44rem;
  --text-3xl:  3.05rem;
  --text-display: clamp(2.6rem, 5vw + 1rem, 5rem);

  /* space — 4pt scale */
  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1.25rem;
  --space-lg:  2rem;
  --space-xl:  3.25rem;
  --space-2xl: 5rem;
  --space-3xl: 8rem;

  /* motion — Garden runs 1.2× calm */
  --dur-fast: 220ms;
  --dur-med:  420ms;
  --dur-slow: 700ms;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

  --rule-hair: 1px solid var(--color-rule);
  --radius-soft: 10px;
}