:root {
  --primary: #6c5ce7;
  --primary-dark: #5a4bd1;
  --secondary: #06b6d4;
  --accent: #f472b6;
  --bg-dark: #0a0a1a;
  --bg-card: #111128;
  --bg-card-hover: #151535;
  --text: #e2e8f0;
  --text-muted: #94a3b8;
  --text-light: #cbd5e1;
  --white: #ffffff;
  --gradient-1: linear-gradient(135deg, #6c5ce7, #a855f7);
  --gradient-2: linear-gradient(135deg, #06b6d4, #6c5ce7);
  --gradient-3: linear-gradient(135deg, #f472b6, #6c5ce7);
  --shadow-lg: 0 25px 60px rgba(108, 92, 231, 0.25);
  --shadow-card: 0 8px 32px rgba(0,0,0,0.4);
  --shadow-glow: 0 0 40px rgba(108,92,231,0.3);
  --border-subtle: rgba(255,255,255,0.06);
  --border-card: rgba(255,255,255,0.08);
  --radius-sm: 12px;
  --radius: 16px;
  --radius-lg: 24px;
  --transition: 0.35s cubic-bezier(0.4,0,0.2,1);
  --font-heading: 'Segoe UI', system-ui, -apple-system, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;
}