/* CUTM Incident Dossier — Design Tokens
   Single source of truth for color, type, space, motion.
   Senior rule: no hex scattered in components. Use tokens. */

:root {
  /* Paper / ink — editorial light theme for credibility + print */
  --paper: #faf8f3;
  --paper-2: #f3efe6;
  --card: #ffffff;
  --ink: #14161a;
  --ink-2: #2b2f36;
  --muted: #646b77;
  --faint: #8a91a0;
  --line: #e6dfd1;
  --line-strong: #d4c9b2;

  /* Brand */
  --forest: #0e2a23;
  --forest-2: #14392f;
  --accent: #b91c1c;        /* alert / breaking — used sparingly */
  --accent-ink: #7f1d1d;
  --accent-bg: #fef2f2;
  --gold: #b8923e;
  --gold-bg: #fdf6e3;
  --sage: #e8efe9;
  --info: #1d4ed8;
  --info-bg: #eff6ff;
  --ok: #166534;
  --ok-bg: #f0fdf4;

  /* Type */
  --serif: "Fraunces", Georgia, "Times New Roman", serif;
  --sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.375rem;
  --text-2xl: 1.75rem;
  --text-3xl: clamp(2rem, 4vw + 1rem, 3.25rem);
  --text-hero: clamp(2.6rem, 6vw + 1rem, 4.75rem);

  /* Space + shape */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;

  --radius-sm: 6px;
  --radius: 12px;
  --radius-lg: 18px;
  --radius-full: 999px;

  --shadow-sm: 0 1px 2px rgba(20,22,26,.06);
  --shadow: 0 8px 30px rgba(20,22,26,.08);
  --shadow-lg: 0 24px 60px rgba(14,42,35,.18);

  --max: 1180px;
  --max-narrow: 760px;
  --header-h: 68px;

  --ease: cubic-bezier(.22,.61,.21,1);
  --dur: 240ms;
}

@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: light; /* force light for print credibility; dark hero handles contrast */
  }
}