/* ==========================================================================
   DARKMODE.CSS — Dark Theme Overrides (Cards, Navbar, Hero, Footer, Button)
   ========================================================================== */

[data-theme="dark"] .header{ background: var(--color-surface); border-color: var(--color-border); }
[data-theme="dark"] .topbar{ background: var(--color-bg-soft); border-color: var(--color-border); }
[data-theme="dark"] .theme-toggle{ background: var(--color-bg-soft); color: #fff; }

[data-theme="dark"] .card,
[data-theme="dark"] .feature-card,
[data-theme="dark"] .paket-card,
[data-theme="dark"] .testimonial-card,
[data-theme="dark"] .accordion__item{
  background: var(--color-surface);
  border-color: var(--color-border);
}

[data-theme="dark"] .trust-bar{ background: var(--color-surface); }
[data-theme="dark"] .trust-bar__icon{ background: var(--color-bg-soft); }

[data-theme="dark"] .testimonial{ background: var(--color-bg-soft); }

[data-theme="dark"] .icon-box{ background: rgba(255,163,92,.16); }

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

[data-theme="dark"] .footer{ background: #060B18; }

[data-theme="dark"] .btn-outline-primary{ color: var(--color-primary-light); border-color: var(--color-primary-light); }
[data-theme="dark"] .btn-outline-primary:hover{ background: rgba(255,163,92,.14); }

[data-theme="dark"] .comparison-table th{ background: var(--color-bg-soft); }
[data-theme="dark"] .comparison-table th, [data-theme="dark"] .comparison-table td{ border-color: var(--color-border); }

[data-theme="dark"] ::-webkit-scrollbar-track{ background: var(--color-bg-soft); }
[data-theme="dark"] .back-to-top{ background: var(--color-surface); border-color: var(--color-border); }

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