/* colors.css
 *
 * C'est ici qu'on défini les couleurs principales du site
 * (ça se répercute ensuite dans d'autres feuilles de style CSS)
 *
 * bg --> background (arrière-plan)
 * fg --> forground (premier-plan)
 */

:root {
    /* Couleurs de l'en-tête / pied-de-page */
    --bg-primary: green;
    --fg-primary: white;

    /* Couleurs des foyers ruraux */
    --bg-saint_etienne: orange;
    --fg-saint_etienne: white;
    
    --bg-sainte_croix: lightblue;
    --fg-sainte_croix: black;
    
    --bg-saint_martin: lightgreen;
    --fg-saint_martin: black;
    
    --bg-saint_germain: purple;
    --fg-saint_germain: white;
}


.saint_germain {
    background-color: var(--bg-saint_germain) !important;
    color: var(--fg-saint_germain) !important;
}

.sainte_croix {
    background-color: var(--bg-sainte_croix) !important;
    color: var(--fg-sainte_croix) !important;
}

.saint_martin {
    background-color: var(--bg-saint_martin) !important;
    color: var(--fg-saint_martin) !important;
}

.saint_etienne {
    background-color: var(--bg-saint_etienne) !important;
    color: var(--fg-saint_etienne) !important;
}