Tailwind CSS

Utility-first, responsive, dark/light themes, custom typography and a UI kit with cn() and cva.

1. 1Utility-first and layoutWhy utility classes, the scale, flex/grid and arbitrary values.
2. 2Responsive and statesMobile-first, hover/focus-visible, group/peer, aria-* and container queries.
3. 3Themes and design tokens@theme, semantic tokens, light/dark with CSS variables and a manual toggle.
4. 4Custom typographyFonts with next/font, the text scale as tokens and composed styles with @utility.
5. 5Components and variantsComponents instead of @apply, variants, cn/tailwind-merge, dynamic classes.
6. 6UI kit: Button, Input, cn()The shared/ui structure, cn with clsx + tailwind-merge, variants with cva, native props.