/* ── Base: CSS variables, reset, body ── */
:root {
  --bg-body: #1a1a2e;
  --bg-panel: #16213e;
  --bg-input: #1a1a2e;
  --bg-card: #16213e;
  --bg-chart: #0f172a;
  --border: #0f3460;
  --border-light: #334155;
  --text: #e0e0e0;
  --text-dim: #94a3b8;
  --text-muted: #64748b;
  --text-heading: #a0c4ff;
  --accent: #3b82f6;
  --accent-hover: #2563eb;
  --font-family: 'Segoe UI', system-ui, sans-serif;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

body {
  background: var(--bg-body);
  color: var(--text);
  font-family: var(--font-family);
  overflow: hidden;
  height: 100vh;
  width: 100vw;
}

.hidden { display: none !important; pointer-events: none !important; }