/* Hallmark · genre: playful · macrostructure: Map / Diagram · theme: Plume (accent: coral variant) · enrichment: Tier B hand-built SVG (quest path + organ map) · nav: N1 · footer: Ft5 · tone: playful · anchor hue: 70 */
/* Hallmark · pre-emit critique: P4 H4 E4 S4 R4 V4 */

:root {
  /* — paper → ink, warm cream family (hue 70 → 50) — */
  --color-paper:       oklch(96% 0.020 70);
  --color-paper-2:     oklch(94% 0.026 70);
  --color-paper-3:     oklch(91% 0.030 70);
  --color-rule:        oklch(82% 0.022 70);
  --color-rule-2:      oklch(70% 0.024 70);
  --color-muted:       oklch(50% 0.022 60);
  --color-neutral:     oklch(36% 0.020 55);
  --color-ink-2:       oklch(30% 0.018 55);
  --color-ink:         oklch(22% 0.015 50);

  /* — one accent: warm coral (playful genre allows coral / indigo / rose) — */
  --color-accent:      oklch(52% 0.160 35);
  --color-accent-soft: oklch(90% 0.050 40);
  --color-accent-ink:  oklch(98% 0.015 70);
  --color-focus:       oklch(47% 0.160 35);

  /* — type — */
  --font-display: "Bricolage Grotesque", "Geist", ui-sans-serif, system-ui, sans-serif;
  --font-body:    "Geist", ui-sans-serif, system-ui, sans-serif;
  --font-label:   "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --font-mono:    "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-md:   1.125rem;
  --text-lg:   1.375rem;
  --text-xl:   1.75rem;
  --text-2xl:  2.25rem;
  --text-display:   clamp(2.75rem, 5vw + 0.75rem, 5rem);
  --text-display-s: clamp(1.75rem, 2.5vw + 0.75rem, 2.75rem);

  --lh-tight:   1.05;
  --lh-snug:    1.2;
  --lh-normal:  1.5;

  --tracking-display: -0.025em;
  --tracking-label:   0.08em;

  /* — space, 4 pt — */
  --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;

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

  --rule-hair: 1px;
  --rule-fine: 1.5px;
  --radius-card:  14px;
  --radius-input: 8px;
  --radius-pill:  999px;

  --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;

  --z-base:   1;
  --z-raised: 10;
  --z-sticky: 200;
}