UI Patterns

Required: Dark Mode Support

All UI components MUST support dark mode using Tailwind's class strategy.

// Always provide dark: variants
className="bg-white dark:bg-slate-900 text-slate-900 dark:text-white"

Color System

Brand Colors (Blue) - Primary actions

• brand-500 / brand-600 - Primary buttons, links
• brand-100 / dark:brand-900/30 - Highlighted backgrounds
• brand-700 / dark:brand-300 - Text on brand backgrounds