/**
 * Design Tokens & Theme Palettes v2.1.0
 */
:root {
  --app-version: "2.1.0";
  --bg-deep: #f1f5f9;
  --bg-panel: #ffffff;
  --bg-panel-hover: #f8fafc;
  --bg-control: #e2e8f0;
  --bg-control-active: #cbd5e1;

  --border-dim: #cbd5e1;
  --border-bright: #94a3b8;
  --border-active: #0284c7;

  --accent-cyan: #0284c7;
  --accent-cyan-dim: rgba(2, 132, 199, 0.15);
  --accent-cyan-glow: rgba(2, 132, 199, 0.35);

  --accent-amber: #d97706;
  --accent-amber-dim: rgba(217, 119, 6, 0.15);
  --accent-amber-glow: rgba(217, 119, 6, 0.35);

  --accent-green: #16a34a;
  --accent-magenta: #c026d3;
  --accent-red: #dc2626;

  --text-main: #0f172a;
  --text-muted: #475569;
  --text-dim: #64748b;

  --font-mono: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace;
  --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 10px;
}

[data-theme="dark"] {
  --bg-deep: #05070a;
  --bg-panel: #0a0e14;
  --bg-panel-hover: #121820;
  --bg-control: #151d28;
  --bg-control-active: #1e293b;

  --border-dim: #1e293b;
  --border-bright: #334155;
  --border-active: #00ffcc;

  --accent-cyan: #00ffcc;
  --accent-cyan-dim: rgba(0, 255, 204, 0.15);
  --accent-cyan-glow: rgba(0, 255, 204, 0.4);

  --accent-amber: #ffb000;
  --accent-amber-dim: rgba(255, 176, 0, 0.15);
  --accent-amber-glow: rgba(255, 176, 0, 0.4);

  --accent-green: #39ff14;
  --accent-magenta: #ff007f;
  --accent-red: #ff3344;

  --text-main: #f8fafc;
  --text-muted: #94a3b8;
  --text-dim: #475569;
}