:root { 
            --aea-green: #198754; 
            --aea-dark: #0a4d2e; 
            --vert-citron: #32CD32; 
            --bleu-ciel: #87CEEB; 
        }
        body { font-family: 'Poppins', sans-serif; }
        
        /* Barre de contact supérieure */
        .top-bar { background: var(--aea-dark); color: white; padding: 10px 0; font-size: 14px; }
        .top-bar a { color: white; text-decoration: none; margin-left: 15px; }
        .top-bar i { color: var(--vert-citron); margin-right: 5px; }

        /* Style de la Navbar avec Icônes */
        .navbar-brand { font-weight: 700; color: var(--aea-green) !important; font-size: 24px; }
        .nav-link { 
            font-weight: 600; 
            color: #333 !important; 
            text-transform: uppercase; 
            font-size: 12px; 
            transition: 0.3s;
            display: flex;
            align-items: center;
        }
        .nav-link i { 
            margin-right: 8px; 
            color: var(--aea-green); 
            font-size: 14px;
        }
        .nav-link:hover { color: var(--vert-citron) !important; }
        .nav-link:hover i { color: var(--vert-citron); }

        /* Dropdown style */
        .dropdown-item { font-size: 13px; font-weight: 500; padding: 10px 20px; }
        .dropdown-item i { margin-right: 10px; width: 20px; text-align: center; color: var(--bleu-ciel); }
        .dropdown-item:hover { background-color: var(--bleu-ciel); color: white; }
        .dropdown-item:hover i { color: white; }

        /* Carrousel et Sections */
        .carousel-item { height: 80vh; min-height: 400px; background-size: cover; background-position: center; }
        .carousel-caption { background: rgba(0,0,0,0.6); padding: 40px; border-radius: 20px; bottom: 20%; border-bottom: 5px solid var(--vert-citron); }
        
        .mission-icon {
            width: 80px; height: 80px;
            display: flex; align-items: center; justify-content: center;
            border-radius: 50%; margin: 0 auto 20px;
            font-size: 30px; color: white;
            transition: 0.3s;
        }
        .bg-citron { background-color: var(--vert-citron); box-shadow: 0 4px 15px rgba(50, 205, 50, 0.3); }
        .bg-bleu { background-color: var(--bleu-ciel); box-shadow: 0 4px 15px rgba(135, 206, 235, 0.3); }
        
        .card-mission { border: none; transition: 0.3s; padding: 20px; border-radius: 15px; }
        .card-mission:hover { transform: translateY(-10px); }

        .btn-don { background-color: var(--vert-citron); color: white !important; font-weight: 700; border: none; }
        .btn-don:hover { background-color: var(--aea-green); transform: scale(1.05); }