/* ---------------------------------------------------------------------------
   djtickle shared theme tokens.

   Darren picked Graphite (2026-08-20) after judging the three schemes on the
   weapon tables page, and asked for the switcher everywhere — site,
   calculators, dash. So Graphite is the bare :root default and every other
   scheme is an override keyed off html[data-theme].

   Two token vocabularies live here because the site grew two of them:
     site pages  (styles.css, index, calculator, guide)  --card/--text/--accent
     app pages   (build, weapons)                        --panel/--fg/--acc
   Defining both in one file means a page gets themed whichever it speaks.

   Crimson is the original djtickle red/maroon, kept as a choice so the old
   look is never lost.
--------------------------------------------------------------------------- */

:root,
html[data-theme="graphite"] {
  color-scheme: dark;
  /* site vocabulary */
  --bg: #0f0f10;
  --card: #17181a;
  --card-top: #1e2023;
  --field: #131415;
  --text: #ecebe8;
  --muted: #9b9a96;
  --accent: #f6862d;
  --accent-hi: #ff9f52;
  --accent-lo: #c26312;
  --good: #6fc46f;
  --warn: #e0b341;
  --bad: #e06a5a;
  --line: #2b2d31;
  --line-soft: #232427;
  /* app vocabulary */
  --panel: #17181a;
  --sunk: #131415;
  --fg: #ecebe8;
  --dim: #9b9a96;
  --acc: #f6862d;
  --accInk: #141414;
  --head: #1e2023;
  --glow: 0.10;
}

html[data-theme="slate"] {
  color-scheme: dark;
  --bg: #14171c;
  --card: #1b2027;
  --card-top: #212832;
  --field: #171b21;
  --text: #e8ecf2;
  --muted: #98a2b0;
  --accent: #e8192c;
  --accent-hi: #ff3448;
  --accent-lo: #b40e1f;
  --good: #6fe08a;
  --warn: #e0b341;
  --bad: #e06a5a;
  --line: #2c333d;
  --line-soft: #242a33;
  --panel: #1b2027;
  --sunk: #171b21;
  --fg: #e8ecf2;
  --dim: #98a2b0;
  --acc: #e8192c;
  --accInk: #ffffff;
  --head: #212832;
  --glow: 0.12;
}

html[data-theme="ice"] {
  color-scheme: dark;
  --bg: #0c121b;
  --card: #121b27;
  --card-top: #17222f;
  --field: #0f1721;
  --text: #e6eef7;
  --muted: #93a6ba;
  --accent: #3fb6e0;
  --accent-hi: #6ccdef;
  --accent-lo: #2a8cb0;
  --good: #5fd8a8;
  --warn: #e0b341;
  --bad: #e0705f;
  --line: #22303f;
  --line-soft: #1b2734;
  --panel: #121b27;
  --sunk: #0f1721;
  --fg: #e6eef7;
  --dim: #93a6ba;
  --acc: #3fb6e0;
  --accInk: #08121a;
  --head: #17222f;
  --glow: 0.14;
}

html[data-theme="crimson"] {
  color-scheme: dark;
  --bg: #120a0d;
  --card: #1d1216;
  --card-top: #221419;
  --field: #150c10;
  --text: #f0eaec;
  --muted: #a5959c;
  --accent: #e8192c;
  --accent-hi: #ff3448;
  --accent-lo: #b40e1f;
  --good: #6fe08a;
  --warn: #ffcf5c;
  --bad: #e06a5a;
  --line: #3a222b;
  --line-soft: #2c1a21;
  --panel: #1d1216;
  --sunk: #150c10;
  --fg: #f0eaec;
  --dim: #a5959c;
  --acc: #e8192c;
  --accInk: #ffffff;
  --head: #221419;
  --glow: 0.14;
}