@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;600;700&display=swap');

body {
    font-family: 'Titillium Web', sans-serif;
}

.accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
    opacity: 0;
}

.accordion-content.open {
    opacity: 1;
}

.accordion-content p {
    padding-top: 0.75rem;
    padding-bottom: 1.5rem;
}

/* Effets de survol subtils */
.hover-lift {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.hover-lift:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

.hover-scale {
    transition: transform 0.2s ease;
}

.hover-scale:hover {
    transform: scale(1.05);
}

.accordion-toggle {
    transition: background-color 0.2s ease;
}

.accordion-toggle:hover {
    background-color: #f9fafb;
}