/*--------------------------------------------------------------
# Dark Mode
--------------------------------------------------------------*/

[data-theme="dark"] {
  --nc-heading: #f1f5f9;
  --nc-text: #cbd5e1;
  --nc-muted: #94a3b8;
  --nc-bg: #0b1120;
  --nc-bg-alt: #111827;
  --nc-white: #1e293b;
  --nc-border: #334155;
  --nc-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);
  --nc-shadow: 0 4px 24px rgba(0, 0, 0, 0.4);
  --nc-shadow-lg: 0 20px 50px rgba(0, 0, 0, 0.5);
  --nc-gradient-soft: linear-gradient(135deg, rgba(61, 214, 140, 0.15) 0%, rgba(17, 118, 175, 0.15) 100%);
  --nc-pattern-dot: rgba(148, 163, 184, 0.12);
  --nc-pattern-line: rgba(148, 163, 184, 0.06);
  color-scheme: dark;
}

[data-theme="dark"] body {
  background: var(--nc-bg);
  color: var(--nc-text);
}

[data-theme="dark"] #header {
  background: rgba(11, 17, 32, 0.92);
  border-bottom-color: var(--nc-border);
}

[data-theme="dark"] #header.header-scrolled,
[data-theme="dark"] #header.header-pages {
  background: rgba(11, 17, 32, 0.98);
}

[data-theme="dark"] .main-nav a {
  color: var(--nc-heading);
}

[data-theme="dark"] .main-nav a:hover,
[data-theme="dark"] .main-nav .active > a {
  color: var(--nc-mint);
}

[data-theme="dark"] .theme-toggle {
  background: var(--nc-bg-alt);
  border-color: var(--nc-border);
  color: #fbbf24;
}

[data-theme="dark"] .theme-toggle:hover {
  color: #fbbf24;
}

[data-theme="dark"] #intro {
  background-color: var(--nc-bg);
}

[data-theme="dark"] #intro::before {
  opacity: 0.02;
}

[data-theme="dark"] .intro-badge {
  background: var(--nc-white);
  border-color: var(--nc-border);
  color: var(--nc-mint);
}

[data-theme="dark"] .intro-slide-label {
  background: var(--nc-bg-alt);
  border-color: var(--nc-border);
  color: var(--nc-mint);
}

[data-theme="dark"] .intro-slide img {
  filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.4));
}

[data-theme="dark"] #about .about-img img {
  box-shadow: var(--nc-shadow-lg);
}

[data-theme="dark"] #about .about-img::before,
[data-theme="dark"] #about .about-img::after {
  opacity: 0.25;
}

[data-theme="dark"] #services .box,
[data-theme="dark"] #why-us .why-us-content .features,
[data-theme="dark"] .testimonial-card,
[data-theme="dark"] #footer .footer-top .form {
  background: var(--nc-bg-alt);
  border-color: var(--nc-border);
}

[data-theme="dark"] #pricing .card {
  background: rgba(30, 41, 59, 0.6);
  border-color: var(--nc-border);
  backdrop-filter: blur(8px);
}

[data-theme="dark"] #pricing .card .card-header,
[data-theme="dark"] #pricing .card-featured .card-header {
  background: transparent !important;
}

[data-theme="dark"] #pricing .card .card-body,
[data-theme="dark"] #pricing .card .list-group,
[data-theme="dark"] #pricing .card .list-group-item {
  background: transparent !important;
}

[data-theme="dark"] #pricing .card .card-header h4,
[data-theme="dark"] #pricing .card .card-title,
[data-theme="dark"] #pricing .card .card-header span,
[data-theme="dark"] #pricing .card .list-group-item {
  color: var(--nc-heading);
}

[data-theme="dark"] #pricing .card .card-header .currency {
  color: var(--nc-muted);
}

[data-theme="dark"] #pricing .card-featured {
  background: rgba(61, 214, 140, 0.08);
  border-color: var(--nc-mint);
}

[data-theme="dark"] #services .title a,
[data-theme="dark"] #features h4,
[data-theme="dark"] #about .about-content h2 {
  color: var(--nc-heading);
}

[data-theme="dark"] .section-bg,
[data-theme="dark"] .section-bg.pattern-section {
  background-color: var(--nc-bg-alt);
}

[data-theme="dark"] #faq #faq-list li {
  background: var(--nc-bg-alt);
  border-color: var(--nc-border);
}

[data-theme="dark"] #faq #faq-list a.collapsed {
  background: var(--nc-bg-alt);
  color: var(--nc-heading);
}

[data-theme="dark"] #faq #faq-list a.collapse {
  background: rgba(61, 214, 140, 0.08);
}

[data-theme="dark"] .site-footer,
[data-theme="dark"] footer#footer.site-footer {
  background: #020617 !important;
}

[data-theme="dark"] #call-to-action {
  background: #020617;
}

[data-theme="dark"] .testimonials-marquee-section {
  background: var(--nc-bg);
}

[data-theme="dark"] .site-footer a {
  color: rgba(255, 255, 255, 0.7);
}

[data-theme="dark"] .site-footer a:hover {
  color: var(--nc-mint);
}

[data-theme="dark"] #footer .footer-top .form input,
[data-theme="dark"] #footer .footer-top .form textarea {
  background: var(--nc-bg);
  border-color: var(--nc-border);
  color: var(--nc-text);
}

[data-theme="dark"] .mobile-nav-toggle i {
  background: var(--nc-bg-alt);
  border-color: var(--nc-border);
  color: var(--nc-heading);
}

[data-theme="dark"] #intro .btn-outline {
  border-color: var(--nc-border);
  color: var(--nc-heading);
}

[data-theme="dark"] #intro .btn-outline:hover {
  background: var(--nc-bg-alt);
  border-color: var(--nc-mint);
  color: var(--nc-mint);
}

[data-theme="dark"] a {
  color: var(--nc-mint);
}

[data-theme="dark"] a:hover {
  color: #5eead4;
}

[data-theme="dark"] .footer-contact-link {
  color: var(--nc-mint) !important;
}

[data-theme="dark"] #about .carousel-control-prev,
[data-theme="dark"] #about .carousel-control-next {
  background: var(--nc-bg-alt);
}

[data-theme="dark"] .mv-card,
[data-theme="dark"] .about-badge-card {
  background: var(--nc-bg-alt);
  border-color: var(--nc-border);
}

[data-theme="dark"] .about-modern .about-lead {
  color: var(--nc-heading);
}

[data-theme="dark"] #products {
  background: var(--nc-bg);
}

[data-theme="dark"] .product-card {
  background: var(--nc-bg-alt);
  border-color: var(--nc-border);
}

[data-theme="dark"] .product-card--featured {
  border-color: var(--nc-mint);
}

[data-theme="dark"] .legal-hero {
  background-color: var(--nc-bg-alt);
}

[data-theme="dark"] .legal-card {
  background: var(--nc-bg-alt);
  border-color: var(--nc-border);
}

[data-theme="dark"] .legal-card h2 {
  color: var(--nc-heading);
}

[data-theme="dark"] .why-benefit-card,
[data-theme="dark"] .why-stat-tile,
[data-theme="dark"] .why-us-floating-card,
[data-theme="dark"] .contact-info-card,
[data-theme="dark"] .contact-hours-card,
[data-theme="dark"] .contact-form-card {
  background: var(--nc-bg-alt);
  border-color: var(--nc-border);
}

[data-theme="dark"] .contact-form-card .form-control {
  background: var(--nc-bg);
  border-color: var(--nc-border);
  color: var(--nc-text);
}