:root {
  /* Pitch Black Base */
  --color-pitch-black: #000000;
  --color-canvas: #000000;
  --color-canvas-subtle: #01040a;

  /* Electric Accents */
  --theme-primary: #0284c7;
  --theme-primary-hover: #0ea5e9;
  --theme-primary-active: #38bdf8;
  --theme-primary-glow: rgba(56, 189, 248, 0.45);
  --theme-primary-dim: rgba(2, 132, 199, 0.22);

  --theme-accent: #38bdf8;
  --theme-accent-hover: #7dd3fc;
  --theme-accent-glow: rgba(56, 189, 248, 0.55);

  /* Tactical Hues */
  --color-ice-highlight: #ffffff;
  --color-frost-glow: #e0f2fe;
  --color-moon-mist: #94a3b8;
  --color-fog-veil: #64748b;
  --color-pure-white: #ffffff;

  --color-cyan: #00f0ff;
  --color-blue: #38bdf8;
  --color-red: #f43f5e;
  --color-green: #00f5a0;
  --color-amber: #fbbf24;
  --color-orange: #f97316;
  --color-purple: #a855f7;
  --color-gold: #fde047;

  /* 5-Tier Evaluation Colors */
  --stat-tier-1: #00f0ff;
  --stat-tier-2: #00f5a0;
  --stat-tier-3: #fbbf24;
  --stat-tier-4: #f97316;
  --stat-tier-5: #f43f5e;

  /* Obsidian Glass System (Zero Blur, High Performance) */
  --liquid-glass-bg: linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.02) 45%, rgba(56, 189, 248, 0.05) 100%), #040916;
  --liquid-glass-bg-hover: linear-gradient(135deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.04) 45%, rgba(56, 189, 248, 0.09) 100%), #081226;
  --liquid-glass-border: rgba(255, 255, 255, 0.14);
  --liquid-glass-border-top: rgba(255, 255, 255, 0.38);
  --liquid-glass-border-bottom: rgba(0, 0, 0, 0.75);
  --liquid-glass-border-hover: rgba(56, 189, 248, 0.55);
  --liquid-glass-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.22), 0 4px 16px 0 rgba(0, 0, 0, 0.75);

  /* Cards & Panels */
  --glass-3d-card-bg: linear-gradient(135deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.02) 45%, rgba(56, 189, 248, 0.04) 100%), #050b1a;
  --glass-3d-card-border: rgba(255, 255, 255, 0.14);
  --glass-3d-card-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.20), 0 4px 14px rgba(0, 0, 0, 0.70);
  --glass-3d-card-hover-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.35), 0 6px 18px rgba(0, 0, 0, 0.85), 0 0 14px rgba(56, 189, 248, 0.20);

  /* Recessed Wells (Meters, Sliders, Insets) */
  --glass-3d-well-bg: #020612;
  --glass-3d-well-border: rgba(56, 189, 248, 0.15);
  --glass-3d-well-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.85);

  /* Tactile 3D Buttons */
  --glass-3d-btn-bg: linear-gradient(135deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.02) 50%, rgba(56, 189, 248, 0.05) 100%), #061024;
  --glass-3d-btn-bg-hover: linear-gradient(135deg, rgba(56, 189, 248, 0.24) 0%, rgba(2, 132, 199, 0.15) 50%, rgba(255, 255, 255, 0.08) 100%), #0a1836;
  --glass-3d-btn-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.30), 0 2px 8px rgba(0, 0, 0, 0.60);
  --glass-3d-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.85);

  /* Geometry & Radii */
  --radius-btn: 7px;
  --radius-badge: 5px;
  --radius-input: 6px;
  --radius-card: 10px;
  --radius-modal: 14px;
  --radius-pill: 999px;

  /* Typography */
  --font-untitled-sans: 'Inter', system-ui, -apple-system, sans-serif;
  --font-aeonikpro: 'Space Grotesk', system-ui, sans-serif;
  --font-dotdigital: 'JetBrains Mono', ui-monospace, Menlo, Consolas, monospace;

  /* Safe Area Insets */
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
  --safe-right: env(safe-area-inset-right, 0px);

  --z-canvas: 10;
  --z-gizmo: 30;
  --z-hud: 50;
  --z-modal: 100;
}