/* estilos.css - PALETA DE COLORES PERSONALIZADA */

/* 1. Fuente Global */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;800&display=swap');

body {
    font-family: 'Poppins', sans-serif !important;
    background-color: #F9E0AE !important; /* Tu color CREMA de fondo */
    color: #333; /* Texto gris oscuro para lectura fácil */
}

/* 2. REEMPLAZO DEL COLOR AZUL (PRIMARY) POR TU NARANJA */
.bg-primary {
    background-color: #C24914 !important; /* Barra navegación en CALDERA */
}

.text-primary {
    color: #C24914 !important; /* Textos destacados en CALDERA */
}

.btn-primary {
    background-color: #FC8621 !important; /* Botones en NARANJA */
    border-color: #FC8621 !important;
    color: #fff !important;
}

.btn-primary:hover {
    background-color: #C24914 !important; /* Al pasar el ratón se pone CALDERA */
    border-color: #C24914 !important;
}

/* 3. REEMPLAZO DE BOTONES CLAROS (LIGHT) */
.bg-light {
    background-color: #fff !important; /* Mantenemos blanco para tarjetas */
}

/* 4. AJUSTES PARA LOGIN Y TARJETAS */
.card, .card-login, .welcome-card {
    background-color: #fff !important; /* Tarjetas blancas para que destaquen sobre el crema */
    border: 1px solid #FC8621 !important; /* Borde naranja fino */
}

/* 5. ENLACES */
a {
    color: #C24914;
}
a:hover {
    color: #FC8621;
    text-decoration: none;
}

/* 6. CORRECCIONES ESPECÍFICAS */
.navbar-dark .navbar-brand {
    color: #fff !important;
}
.btn-outline-primary {
    color: #C24914 !important;
    border-color: #C24914 !important;
}
.btn-outline-primary:hover {
    background-color: #C24914 !important;
    color: #fff !important;
}