/* Light Theme - White/Black/Red (Default) */
body.light {
  --bg: #ffffff;
  --bg-secondary: #fafafa;
  --bg-tertiary: #f5f5f5;
  --text: #0a0a0a;
  --text-muted: #525252;
  --border: #e5e5e5;
  --primary: #dc2626;
  --primary-dark: #b91c1c;
  --primary-light: #fef2f2;
  --primary-glow: rgba(220, 38, 38, 0.08);
  --success: #16a34a;
  --warning: #ca8a04;
  --error: #dc2626;
  --glass-bg: rgba(255, 255, 255, 0.95);
  --glass-border: rgba(229, 229, 229, 0.9);
  --card-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  --card-shadow-hover: 0 10px 40px rgba(0, 0, 0, 0.12);
}

body.light .icon-sun {
  display: none;
}

body.light .icon-moon {
  display: block;
}

/* Dark Theme - Black/White/Red */
body.dark {
  --bg: #0a0a0a;
  --bg-secondary: #141414;
  --bg-tertiary: #1f1f1f;
  --text: #fafafa;
  --text-muted: #a3a3a3;
  --border: #2a2a2a;
  --primary: #ef4444;
  --primary-dark: #dc2626;
  --primary-light: #1c1111;
  --primary-glow: rgba(239, 68, 68, 0.12);
  --success: #22c55e;
  --warning: #eab308;
  --error: #ef4444;
  --glass-bg: rgba(10, 10, 10, 0.95);
  --glass-border: rgba(42, 42, 42, 0.9);
  --card-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  --card-shadow-hover: 0 10px 40px rgba(0, 0, 0, 0.5);
}

body.dark .icon-sun {
  display: block;
}

body.dark .icon-moon {
  display: none;
}

/* Smooth transitions for theme switch */
body,
.navbar,
.feature-card,
.pricing-card,
.faq-item,
.btn-outline,
.card,
.sidebar,
.stat-card {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}