/* Couleurs personnalisées - Navy Blue Theme */
:root {
    --navy-dark: #1c2738;
    --navy-medium: #243447;
    --navy-light: #2d3e54;
    --navy-lighter: #354a63;
    --accent-yellow: #fbbf24;
    --accent-red: #dc2626;
}

/* Hero Section avec le bleu navy */
.hero-section {
    background: linear-gradient(135deg, var(--navy-dark) 0%, var(--navy-medium) 30%, var(--navy-light) 60%, var(--navy-lighter) 100%);
}

/* S'assurer que les images se chargent correctement */
img[src*="youssef-mimouni.jpg"] {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* Amélioration de l'affichage mobile des images */
@media (max-width: 1024px) {
    .hero-section img {
        max-width: 320px;
        margin: 0 auto;
    }
}

/* Effet glow sur les badges */
.badge-glow {
    box-shadow: 0 0 20px rgba(251, 191, 36, 0.5);
}

/* Animation pulse pour le badge disponible */
@keyframes pulse-green {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.8;
        transform: scale(1.1);
    }
}

.animate-pulse {
    animation: pulse-green 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* Sections avec fond navy */
.section-navy {
    background: linear-gradient(135deg, #1c2738 0%, #243447 50%, #2d3e54 100%);
}

.section-navy-dark {
    background: linear-gradient(135deg, #0f172a 0%, #1c2738 50%, #243447 100%);
}