/* =================================================
   LOGIN STUDIO · THEME FIX
   Sobrescribe los colores fijos del rediseño anterior
   ================================================= */

/* MODO OSCURO */

html[data-wm-login-theme="dark"] body.wm-studio-active {
  --login-card: #171719;
  --login-text: #f6f6f7;
  --login-muted: #aaaab1;
  --login-field: #222226;
  --login-border: #45454b;
  --login-accent: #e5332d;
  --login-input-text: #ffffff;
  color-scheme: dark;
}

/* MODO CLARO */

html[data-wm-login-theme="light"] body.wm-studio-active {
  --login-card: #f7f7f5;
  --login-text: #171719;
  --login-muted: #606068;
  --login-field: #ffffff;
  --login-border: #c8c8cc;
  --login-accent: #dc302b;
  --login-input-text: #171719;
  color-scheme: light;
}

/* Tarjeta */

html[data-wm-login-theme] body.wm-studio-active #wm-studio-card {
  background: var(--login-card) !important;
  color: var(--login-text) !important;
  border-color: var(--login-border) !important;
  color-scheme: inherit !important;
  transition:
    background 180ms ease,
    color 180ms ease,
    border-color 180ms ease !important;
}

/* Textos */

html[data-wm-login-theme] body.wm-studio-active
#wm-studio-card :is(h1,h2,h3,h4,label,strong) {
  color: var(--login-text) !important;
}

html[data-wm-login-theme] body.wm-studio-active
#wm-studio-card :is(p,small) {
  color: var(--login-muted) !important;
}

/* Eliminar tarjeta oscura interna forzada */

html[data-wm-login-theme] body.wm-studio-active
#wm-studio-card form {
  background: transparent !important;
  border-color: transparent !important;
  color: var(--login-text) !important;
}

/* Campos legibles y sin fondo amarillo de autocompletado */

html[data-wm-login-theme] body.wm-studio-active
#wm-studio-card input:not([type="checkbox"]):not([type="radio"]) {
  background: var(--login-field) !important;
  background-color: var(--login-field) !important;
  color: var(--login-input-text) !important;
  -webkit-text-fill-color: var(--login-input-text) !important;
  border: 1px solid var(--login-border) !important;
  box-shadow: inset 0 0 0 100px var(--login-field) !important;
  caret-color: var(--login-input-text) !important;
  color-scheme: inherit !important;
}

html[data-wm-login-theme] body.wm-studio-active
#wm-studio-card input::placeholder {
  color: var(--login-muted) !important;
  opacity: 1;
}

/* Contenedores de iconos y entradas */

html[data-wm-login-theme] body.wm-studio-active
#wm-studio-card .wm-login-motion-form {
  background: transparent !important;
  color: var(--login-text) !important;
}

/* Botón principal */

html[data-wm-login-theme] body.wm-studio-active
#wm-studio-card button[type="submit"] {
  background: var(--login-accent) !important;
  border-color: var(--login-accent) !important;
  color: #ffffff !important;
}

/* Botón cambiar tema: contrastado en ambos modos */

html[data-wm-login-theme] body.wm-studio-active
#wm-studio-card button:not([type="submit"]) {
  color: var(--login-text);
  border-color: var(--login-border);
}

/* Animaciones respetan accesibilidad */

@media (prefers-reduced-motion: reduce) {
  html[data-wm-login-theme] body.wm-studio-active
  #wm-studio-card {
    transition: none !important;
  }
}