/* css/tokens.css — every colour/size as CSS variables; one block per theme.
   Dark is the default (:root); sepia is the alternate. The --ink/--lead/--wax/--marker-*
   tokens used by the hand-drawn overlays alias each theme's --anatomy-* values (bottom). */

/* ---------- DARK (default; must precede sepia so sepia wins on equal specificity) ---------- */
:root,
[data-theme="dark"] {
  --anatomy-card: #111315;
  --anatomy-paper: #111315;
  --anatomy-top: #26292e;
  --anatomy-shade-0: #141619;
  --anatomy-shade-1: #181b1f;
  --anatomy-shade-2: #1d2025;
  --anatomy-shade-3: #22252b;
  --anatomy-face: #fafafa;
  --anatomy-lit-top: #134e4a;
  --anatomy-lit-shade: #0f766e;
  --anatomy-hi: #f4f4f5;
  --anatomy-mid: #a1a1aa;
  --anatomy-lo: #636973;
  --anatomy-faint: #2e3239;
  --anatomy-dot: #868d98;
  --anatomy-halo: #000000;
  --anatomy-lit: #2dd4bf;
  --anatomy-red: #f87171;
  --anatomy-green: #4ade80;
  --anatomy-blue: #60a5fa;
  --anatomy-purple: #c4b5fd;
  --anatomy-text: #e4e4e7;
  --anatomy-muted: #8e929b;
  --anatomy-strong: #ffffff;
  --anatomy-weight: 0.65px;
  --anatomy-halo-opacity: 0.85;
  --page-bg: #0a0b0d;
  --panel-bg: #111315;
  --panel-border: #23272e;
  --hl: rgba(255, 255, 255, .06);
  --drop: rgba(0, 0, 0, .55);
  --drop-2: rgba(0, 0, 0, .38);
  --floor: rgba(0, 0, 0, .65);
  --grid: color-mix(in srgb, var(--anatomy-lo) 26%, transparent);
  --font-ui: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-title: 'EB Garamond', Georgia, serif;
  --font-label: 'JetBrains Mono', ui-monospace, monospace;
  --font-hand: 'EB Garamond', Georgia, serif;
  --font-num: 'JetBrains Mono', ui-monospace, monospace;
  --bs-version: #5b8dd6; --bs-parents: #353b44; --bs-hashMerkle: #c99a3e; --bs-seqCommit: #3fa89b;
  --bs-utxoCommit: #8b7bc8; --bs-timestamp: #6b7684; --bs-bits: #6b7684; --bs-nonce: #6b7684;
  --bs-daaScore: #6b7684; --bs-blueScore: #6b7684; --bs-blueWork: #7d8896; --bs-pruningPoint: #444c57;
  --bs-edge: #111315;
}

/* ---------- SEPIA  ---------- */
[data-theme="sepia"] {
  --anatomy-card: #f2eadf;
  --anatomy-paper: #f2eadf;
  --anatomy-top: #faf5ed;
  --anatomy-shade-0: #cfc1ae;
  --anatomy-shade-1: #dbcebc;
  --anatomy-shade-2: #e5dacb;
  --anatomy-shade-3: #eee5d8;
  --anatomy-face: #2c2219;
  --anatomy-lit-top: #ffedd5;
  --anatomy-lit-shade: #fdba74;
  --anatomy-hi: #291f16;
  --anatomy-mid: #5c4d3c;
  --anatomy-lo: #8c7b67;
  --anatomy-faint: #c9bba8;
  --anatomy-dot: #736350;
  --anatomy-halo: #bfb09b;
  --anatomy-lit: #c2410c;
  --anatomy-red: #991b1b;
  --anatomy-green: #115e59;
  --anatomy-blue: #1e40af;
  --anatomy-purple: #6b21a8;
  --anatomy-text: #291f16;
  --anatomy-muted: #6e5d4b;
  --anatomy-strong: #17110b;
  --anatomy-weight: 0.6px;
  --anatomy-halo-opacity: 0.35;
  --page-bg: #e6dccf;
  --panel-bg: #f2eadf;
  --panel-border: #d1c3b0;
  --hl: rgba(255, 250, 237, .7);
  --drop: rgba(52, 42, 26, .16);
  --drop-2: rgba(52, 42, 26, .1);
  --floor: rgba(52, 42, 26, .24);
  --grid: color-mix(in srgb, var(--anatomy-lo) 30%, transparent);
  --font-ui: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-title: 'EB Garamond', Georgia, serif;
  --font-label: 'JetBrains Mono', ui-monospace, monospace;
  --font-hand: 'EB Garamond', Georgia, serif;
  --font-num: 'JetBrains Mono', ui-monospace, monospace;
  --bs-version: #4f6f9a; --bs-parents: #b9a98e; --bs-hashMerkle: #b9732f; --bs-seqCommit: #4b8077;
  --bs-utxoCommit: #82689a; --bs-timestamp: #a39378; --bs-bits: #a39378; --bs-nonce: #a39378;
  --bs-daaScore: #a39378; --bs-blueScore: #a39378; --bs-blueWork: #8f7f66; --bs-pruningPoint: #c9baa0;
  --bs-edge: #f2eadf;
}

/* ---------- B's sketch tokens, remapped per theme ----------
   The sketch pen and the hand-drawn overlays emit var(--ink)/var(--lead)/… with
   no fallback. Each token aliases the theme's own --anatomy-* value, so fills
   stay legible in every theme. Fills/colours only — never geometry. */
:root,
[data-theme="sepia"],
[data-theme="dark"] {
  --ink: var(--anatomy-face);
  --lead: var(--anatomy-muted);
  --wax: var(--anatomy-lit);
  --red: var(--anatomy-red);
  --gold: var(--anatomy-lit-shade);
  --paper: var(--panel-bg);
  --paper-lit: var(--anatomy-top);
  --marker-paper: var(--anatomy-card);
  --marker-gold: var(--bs-hashMerkle);
  --marker-teal: var(--anatomy-green);
  --tray: var(--anatomy-faint);
  --steel: var(--anatomy-blue);
  --steel-dark: var(--anatomy-blue);
  --brass: var(--anatomy-lit-shade);
  --teal: var(--anatomy-green);
  --plum: var(--anatomy-purple);
  --desk: var(--page-bg);
  --blue: var(--anatomy-blue);
  --rose: var(--anatomy-red);
}