/* Design system — Tourisme Bièvre Est */

:root {
    --brand-500: #48bb78;
    --brand-600: #38a169;
    --brand-700: #2f855a;
    --brand-800: #276749;
    --brand-900: #22543d;
}

body {
    font-family: 'Karla', ui-sans-serif, system-ui, -apple-system, sans-serif;
}

.font-display {
    font-family: 'Lora', Georgia, 'Times New Roman', serif;
}

/* Dégradé hero hérité de l'index d'origine */
.gradient-bg {
    background: linear-gradient(135deg, #38a169 0%, #48bb78 25%, #68d391 50%, #9ae6b4 75%, #c6f6d5 100%);
}

/* Motif pointillé du hero */
.hero-pattern {
    background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 1px, transparent 1px);
    background-size: 20px 20px;
}

/* Élévation des cartes au survol (hérité) */
.card-hover {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.card-hover:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* Menus déroulants de la navigation desktop */
.dropdown-menu {
    visibility: hidden;
    opacity: 0;
    transform: translateY(6px);
    transition: opacity 0.15s ease, transform 0.15s ease, visibility 0.15s;
}
.dropdown:hover .dropdown-menu,
.dropdown:focus-within .dropdown-menu {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

/* Apparition douce au scroll */
.reveal {
    opacity: 0;
    transform: translateY(16px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}
.reveal.visible {
    opacity: 1;
    transform: none;
}

@media (prefers-reduced-motion: reduce) {
    .reveal {
        opacity: 1;
        transform: none;
        transition: none;
    }
    .card-hover,
    .dropdown-menu {
        transition: none;
    }
}