/* ════════════════════════════════════════════════════════════════
   tokens.css — extracted verbatim from system-v2.html
   [PARTIAL: head-tokens.html] or directly in baseof <style>
   TWO THEME TOKENS
   kraft (#D7A979) is theme-constant — never adapts.
   --search-border and --action tokens: v17 only, carried here
   for completeness; not yet applied sitewide.
   ════════════════════════════════════════════════════════════════ */

/* ⚠ CORRECTION 4 (07-16, Dom device review — dark-mode square radii):
   token block was scoped [data-theme="light"] ONLY, so --r and --max
   (never redefined by the dark block) simply vanished in dark mode —
   every var(--r) radius resolved invalid→0 (square active-box, pills,
   cycler) and .wrap lost its max-width cap. ledger-final (07-10) had
   :root; the fold regressed it. :root added so light tokens are the
   base in both themes; the dark block later overrides what it names. */
:root,[data-theme="light"]{
  --bg:#F4F4F2;--paper:#D7A979;--paper2:#F4EFE4;
  --ink:#18130E;--muted:#6B6055;
  --teal:#2E6B6B;--gold:#C6904B;--red:#D52F22;--sienna:#8B4B2E;
  --rule:2px solid #18130E;
  --thin:1px solid rgba(24,19,14,.16);
  --shadow:.18rem .18rem 0 #18130E;
  --tag-bg:rgba(198,144,75,.12);--tag-border:rgba(24,19,14,.15);
  --search-border:rgba(24,19,14,.45);
  --action:#0652CF;
  /* Heatmap System A — type identity, shared sitewide (kelly-v9, COLORS.md R1 delta) */
  --hm-post:#1A6AE8;--hm-note:#C8A800;--hm-log:#C42010;
  --hm-card-bg:#F0EDE6;--hm-card-border:rgba(0,0,0,.07);
  --hm-content-bg:#F0EDE6;--hm-content-border:rgba(0,0,0,.48);
  color-scheme:light;
}
[data-theme="dark"]{
  --bg:#120D09;--paper:#D7A979;--paper2:#1D1208;
  --ink:#F5EBD8;--muted:#BE9A72;
  --teal:#5A9FD4;--gold:#C6904B;--red:#E03020;--sienna:#CA8A5E;
  --rule:2px solid rgba(243,231,212,.35);
  --thin:1px solid rgba(243,231,212,.18);
  --shadow:.18rem .18rem 0 rgba(243,231,212,.18);
  --tag-bg:rgba(198,144,75,.1);--tag-border:rgba(243,231,212,.18);
  --search-border:rgba(243,231,212,.32);
  --action:#4D8EF0;/* fix 2 — was #0652CF; light stays #0652CF */
  /* Heatmap System A — dark variants (kelly-v9). card-bg intentionally
     NOT overridden — always-cream, like the cabinet was (cabinet
     itself retired sitewide, G3 — /index was its last surface). */
  --hm-post:#4D8EF0;--hm-note:#E0C020;--hm-log:#D83020;
  color-scheme:dark;
}

/* dark-teal — ROADMAP: deferred v2+
   tokens preserved here as reference only — no CSS blocks active.
   bg:#0E1214 paper2:#141C20 ink:#E8DFD0 muted:#8A9AA2
   teal:#4A9FAA red:#D04030 sienna:#C4845A */

/* Tagline / counter: kraft-ink always, regardless of body theme */
[data-theme="dark"] .tagline,
[data-theme="dark"] .hd-datum,
[data-theme="dark"] .hd-sep{color:rgba(24,19,14,.92)}
[data-theme="dark"] .search-icon{color:rgba(24,19,14,.92)}/* CORRECTION 4b: mast/footer kraft stays tan in dark — magnifier pinned ink (ported from ledger-final, missing since the fold) */

/* color-scheme per-element (Safari fix) */
html[data-theme="light"]{color-scheme:light}
html[data-theme="dark"]{color-scheme:dark}


/* ════════════════════════════════════════════════════════════════
   [BASEOF <style> :root block]
   FONT STACK — all SEVEN typefaces defined globally (was "six" in
   the prior system-v2 comment — --gentium added at this consolidation,
   TYPEFACES.md). Each page type uses a subset; all defined centrally
   so Hugo partials never need to conditionally load fonts.

   --display  Big Shoulders Display 800  — WORDMARK ONLY (G1/E6 —
              amended twice: E6 briefly widened to doorless-page H1s,
              G1 reverted to the original rule. All display H1s die
              sitewide; Big Shoulders appears nowhere in page content.
              Lab's mono title remains the sole workbench exception,
              itself set in --mono, not --display.)
   --charter  Charter / Bitstream        — post prose, sidenotes, excerpts
   --serif    alias for --charter         — legacy; prefer --charter
   --mono     iA Writer Mono / IBM Plex  — structure, navigation, labels
   --typer    Special Elite              — tagline, quote river names
   --duo      iA Writer Duo              — quote rotator
   --quattro  iA Writer Quattro          — note prose, log entries, AND
              the readme-overlay body (ratified C5, 07-11 — supersedes
              the prior --charter readme-body assignment below).
   --gentium  Gentium Book Basic         — marginalia annotations only,
              deliberately scarce (TYPEFACES.md: the voice shift from
              Charter → Gentium signals "the author came back"; that
              signal only works if Gentium appears nowhere else).

   --r        border-radius token (5px)
   --max      max content width (72rem)
   ════════════════════════════════════════════════════════════════ */

:root{
  --display:"Big Shoulders Display",sans-serif;
  --charter:"Charter","Bitstream Charter",ui-serif,Georgia,serif;
  --serif:"Charter","Bitstream Charter",ui-serif,Georgia,serif;
  --mono:ui-monospace,"iA Writer MonoS","iA Writer Mono S","IBM Plex Mono",Menlo,monospace;
  --typer:"Special Elite","Courier New",monospace;
  --duo:"iA Writer DuoS","iA Writer Duo S",ui-serif,Georgia,serif;
  --quattro:"iA Writer QuattroS","iA Writer Quattro S",ui-serif,Georgia,serif;
  --gentium:"Gentium Book Basic","Gentium Basic",Georgia,serif;
  --r:5px;--max:72rem;
}

/* ════════════════════════════════════════════════════════════════
   HIGHLIGHTER TOKENS — Kelly 22-color max-contrast family (ISCC-NBS
   centroids), spec handoff-spec-rich-media.md §U4. THEME-INVARIANT
   like --paper: the hue is data (highlight identity), the 36% wash
   (--hl-mix) is what adapts it to each ground. Never the site's
   signal colors — gold/red/teal appear nowhere in this family.
   Named consolidation-debt item #1 (sync debt recorded at canonical
   U) — the token block only; mark.hl itself and the .hl-01…22 hookup
   classes are NOT on that named list and stay page-scoped (Session
   6/7's post-single/note-single styles), same as the plate family.
   ════════════════════════════════════════════════════════════════ */
:root{
  --hl-01:#F2F3F4;--hl-02:#222222;--hl-03:#F3C300;--hl-04:#875692;
  --hl-05:#F38400;--hl-06:#A1CAF1;--hl-07:#BE0032;--hl-08:#C2B280;
  --hl-09:#848482;--hl-10:#008856;--hl-11:#E68FAC;--hl-12:#0067A5;
  --hl-13:#F99379;--hl-14:#604E97;--hl-15:#F6A600;--hl-16:#B3446C;
  --hl-17:#DCD300;--hl-18:#882D17;--hl-19:#8DB600;--hl-20:#654522;
  --hl-21:#E25822;--hl-22:#2B3D26;
  --hl-mix:36%;
}