/* ==========================================
   Bootstrap Dark Theme Customization
========================================== */

[data-bs-theme="dark"] {
  --bs-body-bg: #0f172a;
  --bs-body-color: #e2e8f0;
  --bs-secondary-color: #94a3b8;
  --bs-border-color: #334155;
  --bs-tertiary-bg: #1e293b;
  --bs-light-bg-subtle: #1e293b;
  --bs-secondary-bg: #172033;
}

  /* ==========================================
   Cards
========================================== */

  [data-bs-theme="dark"] .section-card,
  [data-bs-theme="dark"] .company-card,
  [data-bs-theme="dark"] .technology-card,
  [data-bs-theme="dark"] .technology-category,
  [data-bs-theme="dark"] .service-card,
  [data-bs-theme="dark"] .contact-card,
  [data-bs-theme="dark"] .stat-card {
    background: var(--bs-tertiary-bg);
    border-color: var(--bs-border-color);
    box-shadow: 0 12px 30px rgba(0,0,0,.35);
  }

  /* ==========================================
   Badges
========================================== */

  [data-bs-theme="dark"] .badge.text-bg-light {
    background: #243247 !important;
    color: #dbeafe !important;
    border-color: #334155 !important;
  }

  /* ==========================================
   Navbar
========================================== */

  [data-bs-theme="dark"] .navbar {
    background: rgba(15,23,42,.88) !important;
  }

    [data-bs-theme="dark"] .navbar.scrolled {
      background: rgba(15,23,42,.96) !important;
      border-bottom: 1px solid var(--bs-border-color);
      box-shadow: 0 12px 35px rgba(0,0,0,.45);
    }

  /* ==========================================
   Footer
========================================== */

  [data-bs-theme="dark"] footer {
    border-top: 1px solid var(--bs-border-color);
  }

  /* ==========================================
   Hero Image
========================================== */

  [data-bs-theme="dark"] .hero-image {
    border-color: var(--bs-tertiary-bg);
  }

  /* ==========================================
   Page Loader
========================================== */

  [data-bs-theme="dark"] #pageLoader {
    background: var(--bs-body-bg);
  }