/* Variables CSS pour la trame de couleur du site (vert foncé + noir) */
:root {
    /* Couleurs principales */
    --primary-color: rgb(28, 68, 50);      /* Vert foncé - boutons, titres, accents */
    --secondary-color: #050505;    /* Blanc - fond général, barres principales */
    --background-light: #10251d;   /* Gris très foncé - fond des sections */

    /* Variables de compatibilité avec l'ancien code */
    --white-color: #ffffff;       /* Blanc pur */
    --gray-light: #f0f0f0;        /* Gris très clair (utile si tu mixes avec du clair) */
    --gray-medium: #6C757D;       /* Gris moyen - textes secondaires si besoin */

    /* Couleurs d'accent */
    --accent-1: #26994d;           /* Vert vif - hover, liens, CTA secondaires */
    --accent-2: #A3B18A;           /* Vert olive clair - hover doux, icônes secondaires */

    /* Couleurs de texte */
    --text-dark: #050505;          /* Gris clair - texte standard sur fond foncé */
    --text-light: #FAFAFA;         /* Blanc cassé - pour titres ou texte sur vert */

    /* Couleurs fonctionnelles */
    --link-color: #22C55E;         /* Vert vif - pour liens */

    /* Couleurs d'états */
    --success-bg: #1C4532;         /* Fond des messages de succès */
    --success-text: #A7F3D0;       /* Texte des messages de succès */
    --error-bg: #f6d5d8;           /* Fond des messages d’erreur */
    --error-text: #922029;         /* Texte des messages d’erreur */
    --warning-bg: #d3c3ba;         /* Fond des messages d’avertissement */
    --warning-text: #FCD34D;       /* Texte des messages d’avertissement */
    --info-bg: #1E3A8A;            /* Fond des messages d'information */
    --info-text: #BFDBFE;          /* Texte des messages d'information */

    /* Éléments d'interface */
    --border-color: #2A2A2A;       /* Couleur de bordure standard */
    --border-radius: 8px;          /* Rayon de bordure par défaut */
    --box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); /* Ombre plus forte pour fond sombre */

    /* Dérivés des couleurs principales (pour les hovers) */
    --primary-dark: #1e1e1e;       /* Version plus sombre du vert principal */
    --primary-light: #1c4532;      /* Version plus claire du vert principal */
    --secondary-dark: #ffffff;     /* Noir total */
    --secondary-light: #1A1A1A;    /* Noir légèrement éclairci */
    --link-hover: #16A34A;         /* Couleur des liens au survol */
}

/* Classes utilitaires pour les couleurs de fond */
.bg-primary { background-color: var(--primary-color) !important; }
.bg-secondary { background-color: var(--secondary-color) !important; }
.bg-light { background-color: var(--background-light) !important; }
.bg-accent-1 { background-color: var(--accent-1) !important; }
.bg-accent-2 { background-color: var(--accent-2) !important; }

/* Classes utilitaires pour les couleurs de texte */
.text-primary { color: var(--primary-color) !important; }
.text-secondary { color: var(--secondary-color) !important; }
.text-light { color: var(--text-light) !important; }
.text-dark { color: var(--text-dark) !important; }
.text-accent-1 { color: var(--accent-1) !important; }
.text-accent-2 { color: var(--accent-2) !important; }
.text-link { color: var(--link-color) !important; }

/* Classes pour les bordures */
.border-primary { border-color: var(--primary-color) !important; }
.border-secondary { border-color: var(--secondary-color) !important; }
.border-accent-1 { border-color: var(--accent-1) !important; }
.border-accent-2 { border-color: var(--accent-2) !important; }