/* Variables couleur spécifiques à la Galerie */
:root {
    --primary-blue: #4A90E2;
    --secondary-yellow: #FFD700;
}

/* Police et scroll doux (si tu ne le veux que sur la galerie) */
body.gallery {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    scroll-behavior: smooth;
}

/* Cartes projets */
.project-card { transition: all .3s ease; }
.project-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,.15);
}

/* Modale */
.modal {
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
}
.modal.active {
    opacity: 1;
    visibility: visible;
}
.modal-content {
    transform: scale(.9) translateY(-20px);
    transition: transform .3s ease;
}
.modal.active .modal-content {
    transform: scale(1) translateY(0);
}
body.modal-open { overflow: hidden; }

/* Swiper dédié galerie */
.project-swiper { width: 100%; height: 100%; }
.swiper, .swiper-wrapper, .swiper-slide { height: 100%; }
.swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}