/* ═══════════════════════════════════════════════════════════════════════════
REFUGEBOT — COMMAND DECK design framework
Defense-grade operations console. Squared geometry, hairline frames, one
signal-orange accent. The page IS the product.
FONTS — canonical Google Fonts URL. Load via in every page
(NO @import — fonts load from markup, this file assumes they exist):
SECTIONS
00 Tokens (Command Deck core + legacy alias tokens)
01 Reset + base
02 Global chrome — telemetry strip / icon rail / registration ticks
03 Deck primitives — zone headers, datastrip, ledger, loadout,
transmission footer, ops console card, chamfer, LEDs
04 Hero atmosphere (body.pub only — sodium dusk + ridge + grid)
05 Components — buttons, cards, tables, inputs, status tags, modals,
rocker toggles, scrollbars, focus
06 Legacy app classes (same selectors, Deck-restyled)
07 Admin shell — instrument rail, pane headers, console, map
08 Mobile passes (<1280 / <1024 / <800 / <480) + motion + a11y
═══════════════════════════════════════════════════════════════════════════ */
/* ── 00 · TOKENS ──────────────────────────────────────────────────────────── */
:root{
/* surfaces: cold graphite, blue-leaning — the green-black era is over */
--bg-0:#07090d; /* page */
--bg-1:#0a0d12; /* alternating bands, chrome (strip/rail) */
--srf-0:#0d1117; /* panel / card */
--srf-1:#11161d; /* raised / hover */
--srf-2:#161c25; /* active / selected */
--console:#05070a; /* console + map viewports */
/* ink */
--ink:#e8edf2; /* primary text */
--ink-2:#aab4c0; /* secondary */
--ink-3:#6b7684; /* muted labels (NON-interactive only) */
--ink-4:#3d4754; /* faint / disabled */
/* hairlines + frames */
--line:rgba(232,237,242,.10);
--line-hi:rgba(232,237,242,.22);
--frame:rgba(232,237,242,.14); /* registration ticks/brackets */
/* signal — the ONE brand accent (interactive, active, brand) */
--signal:#ff6b1a;
--signal-hi:#ff8a47;
--signal-dim:rgba(255,107,26,.13);
--on-signal:#0a0d12; /* text on signal fills */
/* scan — cool data accent: links in copy, chart strokes, map grid */
--scan:#5fb2ff;
--scan-dim:rgba(95,178,255,.12);
/* status — functional ONLY, never decorative */
--ok:#2ee06b; --ok-dim:rgba(46,224,107,.12);
--danger:#ff4242; --danger-dim:rgba(255,66,66,.12);
--warn:#ffc53d; --warn-dim:rgba(255,197,61,.12);
--gold:#f2c14e; --gold-dim:rgba(242,193,78,.12); /* currency only */
--coin:#d4a050; /* coin currency (player wallets) — distinct from gold */
/* type */
--display:'Chakra Petch',system-ui,sans-serif;
--sans:'IBM Plex Sans',system-ui,sans-serif;
--mono:'IBM Plex Mono',ui-monospace,monospace;
/* shape */
--r:2px; /* global radius — 12px is dead */
--notch:10px;
--chamfer:polygon(0 0,calc(100% - var(--notch)) 0,100% var(--notch),100% 100%,0 100%);
--chamfer-sm:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,0 100%);
/* texture — rationed: grid in hero/map only, scanlines in console only */
--grid-img:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
--grid-size:56px 56px;
--scanlines:repeating-linear-gradient(0deg,rgba(255,255,255,.02) 0 1px,transparent 1px 3px);
--hazard:repeating-linear-gradient(135deg,rgba(255,66,66,.75) 0 10px,rgba(255,66,66,.08) 10px 20px);
/* crest identity families (plugins Module Bay §3.1) — crest identity ONLY:
never status, never interactive. f2/f4/f5 sit in empty wheel slots
(172° / 262° / 315°) so they can't be read as ok/danger/warn/signal/scan. */
--crest0-ink:#ff6b1a; --crest0-bg:rgba(255,107,26,.10); --crest0-bd:rgba(255,107,26,.30);
--crest1-ink:#5fb2ff; --crest1-bg:rgba(95,178,255,.10); --crest1-bd:rgba(95,178,255,.30);
--crest2-ink:#2ed9c3; --crest2-bg:rgba(46,217,195,.10); --crest2-bd:rgba(46,217,195,.30);
--crest3-ink:#a78bfa; --crest3-bg:rgba(167,139,250,.10); --crest3-bd:rgba(167,139,250,.30);
--crest4-ink:#e570c0; --crest4-bg:rgba(229,112,192,.10); --crest4-bd:rgba(229,112,192,.30);
--crest5-ink:#93a4b8; --crest5-bg:rgba(147,164,184,.10); --crest5-bd:rgba(147,164,184,.28);
/* layout + motion */
--strip-h:34px; --rail-w:64px; --dock-h:56px; --gutter:48px;
--strip-total:calc(var(--strip-h) + env(safe-area-inset-top, 0px));
--fast:120ms linear; --med:240ms cubic-bezier(.2,0,.2,1);
/* ── legacy alias tokens — old names resolve to Deck values so the
hundreds of inline style="" attributes keep working ───────────── */
--bg: var(--bg-0);
--bg2: var(--bg-1);
--bg3: var(--srf-1);
--panel: var(--srf-0);
--border: var(--line);
--border-hi: var(--line-hi);
--accent: var(--signal);
--accent2: var(--scan);
--accent3: var(--signal-hi);
--ember: var(--signal-hi);
--text: var(--ink);
--muted: var(--ink-2); /* judge fix: legacy muted text is everywhere
interactive — alias to --ink-2, never --ink-3 */
--green: var(--ok);
--red: var(--danger);
--radius: var(--r);
--radius-sm: var(--r);
--radius-pill: 3px; /* pills are rectangular tags now */
--ease: cubic-bezier(.2,0,.2,1);
--ease-pop: cubic-bezier(.2,0,.2,1); /* nothing bounces on the deck */
--shadow-md: 0 8px 24px rgba(0,0,0,.45); /* floating elements only */
--shadow-lg: 0 16px 48px rgba(0,0,0,.55);
--glow: 0 0 0 1px var(--line-hi); /* "glow" is now a hairline ring */
}
/* ── Native dropdowns — theme EVERY