/* ── DARK MODE ── */
html.dark {
  --primary: #5ba3d9;
  --primary-deep: #8ec5f0;
  --primary-light: #6db5e8;
  --accent: #4a9ad4;
  --accent-bright: #6db5e8;
  --surface: #0f1923;
  --surface-alt: #162533;
  --surface-card: rgba(22,37,51,0.8);
  --text: #e0e8f0;
  --text-dim: #9cb0c8;
  --text-muted: #5a7a9a;
  --glow: rgba(74,154,212,0.25);
  --glow-strong: rgba(74,154,212,0.4);
  --border: rgba(90,160,220,0.12);
  --border-hover: rgba(90,160,220,0.25);
}
html.dark body { background: #0f1923; }

/* Nav */
html.dark .nav {
  background: rgba(15,25,35,0.85);
  border-bottom-color: var(--border);
}
html.dark .nav.scrolled { box-shadow: 0 2px 20px rgba(0,0,0,0.3); }
html.dark .nav-brand-name { color: #c0d0e0; }
html.dark .nav-brand-tagline { color: #6a8aaa; }
html.dark .nav-hamburger span { background: #9cb0c8; }
html.dark .nav-version { background: var(--surface-alt); border-color: var(--border); }
html.dark .nav-server-status { background: rgba(34,197,94,0.12); border-color: rgba(34,197,94,0.25); }
html.dark .nav-server-status.offline { background: rgba(231,76,60,0.12); border-color: rgba(231,76,60,0.25); }
html.dark .nav-server-status.checking { background: rgba(90,120,160,0.12); border-color: rgba(90,120,160,0.2); }

/* Common backgrounds */
html.dark .bg-mesh::before {
  background: radial-gradient(ellipse 600px 600px at 20% 30%, rgba(74,154,212,0.06) 0%, transparent 70%),
              radial-gradient(ellipse 800px 500px at 70% 20%, rgba(26,92,158,0.04) 0%, transparent 60%);
}
html.dark .bg-mesh::after {
  background: radial-gradient(ellipse 400px 800px at 80% 50%, rgba(74,154,212,0.04) 0%, transparent 60%);
}

/* Live stats widgets */
html.dark .live-stats {
  background: rgba(15,25,35,0.9);
  border-color: var(--border);
  box-shadow: 0 4px 24px rgba(0,0,0,0.3);
}
html.dark .live-stats-mobile {
  background: var(--surface-alt);
  border-color: var(--border);
}

/* Slider */
html.dark .slider {
  background: var(--surface-alt);
  border-color: var(--border);
  box-shadow: 0 4px 30px rgba(0,0,0,0.2);
}
html.dark .slider-arrow {
  background: rgba(15,25,35,0.85);
  border-color: rgba(255,255,255,0.08);
  color: var(--accent);
}
html.dark .slider-arrow:hover { background: var(--accent); color: #fff; }
html.dark .slider-dots {
  background: rgba(15,25,35,0.8);
  border-color: rgba(255,255,255,0.06);
}
html.dark .slider-dot { background: rgba(90,160,220,0.2); }

/* Cards */
html.dark .feature-card,
html.dark .announcement-card,
html.dark .server-card,
html.dark .download-card,
html.dark .download-instructions {
  background: var(--surface-alt);
  border-color: var(--border);
  box-shadow: 0 2px 12px rgba(0,0,0,0.15);
}
html.dark .feature-card:hover,
html.dark .server-card:hover,
html.dark .announcement-card:hover { box-shadow: 0 12px 40px rgba(0,0,0,0.3); }
html.dark .feature-icon {
  background: linear-gradient(135deg, rgba(74,154,212,0.15), rgba(74,154,212,0.08));
  border-color: rgba(74,154,212,0.12);
}

/* FAQ */
html.dark .faq-item {
  background: var(--surface-alt);
  border-color: var(--border);
}

/* Auth / Forms */
html.dark .auth-box,
html.dark .auth-section .auth-box {
  background: var(--surface-alt);
  border-color: var(--border);
  box-shadow: 0 4px 24px rgba(0,0,0,0.2);
}
html.dark .auth-tabs { background: rgba(15,25,35,0.5); }
html.dark .form-input,
html.dark .login-input,
html.dark input[type="text"],
html.dark input[type="email"],
html.dark input[type="password"],
html.dark select,
html.dark textarea {
  background: rgba(15,25,35,0.5);
  border-color: var(--border);
  color: var(--text);
}
html.dark .form-input::placeholder,
html.dark input::placeholder { color: var(--text-muted); }

/* Panel box */
html.dark .panel-box {
  background: var(--surface-alt);
  border-color: var(--border);
}

/* CTA */
html.dark .cta-box {
  background: linear-gradient(135deg, rgba(74,154,212,0.08), rgba(74,154,212,0.04));
}

/* Footer */
html.dark .footer { background: var(--surface-alt); }
html.dark .footer-brand-name { color: #c0d0e0; }
html.dark .footer-brand-tagline { color: #6a8aaa; }

/* Legal modal */
html.dark .legal-modal,
html.dark .modal-content {
  background: #162533;
  box-shadow: 0 20px 60px rgba(0,0,0,0.4);
}
html.dark .legal-close { background: var(--surface-alt); border-color: var(--border); color: var(--text-dim); }

/* Language dropdown */
html.dark .lang-menu { background: #162533; border-color: var(--border); box-shadow: 0 8px 32px rgba(0,0,0,0.4); }
html.dark .lang-current { border-color: rgba(90,160,220,0.2); color: var(--text-dim); }

/* Download */
html.dark .download-card { background: var(--surface-alt); border-color: var(--border); }
html.dark .download-card-meta span { background: rgba(15,25,35,0.5); border-color: var(--border); }
html.dark .download-note { background: rgba(74,154,212,0.08); border-color: rgba(74,154,212,0.15); }
html.dark .step-content code { background: rgba(15,25,35,0.5); border-color: var(--border); }

/* Marquee */
html.dark .marquee-section { background: var(--surface-alt); border-color: var(--border); }

/* Instagram skeleton */
html.dark .ig-skeleton { background: linear-gradient(110deg, #1a2e3e 30%, #162533 50%, #1a2e3e 70%); background-size: 200% 100%; }

/* Page hero */
html.dark .page-hero {
  background: linear-gradient(180deg, var(--surface-alt) 0%, var(--surface) 100%);
}

/* Durum (Status) page */
html.dark .live-stats-bar {
  background: rgba(15,25,35,0.9);
  border-color: var(--border);
}
html.dark .overall-status.ok { background: rgba(34,197,94,0.12); border-color: rgba(34,197,94,0.25); }
html.dark .overall-status.partial { background: rgba(245,158,11,0.12); border-color: rgba(245,158,11,0.25); }
html.dark .overall-status.down { background: rgba(231,76,60,0.12); border-color: rgba(231,76,60,0.25); }
html.dark .overall-status.checking { background: rgba(90,120,160,0.12); border-color: rgba(90,120,160,0.2); }
html.dark .server-badge { background: rgba(90,120,160,0.12); border-color: rgba(90,120,160,0.2); }
html.dark .server-badge.online { background: rgba(34,197,94,0.15); border-color: rgba(34,197,94,0.25); }
html.dark .server-detail { background: rgba(15,25,35,0.4); border-color: var(--border); }
html.dark .server-icon { border-color: rgba(74,154,212,0.15); }
html.dark .server-icon.api { background: rgba(74,154,212,0.12); }
html.dark .server-icon.sfu { background: rgba(139,92,246,0.12); }
html.dark .uptime-bar { background: rgba(15,25,35,0.5); }
html.dark .last-check { background: var(--surface-alt); border-color: var(--border); }

/* Premium page */
html.dark .pricing-card,
html.dark .plan-card,
html.dark .compare-table,
html.dark .faq-item {
  background: var(--surface-alt);
  border-color: var(--border);
}
html.dark .pricing-card:hover,
html.dark .plan-card:hover { box-shadow: 0 12px 40px rgba(0,0,0,0.3); }
html.dark .compare-table th { background: rgba(15,25,35,0.5); }
html.dark .compare-table td { border-color: var(--border); }

/* Hakkimizda page */
html.dark .about-card,
html.dark .team-card,
html.dark .value-card,
html.dark .legal-section {
  background: var(--surface-alt);
  border-color: var(--border);
}
html.dark .section-content { background: var(--surface-alt); border-color: var(--border); }

/* Kayitol page */
html.dark .register-box,
html.dark .login-box {
  background: var(--surface-alt);
  border-color: var(--border);
  box-shadow: 0 4px 24px rgba(0,0,0,0.2);
}

/* Sifremi unuttum */
html.dark .reset-box,
html.dark .reset-card {
  background: var(--surface-alt);
  border-color: var(--border);
  box-shadow: 0 4px 24px rgba(0,0,0,0.2);
}

/* Generic white backgrounds override */
html.dark [style*="background: #fff"],
html.dark [style*="background:#fff"],
html.dark [style*="background: white"],
html.dark [style*="background:white"] {
  background: var(--surface-alt) !important;
}

/* Dark mode toggle button (desktop) */
.theme-toggle {
  display: flex; align-items: center; justify-content: center;
  width: 36px; height: 36px; border-radius: 8px;
  border: 1px solid var(--border); background: transparent;
  color: var(--text-dim); cursor: pointer; transition: all 0.25s;
  flex-shrink: 0;
}
.theme-toggle:hover { border-color: var(--accent); color: var(--accent); background: rgba(22,128,206,0.06); }
.theme-toggle .icon-sun { display: none; }
.theme-toggle .icon-moon { display: block; }
html.dark .theme-toggle .icon-sun { display: block; }
html.dark .theme-toggle .icon-moon { display: none; }

/* Mobile theme toggle */
.theme-toggle-mobile {
  display: flex; align-items: center; justify-content: center;
  width: 26px; height: 26px; border-radius: 6px;
  border: 1px solid var(--border); background: transparent;
  color: var(--text-dim); cursor: pointer; transition: all 0.25s;
  flex-shrink: 0; padding: 0;
}
.theme-toggle-mobile:hover { border-color: var(--accent); color: var(--accent); }
.theme-toggle-mobile .icon-sun { display: none; }
.theme-toggle-mobile .icon-moon { display: block; }
html.dark .theme-toggle-mobile .icon-sun { display: block; }
html.dark .theme-toggle-mobile .icon-moon { display: none; }

/* Responsive dark mode */
@media (max-width: 768px) {
  html.dark .nav { background: #0f1923; }
  html.dark .nav-links { background: #0f1923; box-shadow: 0 8px 32px rgba(0,0,0,0.4); }
}