/* Hallmark · custom theme
 * vibe: "a papercraft bedtime tale, read aloud"
 * paper: oklch(96% 0.012 80) · accent: oklch(64% 0.17 35) coral-warm
 * display: Fraunces · body: Newsreader
 * paper-band: light→night→dawn · display-style: serif · accent-hue: warm
 * macrostructure: Storybook / chaptered scroll
 * pre-emit critique: P5 H4 E4 S5 R4 V5
 */

:root {
  /* ---- Colour (OKLCH; warm paper anchor, single coral accent) ---- */
  --color-paper:     oklch(96% 0.012 80);   /* warm cream page */
  --color-card:      oklch(98.5% 0.008 85);  /* card surface (not pure #fff) */
  --color-ink:       oklch(24% 0.014 60);    /* primary text */
  --color-ink-soft:  oklch(43% 0.012 62);    /* secondary text */
  --color-line:      oklch(88% 0.012 78);    /* hairlines */
  --color-n-100:     oklch(93% 0.012 80);
  --color-n-200:     oklch(86% 0.012 78);
  --color-n-300:     oklch(74% 0.012 74);

  --color-accent:        oklch(64% 0.17 35);   /* coral — links/active/CTA/focus */
  --color-accent-strong: oklch(58% 0.18 33);
  --color-accent-ink:    oklch(98% 0.01 80);   /* text on accent */
  --color-focus:         oklch(64% 0.17 35);

  /* Night bands (dark surfaces swap ink, gate 50) */
  --color-night:      oklch(30% 0.055 268);
  --color-night-deep: oklch(20% 0.05 270);
  --color-night-ink:  oklch(93% 0.02 90);
  --color-night-soft: oklch(78% 0.04 260);
  --color-night-line: oklch(50% 0.04 268);

  /* Papercraft art palette (illustration only — multi-hue allowed in SVG) */
  --art-sky:       oklch(82% 0.09 232);
  --art-sky-deep:  oklch(64% 0.12 248);
  --art-leaf:      oklch(74% 0.15 142);
  --art-leaf-deep: oklch(60% 0.15 146);
  --art-coral:     oklch(64% 0.17 35);
  --art-coral-deep:oklch(56% 0.17 32);
  --art-purple:    oklch(63% 0.13 300);
  --art-yellow:    oklch(86% 0.14 95);
  --art-cream:     oklch(96% 0.02 90);
  --art-white:     oklch(99% 0.005 90);
  --art-night:     oklch(34% 0.06 266);

  /* ---- Type (2+1: Fraunces display, Newsreader body, Fraunces italic outlier) ---- */
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body:    "Newsreader", Georgia, serif;

  --text-xs:   0.80rem;
  --text-sm:   0.90rem;
  --text-base: 1.0rem;
  --text-md:   1.18rem;
  --text-lg:   1.45rem;
  --text-xl:   1.85rem;
  --text-2xl:  2.4rem;
  --text-3xl:  clamp(2.1rem, 3.4vw + 0.6rem, 3.2rem);
  --text-display-s: clamp(2.3rem, 4vw + 0.8rem, 3.6rem);
  --text-display:   clamp(2.75rem, 5vw + 1rem, 5.25rem);

  /* ---- Spacing (4pt, 9 steps) ---- */
  --space-3xs: 2px;
  --space-2xs: 4px;
  --space-xs:  8px;
  --space-sm:  12px;
  --space-md:  16px;
  --space-lg:  24px;
  --space-xl:  40px;
  --space-2xl: 64px;
  --space-3xl: 96px;
  --space-4xl: 144px;

  /* ---- Radius / motion / depth ---- */
  --radius-sm:   10px;
  --radius-md:   16px;
  --radius-lg:   24px;
  --radius-pill: 999px;

  --ease-out: cubic-bezier(.2, .7, .3, 1);
  --dur-1: 160ms;
  --dur-2: 340ms;
  --dur-3: 700ms;

  --shadow-whisper: 0 1px 2px oklch(20% 0.02 60 / .07);
  --shadow-soft:    0 10px 30px oklch(28% 0.04 60 / .10);

  --measure: 64ch;
}