/* Fase 6.6: one source of truth for every color/glow used in CSS. js/charts.js
   reads these same custom properties via getComputedStyle so the ECharts theme
   never drifts from the page theme. */
:root {
  --bg: #060a09;
  --panel: #0b1211;
  --panel-edge: rgba(0, 255, 170, 0.14);
  --panel-edge-strong: rgba(0, 255, 170, 0.32);
  --neon-green: #00ffa3;
  --neon-cyan: #22d3ee;
  --neon-purple: #a855f7;
  --neon-red: #ff4d6d;
  --neon-amber: #fbbf24;
  --text: #d7e6e2;
  --muted: #6b8a83;
  --muted-dim: #3f5851;
  --glow-green: 0 0 8px rgba(0, 255, 163, 0.55), 0 0 24px rgba(0, 255, 163, 0.22);
  --glow-red: 0 0 8px rgba(255, 77, 109, 0.55), 0 0 24px rgba(255, 77, 109, 0.22);
  --glow-cyan: 0 0 8px rgba(34, 211, 238, 0.5), 0 0 22px rgba(34, 211, 238, 0.2);
  --font-num: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --font-ui: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --radius: 10px;
  --gap: 16px;
}