:root {
  /* dusk (default) — deep, warm-neutral blacks, never pure #000 */
  --void: #0b0b0d;
  --dusk: #100f12;
  --surface: #18171b;
  --surface-2: #201f24;
  --surface-hover: #27262c;
  --border: #2a2930;
  --border-soft: rgba(255, 255, 255, 0.07);

  /* ink */
  --bone: #ece9e2;
  --ash: #a3a19a;
  --ash-dim: #6f6d68;

  /* signature palette: cool moonlight ambience + warm ember accent */
  --moon: #c9d6de;
  --moon-dim: rgba(201, 214, 222, 0.1);
  --ember: #e0883e;
  --ember-bright: #f4a35e;
  --ember-dim: rgba(224, 136, 62, 0.14);
  --ember-line: rgba(224, 136, 62, 0.4);
  --ember-ink: #170d04;
  --gold: #d9a635;
  --gold-dim: rgba(217, 166, 53, 0.14);

  /* derived: glows, shadows, chrome that used to be hardcoded rgba() literals */
  --glow-moon-strong: rgba(201, 214, 222, 0.16);
  --glow-moon-soft: rgba(201, 214, 222, 0.05);
  --glow-ember-soft: rgba(224, 136, 62, 0.1);
  --shadow-ember: rgba(224, 136, 62, 0.25);
  --nav-bg: rgba(11, 11, 13, 0.72);
  --scrim: rgba(0, 0, 0, 0.5);
  --ink-faint: rgba(236, 233, 226, 0.16);

  /* reserved status colors (validated, never repurposed for series/brand) */
  --status-good: #1fb238;
  --status-warning: #fab219;
  --status-serious: #ec835a;
  --status-critical: #e2554f;

  /* type */
  --font-display: "Fraunces", ui-serif, Georgia, serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  --text-hero: clamp(2.6rem, 5.6vw, 5.4rem);
  --text-h1: clamp(2.1rem, 3.6vw, 3.25rem);
  --text-h2: clamp(1.6rem, 2.6vw, 2.25rem);
  --text-h3: 1.3rem;
  --text-lead: clamp(1.05rem, 1.4vw, 1.2rem);
  --text-body: 1rem;
  --text-small: 0.875rem;
  --text-micro: 0.75rem;

  /* space */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.25rem;
  --sp-6: 1.5rem;
  --sp-8: 2rem;
  --sp-12: 3rem;
  --sp-16: 4rem;
  --sp-24: 6rem;
  --sp-32: 8rem;

  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-full: 999px;

  --container: 1180px;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}

/* dawn — the same brief in daylight: warm paper, deep ink, ember still the signature */
:root[data-theme="dawn"] {
  --void: #f6f1e7;
  --dusk: #efe7d8;
  --surface: #fffdf9;
  --surface-2: #f1e9da;
  --surface-hover: #e9dfc9;
  --border: #e2d5bd;
  --border-soft: rgba(23, 18, 10, 0.08);

  --bone: #1c1710;
  --ash: #6b5f4d;
  --ash-dim: #9c8f78;

  --moon: #4a6b78;
  --moon-dim: rgba(74, 107, 120, 0.1);
  --ember: #b8551a;
  --ember-bright: #d16b23;
  --ember-dim: rgba(184, 85, 26, 0.12);
  --ember-line: rgba(184, 85, 26, 0.35);
  --ember-ink: #fff8f0;
  --gold: #a67c1e;
  --gold-dim: rgba(166, 124, 30, 0.12);

  --glow-moon-strong: rgba(74, 107, 120, 0.12);
  --glow-moon-soft: rgba(74, 107, 120, 0.05);
  --glow-ember-soft: rgba(184, 85, 26, 0.08);
  --shadow-ember: rgba(184, 85, 26, 0.18);
  --nav-bg: rgba(246, 241, 231, 0.8);
  --scrim: rgba(23, 18, 10, 0.4);
  --ink-faint: rgba(28, 23, 16, 0.1);

  --status-good: #157a2e;
  --status-warning: #ad7508;
  --status-serious: #b5542f;
  --status-critical: #af2f26;
}