:root {
  --primary-purple: #667eea;
  --secondary-purple: #764ba2;
  --accent-blue: #2196F3;
  --danger-red: #ef4444;
  --warning-yellow: #f59e0b;
  --success-green: #22c55e;
  --inactive-gray: #94a3b8;

  --bg-gradient: linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%);
  --bg-base: #0f0c29;
  --text-primary: #ffffff;
  --text-secondary: rgba(255, 255, 255, 0.75);
  --text-muted: rgba(255, 255, 255, 0.55);
  --surface: rgba(255, 255, 255, 0.06);
  --surface-elevated: rgba(255, 255, 255, 0.10);
  --border: rgba(255, 255, 255, 0.12);
  --border-strong: rgba(255, 255, 255, 0.22);
  --glass-bg: rgba(255, 255, 255, 0.08);
  --glass-border: rgba(255, 255, 255, 0.12);
  --modal-backdrop: rgba(0, 0, 0, 0.75);
  --shadow: 0 8px 32px rgba(0, 0, 0, 0.35);
  --orb-opacity: 0.15;
}

[data-theme="light"] {
  --bg-gradient: linear-gradient(135deg, #eef2ff 0%, #f5f3ff 50%, #e0e7ff 100%);
  --bg-base: #f6f7fb;
  --text-primary: #111827;
  --text-secondary: #374151;
  --text-muted: #6b7280;
  --surface: rgba(255, 255, 255, 0.85);
  --surface-elevated: #ffffff;
  --border: rgba(17, 24, 39, 0.10);
  --border-strong: rgba(17, 24, 39, 0.20);
  --glass-bg: rgba(255, 255, 255, 0.70);
  --glass-border: rgba(17, 24, 39, 0.08);
  --modal-backdrop: rgba(17, 24, 39, 0.45);
  --shadow: 0 8px 32px rgba(17, 24, 39, 0.10);
  --orb-opacity: 0.08;
}