/* Définition des variables de couleur */
:root {
    --footer-background-color: #000000; /* Gris très foncé pour le fond du footer */
    --primary-color-darker: #4d4d4d; /* Variante encore plus foncée du gris principal */
    
    --secondary-color: #000000; /* Gris moyen pour les éléments secondaires et background header */
    --primary-color: #333333; /* Gris clair principal */
    --primary-color2: #f5f5f5; /* */
    --primary-color3: #b7b7b7; /* */
    --primary-color4: #8f8f8f; /* */
    --logo-color: #f1ce1f; /* couleur du texte logo en haut à gauche */
    --logo-color-hover: #f1ce1f; /* couleur du texte logo hover en haut à gauche */
    --background-color1 : #121212;
    --background-color2 : #000000;

    --primary-color-backtop-hover: #666666; /* Variante foncée pour l'effet hover */

    
    --secondary-color-light: rgba(179, 179, 179, 0.95); /* Variante plus claire pour les éléments secondaires */
    --background-color: #f2f2f2; /* Fond gris très clair */



    --white: #ffffff; /* Blanc */
    --dark-overlay: rgba(0, 0, 0, 0.6); /* Overlay sombre sur photo hero accueil */
    --gray-dark: #333333; /* couleur du texte Gris foncé */
    --gray-light: #AAB0B5; /* Gris clair légèrement placeholder */
}