/* ── TÉMA-KAPCSOLÓ (Világos / Sötét) ────────────────
   A nyelvváltó (lang-switch, css/i18n.css) mintájára, de a bal felső
   sarokba helyezve, hogy mobilon ne zsúfolódjon össze a két kapcsoló. */

.theme-switch {
  position: fixed;
  top: 12px;
  left: 12px;
  z-index: 9998;
  display: flex;
  gap: 2px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 999px;
  padding: 3px;
  box-shadow: var(--shadow);
}

.theme-switch button {
  background: transparent;
  border: none;
  color: var(--text-muted);
  font-size: 15px;
  line-height: 1;
  padding: 7px 10px;
  border-radius: 999px;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}

.theme-switch button:hover { color: var(--text); }

.theme-switch button.is-active {
  background: var(--accent-soft);
  color: var(--accent);
}

@media (max-width: 560px) {
  .theme-switch { top: 8px; left: 8px; }
  .theme-switch button { padding: 6px 9px; font-size: 13px; }
}