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

/* Custom styles using @apply */
.btn-primary {
    @apply bg-primary text-white px-6 py-3 rounded-button font-medium hover:bg-primary/80 transition;
}

.btn-secondary {
    @apply bg-white text-primary px-6 py-3 rounded-button font-medium hover:bg-gray-100 transition;
}

.hero-overlay {
    @apply absolute inset-0 bg-gradient-to-r from-primary/80 to-transparent;
}

.stat-card {
    @apply bg-white rounded-lg shadow-lg p-6 border border-gray-100 transform hover:-translate-y-1 transition duration-300 cursor-pointer text-center;
}

.stat-icon {
    @apply w-16 h-16 mx-auto bg-primary/10 rounded-full flex items-center justify-center mb-4 text-primary text-2xl;
}

.stat-value {
    @apply text-3xl font-bold text-primary mb-2;
}

.stat-label {
    @apply text-gray-600;
}