/*
 * brand.css — Tema login MSSPRD para Huly
 * Inyectado por huly-nginx sub_filter (ADR-NODE-B-007).
 * NO depende de clases Svelte con hash: usa variables de tema de Huly
 * (--theme-* / --primary-button-*) y selectores estructurales estables.
 * Si tras un upgrade el tema no aplica, verificar si Huly renombró las
 * variables de tema (riesgo R1 declarado en ADR-NODE-B-007).
 */

/* ── Variables de tema (Huly las lee al montar el SPA) ─────────────────────── */
:root,
.theme-dark {
  --theme-bg-color:          #0D0D0D;
  --theme-back-color:        #0D0D0D;
  --theme-statusbar-color:   #140303;
  --theme-button-default:    #BF0606;
  --theme-button-hovered:    #8C0303;
  --primary-button-default:  #BF0606;
  --primary-button-hovered:  #8C0303;
  --primary-button-color:    #FFFFFF;
  --theme-link-color:        #F20505;
}

/* ── Fondo de la pantalla de bienvenida/login con halo rojo ─────────────────── */
body,
#app {
  background: radial-gradient(
    120% 90% at 50% 0%,
    #2a0606 0%,
    #140303 45%,
    #0D0D0D 100%
  ) !important;
}

/* ── Ocultar la ilustración de fondo azul de Huly (img.back-image) ───────────── */
/* Es un IMG a pantalla completa (/img/*.png) que tapa el gradiente del body.      */
img.back-image,
.back-image {
  display: none !important;
}

/* ── Tarjeta del login (panel) — quitar el índigo rgba(45,50,160) de Huly ───── */
/* Huly v0.7.x: la tarjeta es div.panel-base.panel.white con fondo índigo.        */
.panel-base.panel,
.panel-base.panel.white {
  background:  rgba(255, 255, 255, 0.05) !important;
  border:      1px solid rgba(242, 5, 5, 0.22) !important;
  box-shadow:  0 10px 40px rgba(0, 0, 0, 0.5) !important;
}
/* El índigo real lo pintan los pseudo-elementos del panel (::after radial índigo
   rgb(49,61,..) + ::before brillo cónico). Neutralizarlos deja la tarjeta limpia. */
.panel-base.panel::before,
.panel-base.panel::after {
  background: none !important;
}

/* ── Botón primario del login (Recuperar / Iniciar sesión) ──────────────────── */
/* Huly v0.7.x: el botón de login usa .antiButton.contrast, no .primary         */
button[type="submit"],
.antiButton.primary,
.antiButton.contrast {
  background:   #BF0606 !important;
  border-color: #BF0606 !important;
  color:        #fff    !important;
  box-shadow:   0 3px 14px rgba(191, 6, 6, 0.45);
}
button[type="submit"]:hover,
.antiButton.primary:hover,
.antiButton.contrast:hover {
  background: #8C0303 !important;
}

/* ── Enlaces del login (Iniciar sesión / Registrarse) ───────────────────────── */
a,
.link,
.over-underline {
  color: #F20505 !important;
}

/* ── Wordmark/título del producto en el login ───────────────────────────────── */
.login-form h1,
.form-title,
.title {
  color: #fff !important;
}