/* ============================================================================
   Risk app theme layer. Loads AFTER /design/adrios.css and holds only what is
   specific to this app. Everything else — ground, ink, lines, type, chips,
   board, stats, nav, spine — comes from the canonical sheet.

   This file replaces the app's old private copy of the design system. That copy
   was a fork: it had drifted to a cool-grey palette, carried no @font-face at
   all (so every page fell back to system fonts), and was missing the rule that
   stops an <a class="btn"> rendering underlined.

   ─────────────────────────────────────────────────────────────────────────────
   WHY THE ACCENT IS RED

   ADRI red is this app's identity and predates the design standard: it was the
   accent in the sheet this file replaces, it is the favicon on every page, and
   it is what Mak and Miron have reviewed the app in more than once. Preserving
   it is the status quo, not a new choice — nothing a user sees changes here.

   The canonical sheet's own accent is deep green (identity) with --action for
   the primary control, and ADRI red is not one of its tokens, so strictly this
   app is off-palette. That is pre-existing debt, and it is the case the rollout
   policy covers: "retrofit on next touch ... a file that already violates on
   disk is grandfathered and only advises" (design/ADOPTION.md, Mak 2026-08-03).
   This retrofit brings the app onto canon's ground, ink, lines, type, chips,
   board and nav, and leaves the accent where it was.

   One thing to know rather than to fix: canon's critical tier is also a red
   (--crit #86181d), so a page carries two reds whose meanings differ — one says
   "this is Risk", the other says "this job is critical". If that ever reads as
   noise on the board, moving this app to canon's green is deleting this block.
   ───────────────────────────────────────────────────────────────────────────── */
:root {
  --accent:   #d8232a;   /* ADRI red — identity: links, job numbers, brand mark */
  --action:   #d8232a;   /* the one primary control                             */
  --action-h: #b81d23;   /* its hover                                           */
}

/* Probability bars set their fill colour inline from these, so they are aliases
   onto the severity scale rather than a second palette. */
:root { --hi: var(--crit); --mid: var(--need); --lo: var(--ok); }

/* Row hover in canon is accent-tinted green; retint it to the app accent so it
   does not read as a stray colour next to red job numbers. */
.board tbody tr[data-row]:hover td,
.board tbody tr.expandable:hover td { background: color-mix(in srgb, var(--accent) 4%, transparent); }