/* ============ Starfinder Forge — theme overlay ============
   Loaded AFTER forge.css (the shared stylesheet, copied in by sync-engine.ps1). Everything
   structural — the grid, the rail, the sheet, the pickers, print — is forge.css's and must
   stay so, since the shared engine renders the same markup for both games. This file only
   re-tints it: a dark HUD palette on the same custom properties forge.css exposes, the
   Orbitron/Share Tech Mono pair for the chrome, and a starfield behind the app.
   The printed sheet keeps forge.css's paper palette on purpose: a sheet is a sheet. */

:root {
  --ink: #070b14; --panel: #0e1728; --panel-2: #121d33; --edge: #1e3a5f;
  --text: #d8ecff; --muted: #8fa8c4;
  /* "brass" is the accent role in forge.css — here it is the console cyan, and the dimmer
     step keeps enough contrast against the panel to stay a border */
  --brass: #2ee6ff; --brass-dim: #0f8fae; --verdigris: #38f0a4; --warn: #ffb02e;
  --dmg: #ff6b8a; --coin: #38f0a4; --heal: #7be0c8;
  --serif: 'Orbitron', 'Segoe UI', sans-serif;
  --ui: 'Share Tech Mono', ui-monospace, Consolas, monospace;
  --mono: 'Share Tech Mono', ui-monospace, Consolas, monospace;
}
:root[data-theme="dark"] { --ink:#070b14; --panel:#0e1728; --panel-2:#121d33; --edge:#1e3a5f; --text:#d8ecff; --muted:#8fa8c4; --brass:#2ee6ff; --brass-dim:#0f8fae; }
:root[data-theme="light"] { --ink:#e8eef6; --panel:#f3f7fc; --panel-2:#e6edf6; --edge:#9db3cc; --text:#0d1b2e; --muted:#33506e; --brass:#0a8fae; --brass-dim:#0a8fae;
  --dmg:#b3233f; --coin:#0f7a4a; --heal:#0f6b5a; --verdigris:#0f7a4a; --warn:#b56a00; }

body {
  background:
    radial-gradient(ellipse at 20% -10%, rgba(46,230,255,.08), transparent 40%),
    radial-gradient(ellipse at 100% 0%, rgba(255,62,196,.06), transparent 45%),
    var(--ink);
}
:root[data-theme="light"] body { background: var(--ink); }

/* header: the console look — uppercase display face, glowing cyan crest */
header.top h1 { font-family: var(--serif); letter-spacing: .06em; text-transform: uppercase; font-size: 15px; }
header.top .tag { color: var(--warn); letter-spacing: .2em; }
.crest { background: radial-gradient(circle at 35% 30%, #7ff0ff, #0f8fae 70%, #06303d); color: #06303d; text-shadow: none; }
.pages a.on, .btn.primary { color: #06303d; }
.pages a { font-family: var(--serif); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; }

/* a few of forge.css's brass-on-dark ink colours assume a gold accent; the cyan is far
   brighter, so text painted ON the accent goes dark rather than the parchment tone */
.cbx-bucket, .badge, .stepitem.done .tick, .minprog { color: #06303d; }