/**
 * Ours — design tokens (Warm Editorial Sanctuary · Night Edition)
 *
 * The product darkened as one atmosphere: the fireplace hero stays the
 * darkest, richest surface (walnut-900 + real fire video) and every section
 * below it sits on deep warm charcoal / brown-black with warm ivory type.
 * Token NAMES are unchanged from the approved light baseline, so existing
 * class names (bg-paper, text-ink, bg-card …) keep working — only their
 * VALUES moved to their dark-theme equivalents.
 *
 * Contrast-verified pairings (WCAG AA):
 *   ink #F0E8D8 on paper #1C1712  → 14.4:1
 *   ink-2 #C0B5A0 on paper        → 8.7:1
 *   ink-3 #948B77 on paper        → 5.2:1
 *   ember #C86A3D on paper        → 4.7:1 (link/label text)
 *   on-ember #221A12 on ember     → 5.4:1 (button labels)
 *   error #E0654F on card #262019 → 4.7:1
 */
:root {
  /* Dark warm surfaces (names preserved from the light baseline) */
  --paper: #1C1712;             /* deep warm charcoal-brown page canvas */
  --card: #262019;              /* slightly lighter walnut cards, panels */
  --surface-subtle: #2E2820;    /* notice bar, soft fills */
  --surface-container-low: #241E17; /* alternating section tint */

  /* Light text on dark (ink semantics inverted) */
  --ink: #F0E8D8;               /* warm ivory — primary text */
  --ink-2: #C0B5A0;             /* muted parchment — secondary text */
  --ink-3: #948B77;             /* meta, placeholders */

  /* Ivory — explicit light text for on-dark sections (hero, footer, archive).
     Kept at the exact approved value so the fireplace hero is untouched. */
  --ivory: #F4EFE5;

  /* Rules */
  --hairline: #3A342A;          /* decorative rules, quiet borders */

  /* Required input boundary + focus — visible against dark surfaces */
  --line-strong: #7A7260;

  /* Accent — the ember, lightened for dark surfaces (same hue family) */
  --ember: #C86A3D;
  --ember-hover: #E08A55;
  --ember-active: #B4552D;      /* the original approved ember, as active */
  --ember-soft: #3A2A1D;        /* ember-tinted dark fills, selected wash */
  --on-ember: #221A12;          /* dark walnut text on ember fills */

  /* Dark environment (fireplace hero, footer, archive — darkest first) */
  --walnut-900: #171410;
  --walnut-800: #211D16;
  --walnut-700: #2D2820;
  --amber-glow: #E8A464;

  /* Notice */
  --notice-bg: #2A241C;
  --notice-text: #B3A793;

  /* Error */
  --error: #E0654F;
  --error-container: #3A1712;
  --on-error-container: #F2B5A9;
  --on-error: #1E0906;          /* text on solid error fills */

  /* Type stacks */
  --serif: 'Newsreader', 'Instrument Serif', Georgia, 'Times New Roman', serif;
  --sans: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* Measure */
  --reading-width: 640px;
  --writing-width: 680px;
  --frame-width: 1080px;
  --wide-frame: 1280px;

  /* Radii — restrained 6–12px */
  --r: 6px;
  --r-lg: 10px;
  --r-xl: 12px;

  /* Spacing */
  --margin-mobile: 20px;
  --gutter: 24px;
}