:root {
  --bg-primary: #0a0f1a;
  --bg-secondary: #111827;
  --bg-tertiary: #1a2332;
  --cyan: #00d4ff;
  --cyan-hover: #00b8d9;
  --cyan-glow: rgba(0, 212, 255, .4);
  --cyan-subtle: rgba(0, 212, 255, .1);
  --cyan-border: rgba(0, 212, 255, .15);
  --orange: #f97316;
  --green: #22c55e;
  --green-hover: #16a34a;
  --green-glow: rgba(34, 197, 94, .4);
  --red: #ef4444;
  --text-primary: #e2e8f0;
  --text-secondary: #94a3b8;
  --font: 'Inter', sans-serif;
  --radius-sm: .5rem;
  --radius-md: .75rem;
  --radius-lg: 1rem;
  --radius-full: 9999px;
  --transition: .3s ease;
  --shadow-glow: 0 0 20px var(--cyan-glow);
  --shadow-card: 0 8px 30px rgba(0, 212, 255, .08);
}