/* ==========================================================================
   FutureX Academy Elite - Dark Mode Overrides (Sleek Asaqefah Luxury Dark)
   ========================================================================== */

html.dark {
  color-scheme: dark;
}

html.dark body {
  background-color: #071018;
  color: #e2e8f0;
}

html.dark .site-header {
  background: rgba(7, 16, 24, 0.88);
  border-bottom-color: #1a2c3d;
}

html.dark .nav-link {
  color: #cbd5e1;
}

html.dark .nav-link:hover,
html.dark .nav-link.active {
  color: #2dd4bf;
}

html.dark .course-card,
html.dark .track-card,
html.dark .course-main-content,
html.dark .enrollment-card,
html.dark .hero-main-card,
html.dark .cert-result-card {
  background-color: #0c1a26;
  border-color: #1a2c3d;
  color: #e2e8f0;
}

html.dark .course-card:hover,
html.dark .track-card:hover {
  border-color: #009799;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4);
}

html.dark .hero-search-box {
  background-color: #0c1a26;
  border-color: #1e3347;
}

html.dark .hero-search-input {
  color: #f8fafc;
}

html.dark .hero-search-input::placeholder {
  color: #64748b;
}

html.dark .filter-tab-btn {
  background-color: #0c1a26;
  border-color: #1a2c3d;
  color: #94a3b8;
}

html.dark .filter-tab-btn:hover,
html.dark .filter-tab-btn.active {
  background: linear-gradient(135deg, #004741 0%, #006b62 100%);
  color: #ffffff;
  border-color: #006b62;
}

html.dark .accordion-header {
  background-color: #08141f;
  color: #f1f5f9;
}

html.dark .accordion-content {
  background-color: #0c1a26;
  border-top-color: #1a2c3d;
}

html.dark .trust-ribbon {
  background-color: #08141f;
  border-color: #132435;
}

html.dark .btn-outline {
  border-color: #1e3347;
  color: #cbd5e1;
}

html.dark .btn-outline:hover {
  border-color: #2dd4bf;
  color: #2dd4bf;
  background: rgba(45, 212, 191, 0.08);
}