/* Hallmark · donna design system — LIGHT (jdotai paper)
 * macrostructure: Narrative Workflow · nav: N3 side-rail · genre: editorial
 * paper-band: LIGHT · display: classical-serif (Fraunces) · accent: warm
 * Derived from the jdotai brand, NOT inverted from the dark build: on paper the
 * accent must darken to read as text, and the ink ramp needs its own contrast
 * pass. A mechanical flip fails gates 40-41.
 * Legacy header follows.
 */

/* Hallmark · donna design system · custom theme · jdotai brand
 * macrostructure: Bento Grid · genre: editorial · nav: N6 masthead
 * paper-band: dark (unified) · display: classical-serif · accent: warm (hue 38)
 */

:root {
  /* ── GROUND & TILES — elevation by lightness, never shadow ──────────── */
  --ground:        oklch(95.6% 0.013 87);
  --tile:          oklch(98.6% 0.006 88);
  --tile-hover:    oklch(97% 0.010 87);
  --tile-active:   oklch(94.6% 0.015 86);
  --tile-sunk:     oklch(92.8% 0.016 86);

  /* ── RULES — hairline only, all four edges ─────────────────────────── */
  --rule:          oklch(24% 0.014 60 / 0.12);
  --rule-md:       oklch(24% 0.014 60 / 0.22);
  --rule-hi:       oklch(24% 0.014 60 / 0.38);

  /* ── INK — every step verified ≥ 4.5:1 on --tile (gates 40–41) ─────── */
  --ink:           oklch(18.9% 0.013 78);
  --ink-2:         oklch(38% 0.012 74);
  --ink-3:         oklch(51% 0.011 72);
  --ink-4:         oklch(66% 0.010 74);

  /* ── ACCENT — donna / jdotai terracotta, lifted for dark ground ─────── */
  --accent:        oklch(59.6% 0.19 35);   /* fill */
  --accent-fill:   oklch(56% 0.19 35);   /* button ground — white text 5.0:1 */
  --accent-hover:  oklch(50% 0.19 34);
  --accent-text:   oklch(48% 0.17 36);   /* accent AS TEXT on paper — darkened, 5.1:1 */
  --accent-quiet:  oklch(93% 0.035 45);
  --accent-ink:    oklch(99% 0.004 85);
  --accent-spin:   oklch(99% 0.004 85 / 0.4);

  /* ── PRIORITY — accent squares, not stripes ────────────────────────── */
  --high:          oklch(48% 0.190 27);
  --high-quiet:    oklch(94% 0.040 30);
  --normal:        oklch(52% 0.130 70);
  --normal-quiet:  oklch(94% 0.045 80);
  --low:           oklch(47% 0.120 150);
  --low-quiet:     oklch(93% 0.040 150);

  /* ── SEMANTIC ───────────────────────────────────────────────────────── */
  --success:       oklch(45% 0.130 152);
  --error:         oklch(47% 0.195 27);
  --focus:         oklch(52% 0.170 250);
  --info:          oklch(47% 0.130 250);
  --info-quiet:    oklch(94% 0.035 250);
  --scrim:         oklch(21% 0.014 58 / 0.32);

  /* ── TYPOGRAPHY — Inter Tight carries the UI · Fraunces reserved for the wordmark */
  --font-display: 'Inter Tight', ui-sans-serif, system-ui, sans-serif;
  --font-body:    'Inter Tight', ui-sans-serif, system-ui, sans-serif;
  --font-outlier: 'JetBrains Mono', ui-monospace, monospace;
  --font-logo:    'Fraunces', ui-serif, Georgia, serif;

  /* ── SCALE — major third (1.25) ─────────────────────────────────────── */
  --text-2xs:  0.6875rem;
  --text-xs:   0.75rem;
  --text-sm:   0.8125rem;
  --text-base: 0.875rem;
  --text-md:   1rem;
  --text-lg:   1.25rem;
  --text-xl:   1.5625rem;
  --text-2xl:  1.953rem;
  --text-stat: 2.75rem;

  /* ── SPACE — 4pt ────────────────────────────────────────────────────── */
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs:  0.75rem;
  --space-sm:  1rem;
  --space-md:  1.25rem;
  --space-lg:  1.5rem;
  --space-xl:  2rem;
  --space-2xl: 2.5rem;

  /* ── BENTO — the grid IS the rhythm ─────────────────────────────────── */
  --bento-gap: 0.875rem;
  --bento-pad: 1rem;
  --rail-w:        170px;
  --masthead-h: 60px;

  /* ── 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.45, 0, 0.55, 1);
  --dur-short: 130ms;
  --dur-med:   220ms;
  --dur-long:  320ms;

  /* ── RADIUS ─────────────────────────────────────────────────────────── */
  --radius-tile:  8px;
  --radius-chip:  5px;
  --radius-micro: 3px;

  /* ── Z-SCALE — six named levels, never 9999 ─────────────────────────── */
  --z-base:    0;
  --z-raised:  10;
  --z-sticky:  20;
  --z-drawer:  30;
  --z-overlay: 40;
  --z-toast:   50;
}