@tailwind base;
@tailwind components;
@tailwind utilities;

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins-v20-latin-regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Animations */
.animate-fadeIn {
    opacity: 0;
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.animate-fadeInUp {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.animate-delay-100 {
    transition-delay: 0.1s;
}

.animate-delay-200 {
    transition-delay: 0.2s;
}

.opacity-100 {
    opacity: 1 !important;
}

.translate-y-0 {
    transform: translateY(0) !important;
}

/* Boutons */
.btn {
    @apply inline-flex items-center justify-center px-6 py-3 rounded-lg font-semibold transition-all duration-300;
}

.btn-primary {
    @apply bg-blue-600 text-white hover:bg-blue-700 hover:shadow-lg;
}

.btn-outline-white {
    @apply border-2 border-white text-white hover:bg-white hover:text-blue-600;
}

.btn-lg {
    @apply px-8 py-4 text-lg;
}

/* Navigation */
.nav-link {
    @apply relative text-gray-800 hover:text-blue-600 transition-colors duration-300;
}

.nav-link:after {
    @apply absolute bottom-0 left-0 w-0 h-0.5 bg-blue-600 transition-all duration-300;
    content: '';
}

.nav-link:hover:after {
    @apply w-full;
}

.nav-link.active {
    @apply text-blue-600;
}

.nav-link.active:after {
    @apply w-full;
}

.nav-link-mobile {
    @apply block py-2 text-gray-800 hover:text-blue-600 transition-colors duration-300;
}