/* public/css/custom-colors.css */

:root {
    --primary: #E31E24 !important;
    --secondary: #1B4332 !important;
}

/* --- COULEURS DE TEXTE --- */
.text-primary { color: #E31E24 !important; }
.text-secondary { color: #1B4332 !important; }

/* --- COULEURS D'ARRIÈRE-PLAN --- */
.bg-primary { background-color: #E31E24 !important; }
.bg-secondary { background-color: #1B4332 !important; }

/* --- BOUTONS PRINCIPAUX (Rouge #E31E24) --- */
.btn-primary, 
.site-button, 
.site-button-link {
    background-color: #1B4332 !important;
    border-color: #1B4332 !important;
    color: #ffffff !important;
}

.btn-primary:hover, 
.site-button:hover, 
.site-button-link:hover {
    background-color: #c21a1f !important; /* Rouge légèrement plus foncé au survol */
    border-color: #c21a1f !important;
    color: #ffffff !important;
}

/* Boutons outline */
.btn-outline-primary {
    color: #E31E24 !important;
    border-color: #E31E24 !important;
}
.btn-outline-primary:hover {
    background-color: #E31E24 !important;
    color: #fff !important;
}

/* --- BOUTONS SECONDAIRES (Vert #1B4332) --- */
.btn-secondary {
    background-color: #1B4332 !important;
    border-color: #1B4332 !important;
    color: #ffffff !important;
}

.btn-secondary:hover {
    background-color: #122e22 !important; /* Vert légèrement plus foncé au survol */
    border-color: #122e22 !important;
    color: #ffffff !important;
}

/* --- ÉLÉMENTS SPÉCIFIQUES AU TEMPLATE MEDICO --- */
/* Séparateurs */
.dez-separator.bg-primary { background-color: #E31E24 !important; }

/* Liens du menu au survol */
.header-nav .nav > li > a:hover, 
.header-nav .nav > li.active > a {
    color: #E31E24 !important;
}

/* Badges */
.badge-primary { background-color: #E31E24 !important; }
.badge-secondary { background-color: #1B4332 !important; }

/* Footer (si vous voulez que le bas de page soit vert foncé) */
.footer-bottom.bg-primary {
    background-color: #1B4332 !important;
}

/* Icônes de la barre de progression ou éléments actifs */
.custom-control-input:checked ~ .custom-control-label::before {
    background-color: #E31E24 !important;
    border-color: #E31E24 !important;
}

/* Focus des champs de formulaire */
.form-control:focus {
    border-color: #E31E24 !important;
    box-shadow: 0 0 0 0.2rem rgba(227, 30, 36, 0.25) !important;
}