/**
 * Le Tour de Moi - Animations
 * Transitions et animations standards du projet.
 */

/* --- Transitions de base --- */

.transition-fast {
    transition: all var(--transition-fast);
}

.transition-base,
a,
button {
    transition: all var(--transition-base);
}

.transition-slow {
    transition: all var(--transition-slow);
}

/* --- Animations d'entrée --- */

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fade {
    animation: fadeIn var(--transition-base) forwards;
}

.fade-up {
    animation: fadeUp var(--transition-base) forwards;
}

/* --- Hover Effects --- */

.hover-lift:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-lg);
}

.hover-opacity:hover {
    opacity: 0.8;
}