/* Custom tweaks on top of Tailwind CDN */
:root { color-scheme: light dark; }
html { scroll-behavior: smooth; }
.prose img { border-radius: 0.5rem; }
.badge { @apply inline-flex items-center px-2 py-0.5 text-xs rounded-full bg-zinc-800 text-zinc-100 dark:bg-zinc-700; }
.card { @apply rounded-2xl border border-zinc-200 dark:border-zinc-800 bg-white/70 dark:bg-zinc-900/60 shadow-sm; }
.navlink { @apply text-zinc-700 dark:text-zinc-300 hover:text-black dark:hover:text-white; }
.btn { @apply inline-flex items-center gap-2 px-4 py-2 rounded-xl font-medium border border-zinc-300 dark:border-zinc-700 hover:bg-zinc-50 dark:hover:bg-zinc-800; }
.hero-grad { background: radial-gradient(60% 80% at 50% 0%, rgba(245,197,24,0.25), transparent 60%), linear-gradient(180deg, rgba(245,197,24,0.06), transparent); }
footer a { @apply text-zinc-500 hover:text-zinc-900 dark:hover:text-white; }
.search-input { @apply w-full md:w-96 rounded-xl border border-zinc-300 dark:border-zinc-700 bg-white/60 dark:bg-zinc-900/60 px-4 py-2; }