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

@layer utilities {
    .content-auto {
        content-visibility: auto;
    }
    .card-hover {
        @apply transition-all duration-300 hover:shadow-xl hover:-translate-y-1;
    }
    .btn-primary {
        @apply bg-primary text-white px-6 py-3 rounded-md font-medium transition-all duration-300 hover:bg-secondary hover:shadow-md;
    }
    .btn-secondary {
        @apply bg-white text-primary border border-primary px-6 py-3 rounded-md font-medium transition-all duration-300 hover:bg-neutral hover:shadow-md;
    }
}