@tailwind base;
@tailwind components;
@tailwind utilities;
@layer base { body { @apply bg-slate-50 text-slate-800 antialiased; } input,textarea,select { @apply rounded-lg border border-slate-300 bg-white px-3 py-2 w-full; } textarea { @apply min-h-32; } label { @apply block text-sm font-medium my-2; } h1 { @apply text-3xl font-bold tracking-tight; } h2 { @apply text-xl font-semibold; } }
@layer components { .btn { @apply inline-flex items-center justify-center rounded-lg bg-teal-700 px-4 py-2 text-white font-semibold hover:bg-teal-800 focus:ring-4 focus:ring-teal-200; } .card { @apply rounded-2xl border border-slate-200 bg-white p-6 shadow-sm; } .navlink { @apply text-sm text-slate-600 hover:text-teal-700; } }