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

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

.card {
    @apply shadow-lg rounded-lg bg-white transition-transform duration-300 hover:scale-105;
}

.btn-primary {
    @apply bg-blue-600 text-white font-semibold py-2 px-4 rounded-lg hover:bg-blue-700 transition-colors;
}

.alert {
    @apply p-4 rounded-lg mb-4 animate__animated animate__fadeIn;
}

.alert-success {
    @apply bg-green-100 text-green-700 border border-green-400;
}

.alert-danger {
    @apply bg-red-100 text-red-700 border border-red-400;
}

.carousel-item img {
    @apply w-full h-64 object-cover;
}