/* edicaSuperVisualizer – Tema Cyberpunk (default) */
:root {
  --font-ui: 'Rajdhani';
  --bg-deep: #080c14;
  --bg-panel: #0b1120;
  --bg-card: #0d1528;
  --border: #0e2a4a;
  --border-glow: #0a4f7a;
  --border-subtle: rgba(14, 42, 74, 0.4);

  --cyan: #00d4ff;
  --cyan-dim: rgba(0, 212, 255, 0.15);
  --cyan-glow: rgba(0, 212, 255, 0.35);
  --cyan-bg: rgba(0, 212, 255, 0.08);
  --cyan-bg-subtle: rgba(0, 212, 255, 0.04);
  --teal: #00e5c8;

  --text: #c8d6e5;
  --text-dim: #5a6e80;
  --text-muted: #3a4a5c;

  --success: #00e676;
  --success-glow: rgba(0, 230, 118, 0.3);
  --success-bg: rgba(0, 230, 118, 0.08);
  --success-border: rgba(0, 230, 118, 0.25);
  --warning: #ffab00;
  --red: #ff4757;
  --red-glow: rgba(255, 71, 87, 0.4);

  --scanline-color: rgba(0, 212, 255, 0.01);

  --chart-area-top: rgba(0, 212, 255, 0.28);
  --chart-area-mid: rgba(0, 229, 200, 0.10);
  --chart-area-bottom: rgba(0, 212, 255, 0);
  --chart-line-start: rgba(0, 229, 200, 0.2);
  --chart-line-mid: rgba(0, 212, 255, 0.7);
  --chart-line-end: rgba(0, 212, 255, 1);
  --chart-dot: #00d4ff;
  --chart-dot-glow: rgba(0, 212, 255, 0.2);
  --chart-grid: rgba(14, 42, 74, 0.5);
  --chart-label: rgba(90, 110, 128, 0.7);

  --gauge-gradient-start: #00e5c8;
  --gauge-gradient-end: #00d4ff;
  --gauge-tick-inactive: #0e2a4a;

  --grid-zoom: 1;
}