/* ═══ Dark Mode — color tokens injected via korshom_get_dark_color_css() ═══ */

[data-theme="dark"] .bg-grid {
  background-color: var(--cream);
  background-image:
    linear-gradient(var(--grid-line) 1px, transparent 1px),
    linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);
}

[data-theme="dark"] .nav-bar,
[data-theme="dark"] header.site-header.hero-nav.inner-nav .nav-bar {
  background: var(--surface);
  border-color: var(--border);
}

[data-theme="dark"] .section-label {
  background: var(--surface);
  color: var(--maroon-light);
  border-color: var(--border-strong);
}

[data-theme="dark"] .section-title { color: var(--maroon-light); }

[data-theme="dark"] .stat-box,
[data-theme="dark"] .feature-item,
[data-theme="dark"] .testimonial-card,
[data-theme="dark"] .pricing-card,
[data-theme="dark"] .process-item,
[data-theme="dark"] .service-card,
[data-theme="dark"] .svc-card,
[data-theme="dark"] .project-card,
[data-theme="dark"] .contact-form-wrap,
[data-theme="dark"] .contact-info-block {
  background: var(--surface);
  border-color: var(--border);
}

[data-theme="dark"] .sectors-section { background: var(--cream-dark); }

[data-theme="dark"] .svc-visual {
  background: linear-gradient(160deg, var(--cream-dark) 0%, var(--cream) 100%);
}

[data-theme="dark"] .svc-pill,
[data-theme="dark"] .service-pill {
  background: var(--cream-dark);
  color: var(--gold-light);
}

[data-theme="dark"] .svc-card:hover .svc-pill {
  background: var(--maroon);
  color: white;
}

[data-theme="dark"] .form-group input,
[data-theme="dark"] .form-group textarea,
[data-theme="dark"] .form-group select {
  background: var(--cream-dark);
  color: var(--text);
  border-color: var(--border);
}

[data-theme="dark"] .skill-tag {
  background: var(--surface);
  border-color: var(--border);
  color: var(--maroon-light);
}

[data-theme="dark"] .filter-btn {
  background: var(--surface);
  color: var(--muted);
  border-color: var(--border);
}

[data-theme="dark"] .filter-btn.active,
[data-theme="dark"] .filter-btn:hover {
  background: var(--maroon);
  color: white;
}

[data-theme="dark"] .faq-card {
  background: var(--surface);
  border-color: var(--border);
}

[data-theme="dark"] .cursor-glow {
  background: radial-gradient(circle, rgba(var(--gold-rgb), 0.08) 0%, transparent 70%);
}

[data-theme="dark"] .preloader {
  background: #0d0a0c;
}

[data-theme="dark"] .burger span { background: var(--gold-light); }

[data-theme="dark"] .sector-item {
  border-inline-start-color: rgba(var(--gold-rgb), 0.4);
}

[data-theme="dark"] .sector-item::before {
  background: var(--surface);
  border-color: rgba(var(--gold-rgb), 0.55);
}

[data-theme="dark"] .portfolio-section,
[data-theme="dark"] .contact-section {
  background: var(--cream-dark);
}

[data-theme="dark"] .about-img-main,
[data-theme="dark"] .about-img-sub,
[data-theme="dark"] .sectors-sticky-col {
  border-color: var(--cream-dark);
}

[data-theme="dark"] .stat-box .num,
[data-theme="dark"] .pricing-card h3,
[data-theme="dark"] .project-info h3 {
  color: var(--maroon-light);
}

[data-theme="dark"] .btn-outline-dark {
  color: var(--maroon-light);
  border-color: var(--border-strong);
}

[data-theme="dark"] .btn-outline-dark:hover {
  background: var(--maroon);
  color: white;
}