/* ============================================================ Theme system - COD Mobile-inspired palette, 4 themes (Default War Room / Midnight / Combat / Light), switched via data-theme on . Philosophy: navy not black for depth: GOLD is the primary UI accent (buttons, borders, focus rings, ranks - like COD's menu chrome); TEAL and RED are reserved for trading actions (buy/profit, sell/loss) ONLY. Each theme block below has two parts: 1. The full spec variable set (--gold-*, --teal-*, --red-*, --grad-*, --btn-*, --tier-*, ...) - the source of truth for every color. 2. A "backward-compat aliases" block mapping the OLDER short/long names still consumed throughout main.css/premium.css/game.css/lobby.css (--bg, --accent, --buy-color, --gradient-primary, --glow-teal, ...) onto the values above, so nothing already built against those names breaks. --gradient-primary specifically stays pointed at the TEAL/ buy gradient (not gold) because it's shared by positive-P&L text and the logo gradient, not just the primary CTA button - .btn-primary itself is fixed directly in main.css/premium.css to reference gold. A bare :root carries the Default theme's values as the fallback so any page that hasn't run its anti-FOUC script yet still renders correctly - see the inline