:root {
  --primary-color: #10b981; /* Premium Emerald */
  --secondary-color: #06b6d4; /* Vibrant Cyan */
  --background-dark: #0a0f1c; /* Midnight Blue */
  --surface-dark: #121929;
  --text-light: #f3f4f6;
  --text-muted: #9ca3af;
}

body {
  background-color: var(--background-dark) !important;
  color: var(--text-light) !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
}

/* Typography Overrides */
h1, h2, h3, h4, 
.title, 
.intro__title, 
.footer-title, 
.mega-menu__nav ul li a, 
.header__nav ul li a {
  font-family: inherit !important;
  color: #fff !important;
}

/* Header & Navbar */
.header {
  background-color: rgba(10, 15, 28, 0.85) !important;
  backdrop-filter: blur(12px) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

.mega-menu {
  background-color: var(--background-dark) !important;
}

/* Global Buttons overriding old standard buttons */
.btn--primary {
  background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%) !important;
  border: none !important;
  color: #fff !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 14px rgba(16, 185, 129, 0.3) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
  border-radius: 8px !important;
}

.btn--primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(16, 185, 129, 0.5) !important;
}

.btn--line-primary {
  border: 2px solid var(--primary-color) !important;
  color: var(--primary-color) !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
  transition: all 0.2s ease !important;
}

.btn--line-primary:hover {
  background-color: rgba(16, 185, 129, 0.1) !important;
  box-shadow: 0 4px 14px rgba(16, 185, 129, 0.2) !important;
}

/* Gradient overrides */
.primary-gradient stop:nth-child(1) { stop-color: var(--primary-color); }
.primary-gradient stop:nth-child(2) { stop-color: var(--secondary-color); }

.color-primary { color: var(--primary-color) !important; }
.blue-text { color: var(--secondary-color) !important; }

/* Main layout wrapper */
.main-layout__wrapper {
  background-color: var(--background-dark) !important;
}

/* Footer overrides */
.footer {
  background-color: var(--surface-dark) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
}
.footer p, .footer ul li a {
  color: var(--text-muted) !important;
}
.footer ul li a:hover {
  color: var(--primary-color) !important;
}

/* Glassmorphism helpers for the new homepage */
.glass-panel {
  background: rgba(18, 25, 41, 0.6) !important;
  backdrop-filter: blur(16px) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3) !important;
  border-radius: 16px !important;
}

.glass-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.01) 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  border-radius: 12px;
  backdrop-filter: blur(10px);
}

.text-gradient-strong {
  background: linear-gradient(to right, var(--primary-color), var(--secondary-color)) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.accent-glow {
  position: absolute;
  width: 300px;
  height: 300px;
  background: var(--primary-color);
  filter: blur(200px);
  opacity: 0.15;
  border-radius: 50%;
  z-index: 0;
  pointer-events: none;
}