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

/* Custom animations */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.animate-fade-in {
    animation: fadeIn 0.5s ease-out forwards;
}

/* Custom components */
.btn-purple {
    @apply bg-purple-600 text-white px-6 py-3 rounded-lg font-medium hover:bg-purple-700 transition duration-300;
}

.card-hover {
    @apply transition duration-300 transform hover:-translate-y-1;
}

/* Smooth scroll */
html {
    scroll-behavior: smooth;
}

/* Accessibility focus styles */
button:focus, a:focus {
    @apply outline-none ring-2 ring-purple-500 ring-opacity-50;
}

/* Custom typography */
h1, h2, h3, h4 {
    @apply font-bold text-gray-800;
}

p {
    @apply text-gray-600;
}