/* Design tokens for websitetechnicians.ca — the ONE file allowed to contain a
   hex colour (scripts/ship-gate.sh check 13). Loaded before shared.css, home.css
   on every page; those files use var() only.
   Palette matches the logo: navy badge (#0F1B33/#122A4A) + cyan-blue monogram
   gradient (#22D3EE/#2563EB). Accents are named for the colour they hold:
   --cyan #22d3ee, --blue #2563eb, --blue-dim #17335c. Renamed 18 Sep 2026
   from --copper/--teal/--teal-dim, which predated this palette and had
   stopped describing it. --copper-dim keeps its old name deliberately: at
   #0f1b33 it is the navy badge, never a dim form of the cyan, and the
   theme-color carve-out in CLAUDE.md names it by that name.
   --molten exists for ONE use: the warm specular peak on the homepage hero's
   wave field (scripts/hero/hero-scene.js). It is not a text, border, button or
   accent colour anywhere else; added 13 Sep 2026 when the hero was recreated. */
:root {
    --bg: #05070d;
    --bg-raised: #0b0f1a;
    --bg-deep: #090c14;        /* chat panel, home story band */
    --bg-well: #10141f;        /* chat bubbles and input */
    --border: rgba(150, 180, 255, 0.14);
    --border-soft: rgba(150, 180, 255, 0.09);
    --fg: #ffffff;
    --fg-title: #eef3ff;
    --fg-muted: #c3cbe0;
    --fg-soft: #d1d5db;        /* chat assistant text, home story captions */
    --fg-faint: #7c88a8;
    --fg-dim: #8a8f98;         /* chat subtitle and typing state */
    --success: #34d399;        /* form status text */
    --error: #f87171;          /* form status text */
    --error-bg: #2a1414;       /* chat error bubble */
    --error-fg: #f0b4b4;
    --cyan: #22d3ee;
    --copper-dim: #0f1b33;
    --blue: #2563eb;
    --blue-dim: #17335c;
    --molten: #f0a24a;        /* hero wave-field specular peak only, see header */
    --radius: 14px;
}