Style with these patterns:
cn() merges classes — cn("base", variant === "primary" && "bg-blue-500", className)
semantic tokens — brand-500 over blue-500, define in tailwind.config
Mobile-first — grid-cols-1 md:grid-cols-2 lg:grid-cols-3(not max-md)
Dark mode — bg-white dark:bg-gray-950(with darkMode: "class"）
Common layouts: centered content mx-auto max-w-7xl px-4, sticky header sticky top-0 z-50 backdrop-blur, card grid grid gap-4 sm:grid-cols-2 lg:grid-cols-3