/* Tema global SexyHot — tokens e botão */
html[data-theme="light"] {
  color-scheme: light;
}
html[data-theme="dark"] {
  color-scheme: dark;
}

.theme-toggle {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  border: 1px solid var(--line, rgba(255,255,255,.12));
  display: inline-grid;
  place-items: center;
  color: var(--text, #f4f5f7);
  background: var(--bg-elevated, var(--panel, #191b20));
  cursor: pointer;
  transition: transform .15s ease, border-color .2s, color .2s, background .2s;
  flex-shrink: 0;
}
.theme-toggle:hover {
  border-color: var(--pink, #ff3d91);
  color: var(--pink, #ff3d91);
  transform: translateY(-1px);
}
.theme-toggle:active { transform: scale(.96); }
.theme-toggle svg { width: 18px; height: 18px; display: block; }

/* Overrides genéricos para páginas com :root dark clássico */
html[data-theme="light"] body {
  background: var(--bg, #f4f5f7);
  color: var(--text, #12141a);
}