/* ===========================================
   Charte graphique Nanterre Fierté(s) - Samia Kasmi
   Municipales 2026
   =========================================== */

/* --- Import des polices --- */
@import url('https://fonts.googleapis.com/css2?family=Antonio:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap');

/* --- Variables CSS --- */
:root {
    --forest: #4F734A;
    --forest-dark: #0E2603;
    --forest-medium: #3d5a38;
    --gold: #E9B45A;
    --gold-light: #EFD6AE;
    --cyan: #61FFD0;
    --cream: #EBEBEB;
    --beige: #E6DDCE;
    --charcoal: #212328;
    --charcoal-light: #31373D;
    --white: #FFFFFF;
}

/* --- Palette principale --- */

/* Vert forêt - couleur principale */
.bg-khaki-dark {
    background-color: var(--forest-dark);
}

.bg-khaki-darker {
    background-color: var(--forest-dark);
}

.text-khaki-dark {
    color: var(--forest-dark);
}

/* Vert forêt moyen */
.bg-khaki {
    background-color: var(--forest);
}

.bg-khaki-medium {
    background-color: var(--forest-medium);
}

.text-khaki {
    color: var(--forest);
}

.text-khaki-medium {
    color: var(--forest-medium);
}

/* Tons clairs */
.bg-khaki-light {
    background-color: var(--beige);
}

.bg-khaki-lighter {
    background-color: var(--gold-light);
}

.text-khaki-light {
    color: var(--beige);
}

.text-khaki-lighter {
    color: var(--gold-light);
}

/* Fond crème */
.bg-cream {
    background-color: #f7f5f0;
}

.bg-beige {
    background-color: var(--beige);
}

.text-cream {
    color: #f7f5f0;
}

.text-beige {
    color: var(--beige);
}

/* Or / Accent */
.bg-gold {
    background-color: var(--gold);
}

.text-gold {
    color: var(--gold);
}

.bg-gold-light {
    background-color: var(--gold-light);
}

.text-gold-light {
    color: var(--gold-light);
}

/* Charcoal / Sombre */
.bg-charcoal {
    background-color: var(--charcoal);
}

.bg-charcoal-light {
    background-color: var(--charcoal-light);
}

.text-charcoal {
    color: var(--charcoal);
}

/* Bordures */
.border-khaki {
    border-color: var(--forest);
}

.border-khaki-light {
    border-color: var(--beige);
}

.border-khaki-dark {
    border-color: var(--forest-dark);
}

.border-gold {
    border-color: var(--gold);
}

/* Hovers */
.hover\:bg-khaki:hover {
    background-color: var(--forest);
}

.hover\:bg-khaki-medium:hover {
    background-color: var(--forest-medium);
}

.hover\:bg-khaki-dark:hover {
    background-color: var(--forest-dark);
}

.hover\:bg-khaki-light:hover {
    background-color: var(--beige);
}

.hover\:text-khaki-light:hover {
    color: var(--gold-light);
}

.hover\:border-khaki:hover {
    border-color: var(--forest);
}

/* --- Typographie --- */
.font-antonio {
    font-family: 'Antonio', sans-serif;
}

.font-inter {
    font-family: 'Inter', sans-serif;
}

body {
    font-family: 'Inter', sans-serif;
}

/* --- Utilitaires Nanterre Fierté(s) --- */
.gradient-forest {
    background: linear-gradient(45deg, var(--forest-dark), var(--forest));
}

.gradient-gold {
    background: linear-gradient(45deg, var(--gold), var(--gold-light));
}

/* Anciennes couleurs (conservées pour compatibilité) */
.text-tej-green {
    color: var(--forest);
}

.bg-tej-green {
    background-color: var(--forest);
}

.text-tej-red {
    color: #de6449;
}

.text-tej-orange {
    color: var(--gold);
}