/* ==========================================================================
   ORANJE LEAD — Dark Mode Refinements
   Core color variables are defined via [data-theme="dark"] in style.css.
   This file holds additional dark-mode-only visual adjustments that go
   beyond simple color inversion.
   ========================================================================== */

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

[data-theme="dark"] .site-header {
  border-bottom-color: rgba(255,255,255,0.08);
}

[data-theme="dark"] .scene-card {
  box-shadow: 0 20px 60px rgba(0,0,0,0.55), 0 0 0 1px rgba(241,95,34,0.06);
}

[data-theme="dark"] .service-card,
[data-theme="dark"] .why-card,
[data-theme="dark"] .contact-info-card,
[data-theme="dark"] .contact-form-card,
[data-theme="dark"] .node {
  background: var(--bg-raised);
  border-color: rgba(255,255,255,0.08);
}

[data-theme="dark"] .service-card::before {
  background: linear-gradient(160deg, rgba(241,95,34,0.10), transparent 55%);
}

[data-theme="dark"] .stats-strip {
  background: var(--bg-alt);
  border-color: rgba(255,255,255,0.08);
}

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

[data-theme="dark"] .journey-dot { box-shadow: 0 0 0 6px var(--bg-alt); }

[data-theme="dark"] .process-num { background: var(--bg-raised); }

[data-theme="dark"] .cta-section {
  background: linear-gradient(135deg, #1a1a1a, #000000);
  box-shadow: 0 30px 80px rgba(0,0,0,0.6);
}

[data-theme="dark"] .map-frame iframe { filter: grayscale(0.4) invert(0.92) contrast(0.9); }

[data-theme="dark"] ::selection { background: var(--orange); color: #111; }