Summary
- CSS-first design system framework for Tailwind v4 with tokens, components, and responsive patterns.
- Migrates configuration from tailwind.config.ts to CSS @theme blocks with native CSS variables, OKLCH color spaces, and @custom-variant for dark mode Provides production-ready component patterns including CVA-based variants, compound components, form controls, grids, and animations using native @keyframes and @starting-style Includes design token hierarchy (brand → semantic → component), responsive utilities like size-* shorthand, and accessibility-first patterns with ARIA attributes and focus states Covers v3-to-v4 migration with checklist, custom @utility directives, container queries, and color-mix() for alpha variants