styling-react-with-tailwind

References:

• Guide - details on token system and patterns

Overview

This codebase uses:

• Tailwind CSS with semantic design tokens via tw-colors plugin
• tailwind-variants (tv()) for type-safe variant styling
• Rose Pine color palette (light: Dawn, dark: Moon)

Token System

Color Token Pattern

{property}-{category}-{semantic}