@tailwind base; @tailwind components; @tailwind utilities;
:root{color-scheme:light} html{scroll-behavior:smooth} body{@apply bg-white text-ink antialiased} .container{@apply mx-auto max-w-7xl px-4 sm:px-6 lg:px-8}.eyebrow{@apply text-xs font-bold uppercase tracking-[.24em] text-brand}.section{@apply py-16 md:py-24}.field{@apply w-full rounded-xl border border-slate-200 bg-white px-4 py-3 text-sm outline-none transition focus:border-brand focus:ring-2 focus:ring-brand/20}.btn{@apply inline-flex items-center justify-center rounded-xl px-5 py-3 text-sm font-bold transition hover:-translate-y-0.5}.btn-primary{@apply btn bg-brand text-ink hover:bg-yellow-400}.btn-dark{@apply btn bg-ink text-white hover:bg-navy}.card{@apply rounded-2xl border border-slate-100 bg-white shadow-sm}.admin-label{@apply mb-1.5 block text-xs font-bold uppercase tracking-wider text-slate-500}