/* ===== Dark Theme ===== */
body.dark {
  --primary: #6366f1;
  --primary-dark: #4f46e5;
  --primary-light: #a5b4fc;
  --accent: #22d3ee;
  --accent-2: #fbbf24;
  --bg: #0f172a;
  --bg-2: #1e293b;
  --bg-card: #1e293b;
  --bg-card-hover: #334155;
  --text: #f1f5f9;
  --text-secondary: #94a3b8;
  --text-muted: #64748b;
  --border: #334155;
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.3);
  --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.4), 0 2px 4px -2px rgba(0,0,0,0.3);
  --shadow-lg: 0 10px 25px -5px rgba(99,102,241,0.2), 0 8px 10px -6px rgba(99,102,241,0.15);
  --shadow-xl: 0 20px 50px -12px rgba(99,102,241,0.25);
}

body.dark .navbar {
  background: rgba(15, 23, 42, 0.9);
}

body.dark .hero {
  background: linear-gradient(180deg, var(--bg) 0%, var(--bg-2) 100%);
}

body.dark .hero::before {
  background:
    radial-gradient(ellipse at 20% 30%, rgba(99,102,241,0.12) 0%, transparent 50%),
    radial-gradient(ellipse at 80% 70%, rgba(34,211,238,0.08) 0%, transparent 50%);
}

body.dark .pricing-hero {
  background: linear-gradient(180deg, var(--bg) 0%, var(--bg-2) 100%);
}

body.dark .stats {
  background: linear-gradient(135deg, rgba(99,102,241,0.12) 0%, rgba(34,211,238,0.08) 100%);
  border-color: var(--border);
}

body.dark .enterprise-cta {
  background: var(--bg-card);
  border-color: var(--border);
}

body.dark .faq-item {
  background: var(--bg-card);
  border-color: var(--border);
}

body.dark .feature-card:hover,
body.dark .product-card:hover {
  border-color: var(--primary);
}

body.dark .theme-toggle {
  background: var(--bg-card);
  border-color: var(--border);
  color: var(--text-secondary);
}

body.dark .theme-toggle:hover {
  border-color: var(--primary);
  color: var(--primary-light);
}