:root {
    /* Couleurs extraites du logo EDUPAIE */
    --primary-color: #2D7A42;    /* Vert forêt (principal) */
    --accent-color: #4CAF50;     /* Vert vif (boutons et accents) */
    --secondary-color: #6c757d;
    --bg-light: #f4f9f5;         /* Fond très légèrement teinté vert */
    --dark-blue: #1a2e20;
}

body {
    font-family: 'Inter', sans-serif;
    color: #333;
    background-color: #ffffff;
}

.hero-section {
    padding: 100px 0;
    /* Dégradé subtil allant vers le vert clair de la marque */
    background: linear-gradient(135deg, #ffffff 0%, #e8f5e9 100%);
}

.text-primary {
    color: var(--primary-color) !important;
}

.btn-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.btn-primary:hover {
    background-color: var(--accent-color);
    border-color: var(--accent-color);
}

.navbar-brand img {
    height: 40px; /* Taille optimisée pour le logo dans la barre de navigation */
}

.nav-link:hover {
    color: var(--accent-color) !important;
}

.hover-shadow:hover {
    box-shadow: 0 1rem 3rem rgba(45, 122, 66, 0.15) !important;
    transform: translateY(-5px);
}

.hero-img-container img {
    max-width: 100%;
    height: auto;
    /* Optionnel : petite animation de flottement pour le dynamisme */
    animation: floating 3s ease-in-out infinite;
}

@keyframes floating {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-15px); }
    100% { transform: translateY(0px); }
}



/* ... reste du fichier inchangé ... */