/* ==========================================================================
   WIREFLOW — Cyberpunk Electricity Theme Token Overrides
   ========================================================================== */
html.theme-electricity,
body.theme-electricity {
  --bg-color: #091421;
  --bg-darker: #060d16;
  --bg-surface: rgba(9, 20, 33, 0.88);
  --surface-card: rgba(17, 24, 39, 0.72);
  --surface-card-hover: rgba(22, 33, 54, 0.9);
  --surface-modal: rgba(10, 20, 34, 0.95);
  --surface-dock: rgba(13, 22, 36, 0.92);

  --brand-cyan: #40e0cf;
  --brand-cyan-bright: #3ce8ec;
  --brand-cyan-glow: rgba(64, 224, 207, 0.4);
  --brand-cyan-subtle: rgba(64, 224, 207, 0.12);
  --brand-blue-dark: #1d3d5f;

  --brand-red: #ff4d4d;
  --brand-red-glow: rgba(255, 77, 77, 0.4);
  --brand-gold: #ffd166;
  --brand-gold-glow: rgba(255, 209, 102, 0.4);
  --brand-green: #27c93f;
  --brand-magenta: #ff007f;

  --text-main: #ffffff;
  --text-muted: #768b9a;
  --text-dim: #455a6c;

  --border-color: rgba(29, 61, 95, 0.65);
  --border-cyan: rgba(64, 224, 207, 0.3);
  --border-cyan-bright: rgba(64, 224, 207, 0.7);

  --glow-cyan: 0 0 15px rgba(64, 224, 207, 0.35);
  --glow-cyan-lg: 0 0 25px rgba(64, 224, 207, 0.5), 0 0 45px rgba(64, 224, 207, 0.2);
  --glow-gold: 0 0 15px rgba(255, 209, 102, 0.4);
  --glow-red: 0 0 15px rgba(255, 77, 77, 0.4);
}