/* THE BRAND TOKENS, IN ONE PLACE — ABX-419.
 *
 * WHY THIS FILE EXISTS, AND WHY A COLOUR CHANGE IS WHAT FORCED IT
 *
 *     Karthik asked for the pink accent to become orange. Done the obvious way that is a
 *     find-and-replace across twelve files, and the next change is twelve files again. The
 *     reason it is twelve is that the `:root{...}` token block was COPY-PASTED into every
 *     page: `--line` appears in 23 separate declarations, `--ink` in 23, `--bg` in 23.
 *
 *     And copies drift. Measured 2026-10-28, before this file existed:
 *
 *         --mag:#D6218C        in nine pages        the accent
 *         --brand:#D6218C      in one page          the same colour, a different name
 *         #a3176a              raw, in two pages    a darker pink, tokenised nowhere
 *         --accent:#0f766e     in demo_client.html  a SECOND skin mechanism, defaulting teal
 *         #9fb3c6 / #9db3c7    in different pages   the same grey, one digit apart
 *
 *     So there were already two rival accent systems and a handful of literals that no re-skin
 *     would ever reach. A tint left as a literal is the thing that survives a re-skin and
 *     leaves one pink edge on an orange page — the old comment in index.html said exactly that
 *     and the page still carried `#a3176a`.
 *
 * WHY ORANGE IS #F97316 AND NOT THE ORANGE ALREADY IN THE PALETTE
 *
 *     `#C2410C` appears 25 times and is the WARNING orange: the mirror strip, the reset-demo
 *     banner, the live-write notice. Reusing it for the brand would make the accent and the
 *     alarm the same colour, so a page could not tell a reader "this is us" apart from "look
 *     at this". The brand is a step brighter and the warning keeps its own token.
 *
 * THE RUNTIME SKIN STILL WINS, WHICH IS WHY THE OLD NAMES SURVIVE AS ALIASES
 *
 *     web/index.html sets --mag, --pink, --magtint and --magline on documentElement at boot
 *     from the client's accent. An inline style on :root beats a stylesheet rule on :root, so
 *     a skinned page overrides these and nothing here fights it. The aliases below are what
 *     let that keep working while the pages migrate to --brand one at a time.
 *
 *     `tests/test_brand_tokens.py` holds every page to this file: no pink literal anywhere, no
 *     page redefining a brand token locally, and the warning orange never used as the accent.
 */
:root {
  /* the accent, and the only three lines to edit to re-brand */
  --brand: #F97316;
  --brandtint: #FFF4EC;
  --brandline: #FBD2B4;
  /* text-on-light, where the accent at full strength does not have the contrast. It replaces
     the raw #a3176a two pages carried, which was a darker pink tokenised nowhere and would
     have survived every future re-skin. */
  --branddeep: #B45309;

  /* ALIASES, NOT COPIES. Nine pages and the runtime skin still say --mag; they go on working,
     and a page migrated to --brand needs no second edit here. */
  --mag: var(--brand);
  --pink: var(--brand);
  --magtint: var(--brandtint);
  --magline: var(--brandline);
  --accent: var(--brand);

  /* structure */
  --navy: #0B2338;
  --cnavy: #0B1B2B;
  --ink: #16233A;
  --slate: #5C6B7E;
  --muted: #8494A6;
  --line: #E4EAF1;
  --bg: #F4F7FB;
  --surface: #FFFFFF;
  --sunk: #F8FAFD;

  /* state. --warn is the orange that was ALREADY here and is not the brand. */
  --good: #0F7A37;
  --warn: #C2410C;
  --bad: #B31F2C;

  --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}