/* ══════════════════════════════════════════════════════════════
   GLOBAL THEME ENFORCEMENT — DESIGN TOKEN FOUNDATION
   Task #648217 — Proxy
   Three-faction color lock: SIRCO/Amber · NATO/Blue · BRICS/Red
   ✕ No green anywhere
   ✕ No white UI surfaces
   ✕ No default browser styling
   ══════════════════════════════════════════════════════════════ */

:root {

  /* ─── FACTION PRIMARIES ─────────────────────────────────── */
  --amber:        #ffbb00;     /* SIRCO — system UI, terminal glow  */
  --nato-color:   #2d7bff;     /* NATO  — player, friendly elements */
  --brics-color:  #ff3d3d;     /* BRICS — enemy, damage, opposing   */
  --aegis-color:  #00e5ff;     /* AEGIS — alternate SIRCO system    */

  /* ─── FACTION GLOW VARIANTS ─────────────────────────────── */
  --amber-glow:       rgba(255,187,0,  0.55);
  --amber-dim:        rgba(255,187,0,  0.22);
  --amber-faint:      rgba(255,187,0,  0.08);
  --nato-glow:        rgba(45,123,255, 0.50);
  --nato-dim:         rgba(45,123,255, 0.20);
  --brics-glow:       rgba(255,61,61,  0.50);
  --brics-dim:        rgba(255,61,61,  0.20);
  --sirco-glow:       rgba(255,187,0,  0.40);
  --aegis-glow:       rgba(0,229,255,  0.40);

  /* ─── BACKGROUNDS ────────────────────────────────────────── */
  --bg-primary:       #080c12;             /* Root page / body */
  --bg-panel:         #0d1018;             /* Panel surface    */
  --bg-panel-deep:    #090d14;             /* Panel deep layer */
  --bg-card:          #11141c;             /* Card surface     */
  --bg-card-hover:    #181c28;             /* Card hover       */
  --bg-overlay:       rgba(8,12,18,0.94);  /* Modal backdrop   */

  /* ─── TEXT ───────────────────────────────────────────────── */
  --text-primary:     rgba(255,187,0,  0.92);   /* Amber primary readout */
  --text-secondary:   rgba(200,215,230,0.75);   /* Cool secondary text   */
  --text-dim:         rgba(180,200,220,0.45);   /* Dimmed status text    */
  --text-mono:        rgba(180,200,220,0.70);   /* Monospace data text   */

  /* ─── BORDERS ────────────────────────────────────────────── */
  --border-panel:     rgba(255,187,0,  0.14);
  --border-dim:       rgba(255,187,0,  0.06);
  --border-subtle:    rgba(255,255,255,0.07);

  /* ─── CRT COMPONENT TOKENS ───────────────────────────────── */

  /* Panel surfaces */
  --crt-panel-bg:           rgba(7,11,19,  0.97);
  --crt-panel-bg-hover:     rgba(11,17,28, 0.98);

  /* Panel borders */
  --crt-border:             rgba(255,187,0,0.13);
  --crt-border-accent:      rgba(255,187,0,0.28);
  --crt-border-accent-hover:rgba(255,187,0,0.50);
  --crt-border-outer:       rgba(255,187,0,0.04);
  --crt-border-outer-hover: rgba(255,187,0,0.10);

  /* Phosphor glow */
  --crt-glow-outer:         rgba(255,187,0,0.08);
  --crt-glow-outer-hover:   rgba(255,187,0,0.18);
  --crt-glow-wide:          rgba(255,187,0,0.04);

  /* Screen curvature / inner vignette */
  --crt-vignette-inner:     rgba(0,0,0,0.50);

  /* Left phosphor channel */
  --crt-left-accent:        rgba(255,187,0,0.18);
  --crt-left-accent-hover:  rgba(255,187,0,0.45);

  /* Scanline tint */
  --crt-scanline-tint:      rgba(0,0,0,0.09);

  /* Corner bracket marks */
  --crt-corner-color:       rgba(255,187,0,0.28);

  /* Text glow */
  --crt-text-glow:          rgba(255,187,0,0.50);
  --crt-text-glow-wide:     rgba(255,187,0,0.18);
  --crt-text-glow-dim:      rgba(255,187,0,0.28);

  /* Button surfaces */
  --crt-btn-bg:             rgba(18,24,36,0.80);
  --crt-btn-bg-hover:       rgba(26,34,50,0.90);

  /* Command wall environment */
  --crt-wall-bg:            rgba(5,8,14, 0.95);
  --crt-room-bg:            #050810;

  /* Satellite strip */
  --crt-strip-bg:           rgba(255,187,0,0.04);

  /* ─── LEGACY / CROSS-FILE ALIASES ───────────────────────── */
  /* Ensures existing code using old variable names continues to work */
  --nato-blue:   var(--nato-color);
  --brics-red:   var(--brics-color);
  --hud-amber:   var(--amber);
  --hud-blue:    var(--nato-color);
  --hud-red:     var(--brics-color);
  --hud-cyan:    var(--aegis-color);
  --accent-gold: var(--amber);
  --accent-red:  var(--brics-color);
  --bg-dark:     var(--bg-primary);

  /* Old single-letter vars used in some app.html inline code */
  --bg:          var(--bg-primary);
  --border:      var(--border-panel);
  --green:       var(--nato-color);   /* ← legacy --green remapped to NATO blue */

}