/*
 * Preflight neutro hasta que ThemeLoader aplique variables desde themes/*.json
 * (sin palette de marca aquí; el theme viene solo del JSON).
 */
/*
 * Antes de aplicar el theme, las utilities usan var(--*) aún vacías: evita acentos “primary”
 * y el logo naranja del HTML estático. theme-ready la pone ThemeLoader al terminar applyTheme.
 */
html:not(.theme-ready) .text-brand-split-inner,
html:not(.theme-ready) .text-brand-split-outer {
  color: #a3a3a3 !important;
}
html:not(.theme-ready) #remember {
  accent-color: #737373 !important;
}
html:not(.theme-ready) #loginSubmitBtn {
  background-color: #404040 !important;
  color: #f5f5f5 !important;
}

body {
  margin: 0;
  padding: 0;
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  background-color: #0a0a0a;
  color: #fafafa;
}

/* Animación de spinner */
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.animate-spin {
  animation: spin 1s linear infinite;
}