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

@layer base {
    body { @apply bg-slate-50 text-slate-900 antialiased; }
}

@layer components {
    .vtu-card { @apply rounded-3xl bg-white p-5 shadow-sm ring-1 ring-slate-200/70; }
    .vtu-btn-primary { @apply inline-flex items-center justify-center rounded-2xl bg-slate-950 px-5 py-3 font-semibold text-white transition hover:bg-slate-800 disabled:cursor-not-allowed disabled:opacity-50; }
    .vtu-btn-secondary { @apply inline-flex items-center justify-center rounded-2xl border border-slate-200 bg-white px-5 py-3 font-semibold text-slate-900 transition hover:bg-slate-50; }
    .vtu-input { @apply w-full rounded-2xl border border-slate-200 bg-white px-4 py-3 outline-none transition focus:border-slate-400 focus:ring-4 focus:ring-slate-100; }
    .vtu-label { @apply mb-2 block text-sm font-semibold text-slate-700; }
}