/* Estilos para selector de apariencia Puntilla */
/* Compact single theme toggle button */
/* Theme selector styling to match other menu items */
.user-pref-theme-selector.header-user-action-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.theme-toggle-icon {
  font-size: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* Temas base para body */
.theme-light {
  --puntilla-bg-main: #fff;
  --puntilla-text-main: #222;
}
.theme-dark {
  --puntilla-bg-main: hsl(212, 18%, 14%); /* Labelcamp exact match: #1F2023 */
  --puntilla-text-main: #fff;
}
.main-content.theme-light {
  background: var(--puntilla-bg-main);
  color: var(--puntilla-text-main);
}
.main-content.theme-dark {
  background: var(--puntilla-bg-main);
  color: var(--puntilla-text-main);
}