/* Habitat — Color system
   Ink monochrome only. No second hue, ever. Differentiation comes from
   ink opacity (100% / 50% / 25%), scale, and weight — never from color.
   Inherited from Habitat's web style guide + editorial deck system. */
:root {
  /* ---- Base ink scale ---- */
  --ink: #1F1D1E;        /* Headlines, rules, footer bars, full-bleed chapter fields */
  --ink-90: #353234;     /* Secondary panels within a dark spread */
  --ink-70: #5C5859;     /* Captions, source lines, page numbers */
  --ink-50: #8A8687;     /* Footnotes, marginalia, eyebrows */
  --ink-25: #C7C4C3;     /* Muted strokes, disabled text */
  --ink-12: rgba(31, 29, 30, 0.12);  /* Hairline rules, dividers */
  --ink-07: rgba(31, 29, 30, 0.07);  /* Ledger row striping, subtle fills */
  --ink-04: rgba(31, 29, 30, 0.04);  /* Faintest wash */

  /* ---- Paper / surfaces ---- */
  --bg: #F9F8F7;            /* Default page background */
  --bg-surface: #F2F0EE;   /* Sidebar / pull-quote / panel background */
  --bg-sunken: #ECEAE7;    /* Recessed wells, input fields */
  --print-paper: #FFFFFF;  /* Print/PDF stock simulation only — not screen */

  /* ---- On dark (chapter openers, footer colophon) ---- */
  --on-dark: #F9F8F7;          /* Primary text on --ink */
  --on-dark-sec: #C7C4C3;      /* Secondary text on --ink */
  --on-dark-muted: #8A8687;    /* Eyebrows / captions on --ink */
  --on-dark-line: rgba(249, 248, 247, 0.16); /* Hairlines on --ink */

  /* ---- Borders ---- */
  --border: rgba(31, 29, 30, 0.14);   /* Default hairline */
  --border-strong: var(--ink);         /* 1–2px structural rules */
  --border-faint: rgba(31, 29, 30, 0.08);

  /* ---- Accent (use sparingly — a single warm highlight, never a full palette) ---- */
  --accent: #D4B483;             /* Sand/gold — small highlights, active dots, chart callouts */
  --accent-strong: #B99257;      /* Accent text/icon on light surfaces needing more contrast */
  --accent-subtle: rgba(212, 180, 131, 0.18); /* Faint wash behind a highlighted stat/row */
  --accent-line: rgba(212, 180, 131, 0.5);    /* Accent hairline, e.g. an active tab underline */
  --on-accent: var(--ink);       /* Text/icon color when placed on solid --accent */

  /* ---- Semantic aliases ---- */
  --text-display: var(--ink);
  --text-body: var(--ink-90);
  --text-muted: var(--ink-70);
  --text-subtle: var(--ink-50);
  --surface-page: var(--bg);
  --surface-card: var(--bg);
  --surface-panel: var(--bg-surface);
  --surface-dark: var(--ink);
  --rule: var(--border);
  --rule-strong: var(--border-strong);
}