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

@layer components {
    .nav-link {
        @apply text-gray-600 hover:text-primary transition-colors duration-200;
    }

    .gradient-text {
        @apply bg-clip-text text-transparent bg-gradient-to-r from-primary to-secondary;
    }

    .btn-primary {
        @apply px-6 py-3 bg-gradient-to-r from-primary to-secondary text-white rounded-lg 
        hover:from-primary-dark hover:to-secondary-dark transition-all duration-200 
        shadow-md hover:shadow-lg;
    }

    .section-title {
        @apply text-4xl font-bold mb-8 text-center;
    }

    .card {
        @apply bg-white rounded-xl shadow-md hover:shadow-xl transition-shadow duration-200 
        overflow-hidden;
    }
}