/* Theme Styles - 10 Themes w/ !important overrides */
body.light, body.dark, body.blue, body.green, body.orange, body.pink, body.teal, body.indigo, body.cyan, body.purple {
  --primary-rgb: 227,110,15;
}

body.light {
  --primary-color: #e36e0f !important;
  --secondary-color: #005a9c !important;
  --bg-gradient: linear-gradient(135deg, #e36e0f 0%, #005a9c 100%) !important;
  --text-color: #333 !important;
  --bg-color: #f8f9fa !important;
  color: var(--text-color) !important;
  background: var(--bg-color) !important;
}

body.dark {
  --primary-color: #e36e0f !important;
  --secondary-color: #005a9c !important;
  --bg-gradient: linear-gradient(135deg, #1a1a1a 0%, #2c2c2c 100%) !important;
  --text-color: #e0e0e0 !important;
  --bg-color: #121212 !important;
  color: var(--text-color) !important;
  background: var(--bg-color) !important;
}

body.blue {
  --primary-color: #007bff !important;
  --secondary-color: #0056b3 !important;
  --bg-gradient: linear-gradient(135deg, #007bff 0%, #0056b3 100%) !important;
  --text-color: #333 !important;
  --bg-color: #e3f2fd !important;
  color: var(--text-color) !important;
  background: var(--bg-color) !important;
}

body.green {
  --primary-color: #28a745 !important;
  --secondary-color: #1e7e34 !important;
  --bg-gradient: linear-gradient(135deg, #28a745 0%, #1e7e34 100%) !important;
  --text-color: #333 !important;
  --bg-color: #e8f5e8 !important;
  color: var(--text-color) !important;
  background: var(--bg-color) !important;
}

body.orange {
  --primary-color: #fd7e14 !important;
  --secondary-color: #e8650e !important;
  --bg-gradient: linear-gradient(135deg, #fd7e14 0%, #e8650e 100%) !important;
  --text-color: #333 !important;
  --bg-color: #fff3e0 !important;
  color: var(--text-color) !important;
  background: var(--bg-color) !important;
}

body.pink {
  --primary-color: #e83e8c !important;
  --secondary-color: #d91a72 !important;
  --bg-gradient: linear-gradient(135deg, #e83e8c 0%, #d91a72 100%) !important;
  --text-color: #333 !important;
  --bg-color: #fce4ec !important;
  color: var(--text-color) !important;
  background: var(--bg-color) !important;
}

body.teal {
  --primary-color: #20c997 !important;
  --secondary-color: #1ba085 !important;
  --bg-gradient: linear-gradient(135deg, #20c997 0%, #1ba085 100%) !important;
  --text-color: #333 !important;
  --bg-color: #d1ecf1 !important;
  color: var(--text-color) !important;
  background: var(--bg-color) !important;
}

body.indigo {
  --primary-color: #6610f2 !important;
  --secondary-color: #520dc2 !important;
  --bg-gradient: linear-gradient(135deg, #6610f2 0%, #520dc2 100%) !important;
  --text-color: #333 !important;
  --bg-color: #e6e6fa !important;
  color: var(--text-color) !important;
  background: var(--bg-color) !important;
}

body.cyan {
  --primary-color: #17a2b8 !important;
  --secondary-color: #117a8b !important;
  --bg-gradient: linear-gradient(135deg, #17a2b8 0%, #117a8b 100%) !important;
  --text-color: #333 !important;
  --bg-color: #d1ecf1 !important;
  color: var(--text-color) !important;
  background: var(--bg-color) !important;
}

body.purple {
  --primary-color: #6f42c1 !important;
  --secondary-color: #5a2d91 !important;
  --bg-gradient: linear-gradient(135deg, #6f42c1 0%, #5a2d91 100%) !important;
  --text-color: #333 !important;
  --bg-color: #f3e5f5 !important;
  color: var(--text-color) !important;
  background: var(--bg-color) !important;
}

/* Apply CSS variables globally */
:root {
  --primary-color: #e36e0f;
  --secondary-color: #005a9c;
  --text-color: #333;
  --bg-color: #f8f9fa;
}

body {
  color: var(--text-color);
  background: var(--bg-color);
}

/* Header */
.banner-header {
  background: var(--bg-gradient, linear-gradient(135deg, #e36e0f 0%, #005a9c 100%)) !important;
}

.social-icons a:hover {
  color: var(--primary-color) !important;
}

/* Navigation */
.nav-link:hover { 
  background: var(--primary-color) !important;
  color: white !important; 
}

.nav-link {
  color: var(--text-color, #333) !important;
}

/* Footer */
#footer-style-2 {
  background: var(--bg-gradient, linear-gradient(135deg, #005a9c 0%, #1a3a52 100%)) !important;
  color: white;
}

#footer-style-2 .social-icons span a {
  color: white !important;
}

#footer-style-2 .social-icons span a:hover {
  background: var(--primary-color, #e36e0f) !important;
}

/* Course cards */
.glass-card {
  background: rgba(255,255,255,0.15);
  border: 1px solid rgba(var(--primary-rgb, 227,110,15), 0.4);
  box-shadow: 0 20px 40px rgba(var(--primary-rgb, 227,110,15), 0.3), inset 0 1px 0 rgba(255,255,255,0.6);
}

.glass-card i {
  color: var(--primary-color, #e36e0f) !important;
}
.glass-card h3 {
  color: black !important;
}

.course-button:hover .glass-card {
  border-color: var(--primary-color, #e36e0f) !important;
}

/* Responsive */
@media (prefers-color-scheme: dark) {
  body:not(.light) {
    --text-color: #e0e0e0;
    --bg-color: #121212;
  }
}