/*
 * Design tokens for donaldbrinkman.com.
 *
 * SOURCE OF TRUTH: canon/design/dbcom-web-design-language-beta.md, section 2
 * (Artlord beta, 2026-06-12). This :root block is the deliverable, shipped
 * verbatim. Values are copied, not interpreted. Red is #C0111A throughout.
 *
 * Fonts (Libre Baskerville, Barlow) are self-hosted woff2 per section 8;
 * until those files land, the stacks fall back to Georgia/Arial. No
 * third-party font CDN ships (the comp's @import was preview only).
 */
:root{
  /* ---- color: parent-verbatim ---- */
  --paper:#FAF6EE;          /* page ground, all widths */
  --ink:#1C1A17;            /* text, heavy rules, chips, primary buttons */
  --muted:#6E6457;          /* secondary text: datelines, captions, pantry keys */
  --red:#C0111A;            /* emphasis only; see section 4, the red law */
  --hair:#D9CDB8;           /* hairline rules, quiet borders */
  --pantry-bg:#F1E9D6;      /* keyword pantry ground */
  --pantry-border:#C9BB9E;  /* keyword pantry dashed border */

  /* ---- color: derived (decision log A3, A4) ---- */
  --ink-soft:#3A362F;       /* hover tone for ink-filled controls; no other use */

  /* ---- type families: parent-verbatim ---- */
  --serif:'Libre Baskerville', Georgia, 'Times New Roman', serif;
  --sans:'Barlow', 'Helvetica Neue', Arial, sans-serif;

  /* ---- type ramp (16px root; clamps run 375 to 1280) ---- */
  --fs-display:clamp(2rem, 1.55rem + 1.9vw, 2.75rem);     /* index hero name */
  --fs-title:clamp(1.4375rem, 1.32rem + 0.5vw, 1.75rem);  /* case-study titles, h2 */
  --fs-body-lg:clamp(1.125rem, 1.08rem + 0.25vw, 1.25rem);/* Signal intros */
  --fs-body:clamp(1.0625rem, 1.04rem + 0.1vw, 1.125rem);  /* serif story prose */
  --fs-ui:0.9375rem;        /* sans prose, bullets, nav, buttons (15px) */
  --fs-small:0.8125rem;     /* margin notes, captions, datelines (13px) */
  --fs-micro:0.6875rem;     /* kickers, labels, uppercase (11px) */

  --lh-display:1.08;
  --lh-title:1.2;
  --lh-body:1.68;           /* Libre Baskerville needs the air */
  --lh-ui:1.55;
  --lh-small:1.55;
  --lh-micro:1.4;

  --ls-display:-0.015em;    /* parent letter-spacing on the name */
  --ls-micro:0.14em;        /* restored tracking; decision log A2 */
  --ls-plabel:0.16em;       /* pantry label, slightly wider, per parent intent */
  --ls-slight:0.04em;       /* footline name, timeline role labels; parent-verbatim */

  /* ---- spacing scale ---- */
  --sp-1:0.25rem;  --sp-2:0.5rem;  --sp-3:0.75rem;
  --sp-4:1rem;     --sp-5:1.5rem;  --sp-6:2rem;
  --sp-7:3rem;     --sp-8:4rem;    --sp-9:6rem;

  /* ---- rules: parent weights ---- */
  --rule-heavy:2px;         /* ink */
  --rule-mid:1.5px;         /* ink; the section-head line */
  --rule-hair:1px;          /* hair */

  /* ---- layout ---- */
  --measure:42rem;          /* prose column, 672px; ~62ch of body serif */
  --rail-w:15rem;           /* /work margin-note rail, 240px */
  --rail-gap:3rem;          /* column-to-rail gutter, 48px */
  --container:60rem;        /* prose pages: measure + gap + rail */
  --container-wide:71.25rem;/* index timeline band only, 1140px */
  --pad-x:1.25rem;          /* viewport side padding at base; 3rem at bp-md */

  /* ---- breakpoints (use in media queries; listed for the record) ----
     --bp-sm: 40rem   (640px)   type ramp continues fluidly; no layout change
     --bp-md: 64rem  (1024px)   /work margin rail engages; pad-x becomes 3rem
     --bp-lg: 80rem  (1280px)   clamps reach ceiling; containers fully engaged
  */
}