/* Estilos personalizados - Tema gestionado desde main/tema.json */
/* Los valores por defecto se usan como fallback si no hay tema cargado */

:root {
  --color-primario-base: rgb(229, 231, 235);
  --color-primario-hover: rgb(220, 220, 222);
  --color-primario-texto: black;

  --color-secundario-base: rgb(0 164 153);
  --color-secundario-hover: rgb(3 139 130);
  --color-secundario-texto: white;

  --color-peligro-base: #e71e1e;
  --color-peligro-hover: #eb3b3b;
  --color-peligro-texto: white;

  --color-titulo-fondo: rgb(0 164 153);
  --color-titulo-texto: white;

  --color-mensaje-texto: rgb(77, 138, 135);
  --color-mensaje-fondo: rgb(255, 246, 236);

  --color-cuerpo-fondo: rgb(124, 0, 0);
}

.body{
    background-color: var(--color-cuerpo-fondo);
}

/* BOTONES */
.btn-primary{
    --bs-btn-bg: var(--color-primario-base);
    --bs-btn-border-color: var(--color-primario-base);
    --bs-btn-hover-bg: var(--color-primario-hover);
    --bs-btn-hover-border-color: var(--color-primario-hover);
    --bs-btn-color: var(--color-primario-texto);
    --bs-btn-hover-color: var(--color-primario-texto);
}
.btn-secondary{
    --bs-btn-bg: var(--color-secundario-base);
    --bs-btn-border-color: var(--color-secundario-base);
    --bs-btn-hover-bg: var(--color-secundario-hover);
    --bs-btn-hover-color: var(--color-secundario-texto);
    --bs-btn-hover-border-color: var(--color-secundario-hover);
    --bs-btn-color: var(--color-secundario-texto);
}
.btn-danger{
    --bs-btn-bg: var(--color-peligro-base);
    --bs-btn-border-color: var(--color-peligro-base);
    --bs-btn-hover-bg: var(--color-peligro-hover);
    --bs-btn-hover-color: var(--color-peligro-texto);
    --bs-btn-hover-border-color: var(--color-peligro-hover);
    --bs-btn-color: var(--color-peligro-texto);
}

/* NAVEGACIÓN PRIMARIA (gris) */
.nav-link-primary, .nav-link-primary:visited, .nav-link-primary:active, .nav-link-primary:link{
    color: var(--color-primario-texto);
    background-color: var(--color-primario-base);
}

.nav-item .nav-link-primary:active,
.nav-item .nav-link-primary:focus,
.nav-link-primary:hover {
    color: var(--color-primario-texto);
    background-color: var(--color-primario-hover);
}

/* NAVEGACIÓN SECUNDARIA (verde) */
.nav-link-secondary, .nav-link-secondary:visited, .nav-link-secondary:active, .nav-link-secondary:link{
    color: var(--color-secundario-texto);
    background-color: var(--color-secundario-base);
}

.nav-item .nav-link-secondary:active,
.nav-item .nav-link-secondary:focus,
.nav-link-secondary:hover{
    color: var(--color-secundario-texto);
    background-color: var(--color-secundario-hover);
}

/* TÍTULO */
.titulo{
    background-color: var(--color-titulo-fondo);
    color: var(--color-titulo-texto);
}

/* ASTERICKS DE CRISPY */
.asteriskField {
    display: none;
}

/* MENSAJES */
.mensaje{
    color: var(--color-mensaje-texto);
    background-color: var(--color-mensaje-fondo);
    text-align: center;
}