:root { color-scheme: dark; }

.theme-toggle {
  min-width: 82px;
  min-height: 38px;
  padding: 0 11px;
  border: 1px solid var(--line2);
  background: rgba(8, 16, 22, .78);
  color: var(--text);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  cursor: pointer;
  font: 700 9px var(--heading);
  letter-spacing: .8px;
  transition: border-color .2s, background .2s, color .2s;
}

.theme-toggle:hover { border-color: var(--orange); }
.theme-toggle span { color: var(--orange); font-size: 15px; line-height: 1; }

html[data-theme="light"] {
  color-scheme: light;
  --bg: #eef2f5;
  --bg2: #e4e9ed;
  --panel: #f8fafb;
  --panel2: #edf1f4;
  --line: #cbd4da;
  --line2: #b6c2ca;
  --text: #182128;
  --muted: #5e6b74;
}

html[data-theme="light"] body,
html[data-theme="light"] .panel-page,
html[data-theme="light"] .admin-page,
html[data-theme="light"] .checkout-page,
html[data-theme="light"] .configurator-page,
html[data-theme="light"] .auth-page {
  background: radial-gradient(circle at 16% 12%, rgba(255, 106, 0, .07), transparent 28%), #eef2f5;
  color: var(--text);
}

html[data-theme="light"] .site-header,
html[data-theme="light"] .panel-header {
  background: rgba(244, 247, 249, .9);
  border-color: var(--line);
}

html[data-theme="light"] .sidebar,
html[data-theme="light"] .admin-sidebar,
html[data-theme="light"] .mobile-nav.open,
html[data-theme="light"] .auth-form-wrap {
  background: #f5f7f9;
}

html[data-theme="light"] .games,
html[data-theme="light"] .hosting,
html[data-theme="light"] .infrastructure,
html[data-theme="light"] .platform {
  background: #eef2f5;
}

html[data-theme="light"] .game-card,
html[data-theme="light"] .plan,
html[data-theme="light"] .dashboard-preview,
html[data-theme="light"] .summary-grid article,
html[data-theme="light"] .server-focus,
html[data-theme="light"] .integration-card,
html[data-theme="light"] .admin-card,
html[data-theme="light"] .admin-summary article,
html[data-theme="light"] .config-card,
html[data-theme="light"] .quote-card,
html[data-theme="light"] .checkout-card,
html[data-theme="light"] .cta-box,
html[data-theme="light"] .auth-shell {
  background: linear-gradient(145deg, #ffffff, #edf1f4);
  border-color: var(--line);
  box-shadow: 0 22px 60px rgba(35, 47, 55, .12);
}

html[data-theme="light"] .infra-graphic {
  background: radial-gradient(circle at 30% 70%, rgba(0, 144, 255, .1), transparent 45%), #f7fafb;
}

html[data-theme="light"] .auth-art {
  background: radial-gradient(circle at 60% 35%, rgba(255, 106, 0, .1), transparent 35%), #e5eaee;
}

html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea,
html[data-theme="light"] .panel-search,
html[data-theme="light"] .resource-controls label,
html[data-theme="light"] .location-cards article,
html[data-theme="light"] .capacity-status,
html[data-theme="light"] .checkout-plan,
html[data-theme="light"] .theme-toggle {
  background: #fff;
  color: var(--text);
  border-color: var(--line2);
}

html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] .hero h1,
html[data-theme="light"] .section h2,
html[data-theme="light"] .logo,
html[data-theme="light"] .btn-dark,
html[data-theme="light"] .btn-glass {
  color: #172128;
}

html[data-theme="light"] .btn-dark,
html[data-theme="light"] .btn-glass { background: rgba(255, 255, 255, .78); }
html[data-theme="light"] .desktop-nav a:hover,
html[data-theme="light"] .checkout-back:hover { color: #11191f; }
html[data-theme="light"] .page-noise { opacity: .012; }
html[data-theme="light"] .map-grid { opacity: .65; }

@media (max-width: 900px) {
  .theme-toggle { min-width: 42px; padding: 0 9px; }
  .theme-toggle b { display: none; }
}