/* Frontend Dark Mode Overrides */
[data-bs-theme="dark"] {
  --abs-navy: #F8FAFF;
  --abs-blue: #60A5FA;
  --abs-cyan: #22D3EE;
  --abs-light: #0B1120;
  --abs-grey: #1F2937;
  --abs-muted: #9CA3AF;
  --abs-white: #111827;
}

[data-bs-theme="dark"] body {
  background-color: var(--abs-light);
  color: var(--abs-navy);
}

[data-bs-theme="dark"] .abs-nav.scrolled {
  background: rgba(17, 24, 39, 0.92) !important;
}

[data-bs-theme="dark"] .abs-nav .nav-link {
  color: rgba(255, 255, 255, 0.85);
}

[data-bs-theme="dark"] .abs-nav.scrolled .nav-link {
  color: var(--abs-navy);
}

[data-bs-theme="dark"] .abs-hero, 
[data-bs-theme="dark"] .abs-blog-hero, 
[data-bs-theme="dark"] .abs-contact-hero, 
[data-bs-theme="dark"] .abs-page-hero,
[data-bs-theme="dark"] .abs-careers-hero,
[data-bs-theme="dark"] .abs-cta-band,
[data-bs-theme="dark"] .abs-impact,
[data-bs-theme="dark"] .abs-culture,
[data-bs-theme="dark"] .abs-footer {
  background: #030712 !important;
}

[data-bs-theme="dark"] .abs-service-card:hover, 
[data-bs-theme="dark"] .abs-blog-card:hover,
[data-bs-theme="dark"] .abs-team-card:hover,
[data-bs-theme="dark"] .abs-feat-card {
  background: var(--abs-white) !important;
}

[data-bs-theme="dark"] .abs-about-img-main {
  background: var(--abs-grey);
}

[data-bs-theme="dark"] .abs-float-card {
  background: rgba(255, 255, 255, 0.03);
}

[data-bs-theme="dark"] .abs-about-badge {
  background: var(--abs-white);
}

[data-bs-theme="dark"] .abs-contact-info h4,
[data-bs-theme="dark"] .abs-form-card h3,
[data-bs-theme="dark"] .abs-sidebar-widget h6 {
  color: var(--abs-navy);
}

[data-bs-theme="dark"] .abs-input {
  background: var(--abs-white) !important;
  color: var(--abs-navy) !important;
}

/* Overriding hardcoded #fff */

[data-bs-theme="dark"] .abs-about-badge,
[data-bs-theme="dark"] .abs-services,
[data-bs-theme="dark"] .abs-service-card:hover,
[data-bs-theme="dark"] .abs-port-overlay a:hover,
[data-bs-theme="dark"] .abs-testimonials,
[data-bs-theme="dark"] .abs-story,
[data-bs-theme="dark"] .abs-mvv-card,
[data-bs-theme="dark"] .abs-team,
[data-bs-theme="dark"] .abs-cat-bar,
[data-bs-theme="dark"] .abs-feat-card,
[data-bs-theme="dark"] .abs-blog-grid,
[data-bs-theme="dark"] .abs-sidebar-search input,
[data-bs-theme="dark"] .abs-newsletter-box button,
[data-bs-theme="dark"] .abs-page-btn,
[data-bs-theme="dark"] .abs-form-card,
[data-bs-theme="dark"] .abs-input,
[data-bs-theme="dark"] .abs-hours,
[data-bs-theme="dark"] .abs-map-section,
[data-bs-theme="dark"] .abs-stats-strip,
[data-bs-theme="dark"] .abs-about-stats-strip,
[data-bs-theme="dark"] .abs-filter-bar,
[data-bs-theme="dark"] .abs-featured-card,
[data-bs-theme="dark"] .abs-grid-section,
[data-bs-theme="dark"] .abs-port-overlay-btns a:hover,
[data-bs-theme="dark"] .abs-modal,
[data-bs-theme="dark"] .abs-modal-close,
[data-bs-theme="dark"] .abs-ind-card,
[data-bs-theme="dark"] .abs-cta-band,
[data-bs-theme="dark"] .abs-btn-white-solid,
[data-bs-theme="dark"] .abs-prod-hero-card,
[data-bs-theme="dark"] .abs-products-grid,
[data-bs-theme="dark"] .abs-prod-card-body,
[data-bs-theme="dark"] .abs-prod-sel-btn,
[data-bs-theme="dark"] .abs-price-card,
[data-bs-theme="dark"] .abs-btn-white,
[data-bs-theme="dark"] .abs-overview,
[data-bs-theme="dark"] .abs-offer-card,
[data-bs-theme="dark"] .abs-tech,
[data-bs-theme="dark"] .abs-port-card,
[data-bs-theme="dark"] .abs-pricing,
[data-bs-theme="dark"] .abs-accordion .accordion-button,
[data-bs-theme="dark"] .abs-accordion .accordion-button:not(.collapsed),
[data-bs-theme="dark"] .abs-accordion .accordion-collapse,
[data-bs-theme="dark"] .abs-other-svc,
[data-bs-theme="dark"] .abs-contact-item {
    background: var(--abs-white) !important;
}

[data-bs-theme="dark"] .abs-accordion .accordion-button:not(.collapsed) {
    background: var(--abs-grey) !important;
    color: var(--abs-cyan) !important;
}

/* Additional Overrides for dark mode */
[data-bs-theme="dark"] .abs-nav.inner-nav {
    background: rgba(17, 24, 39, 0.97) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
[data-bs-theme="dark"] .abs-nav.inner-nav .nav-link {
    color: rgba(255, 255, 255, 0.85) !important;
}
[data-bs-theme="dark"] .abs-nav.inner-nav .nav-link:hover,
[data-bs-theme="dark"] .abs-nav.inner-nav .nav-link.active-link {
    color: var(--abs-cyan) !important;
    background: rgba(34, 211, 238, 0.1) !important;
}

[data-bs-theme="dark"] .abs-contact-cards,
[data-bs-theme="dark"] .abs-why-products,
[data-bs-theme="dark"] .abs-custom-inner,
[data-bs-theme="dark"] .abs-stats-strip,
[data-bs-theme="dark"] .abs-about-stats-strip,
[data-bs-theme="dark"] .abs-testi,
[data-bs-theme="dark"] .abs-process-strip,
[data-bs-theme="dark"] .abs-newsletter-section,
[data-bs-theme="dark"] .abs-cta-inner,
[data-bs-theme="dark"] .abs-process,
[data-bs-theme="dark"] .abs-price-card.featured {
    background: #030712 !important;
}

[data-bs-theme="dark"] .abs-form-wrap,
[data-bs-theme="dark"] .abs-contact-section {
    background: #0B1120 !important;
}

[data-bs-theme="dark"] .abs-info-item {
    background: var(--abs-grey) !important;
}

[data-bs-theme="dark"] .abs-info-item:hover {
    background: rgba(255, 255, 255, 0.08) !important;
}

[data-bs-theme="dark"] .abs-prod-sel-btn.active,
[data-bs-theme="dark"] .abs-page-btn.active {
    background: var(--abs-grad) !important;
    color: #fff !important;
    border-color: transparent !important;
}

[data-bs-theme="dark"] .abs-btn-white {
    background: #fff !important;
    color: var(--abs-blue) !important;
}