/* ==========================================================================
   DARKMODE.CSS — Sistem temasını algılar, kullanıcı geçişi destekler
   ========================================================================== */

:root[data-theme="dark"] {
  --color-bg: #0B1420;
  --color-card: #101C2C;
  --color-border: #1E2E42;
  --surface-100: #0F1B29;
  --surface-200: #14233570;
  --ink-900: #F2F6FA;
  --ink-700: #C5D2E0;
  --ink-500: #8FA2B8;
  --ink-300: #56687F;
  --color-support: #DCE9F8;
}

:root[data-theme="dark"] body { background: var(--color-bg); }
:root[data-theme="dark"] h1,
:root[data-theme="dark"] h2,
:root[data-theme="dark"] h3,
:root[data-theme="dark"] h4 { color: #F2F6FA; }

:root[data-theme="dark"] .site-header.is-scrolled {
  background: rgba(11, 20, 32, 0.82);
  border-bottom-color: var(--color-border);
}
:root[data-theme="dark"] .site-header.is-scrolled .logo,
:root[data-theme="dark"] .site-header.is-scrolled .nav-link { color: #F2F6FA; }
:root[data-theme="dark"] .site-header.is-scrolled .hamburger {
  color: #F2F6FA; background: var(--surface-100); border-color: var(--color-border);
}

:root[data-theme="dark"] .card,
:root[data-theme="dark"] .service-card,
:root[data-theme="dark"] .why-card,
:root[data-theme="dark"] .region-card,
:root[data-theme="dark"] .blog-card,
:root[data-theme="dark"] .faq,
:root[data-theme="dark"] .contact-info__item {
  background: var(--color-card);
  border-color: var(--color-border);
}

:root[data-theme="dark"] .form-field input,
:root[data-theme="dark"] .form-field textarea,
:root[data-theme="dark"] .form-field select {
  background: var(--surface-100);
  border-color: var(--color-border);
  color: var(--ink-900);
}

:root[data-theme="dark"] .service-card__icon { background: var(--surface-100); }

:root[data-theme="dark"] .badge--light {
  background: var(--surface-100);
  color: #F2F6FA;
  border-color: var(--color-border);
}

:root[data-theme="dark"] .mobile-menu__panel { background: var(--color-bg); }
:root[data-theme="dark"] .mobile-menu__link { color: #F2F6FA; border-color: var(--color-border); }
:root[data-theme="dark"] .mobile-menu__close { background: var(--surface-100); color: #F2F6FA; }

.theme-toggle {
  width: 42px; height: 42px;
  border-radius: 50%;
  border: 1.5px solid rgba(255,255,255,0.3);
  background: rgba(255,255,255,0.08);
  color: #fff;
  display: grid; place-items: center;
  transition: background var(--transition-fast);
}
.site-header.is-scrolled .theme-toggle {
  color: var(--color-support);
  border-color: var(--color-border);
  background: var(--surface-100);
}
.theme-toggle .icon-sun { display: none; }
:root[data-theme="dark"] .theme-toggle .icon-moon { display: none; }
:root[data-theme="dark"] .theme-toggle .icon-sun { display: block; }