francy51
074c40416b
- Introduce comprehensive CSS variable token system with RGB color values for better opacity handling - Add terminal-based component variants (bg, border, text, spacing) - Implement hard-corner component language (border-radius: 0 globally enforced) - Add research-specific design tokens for workspace components - Introduce status-aware color tokens (info, success, error, warning) - Add Tailwind v4 integration with @theme inline configuration - Create new terminal components: TerminalBadge, TerminalCard, TerminalInput - Improve mobile responsiveness with touch-friendly targets (44px min) and better spacing - Enhance accessibility with improved focus states and keyboard navigation - Add comprehensive responsive breakpoints (xs, sm, md, lg) - Maintain backward compatibility with legacy CSS variable aliases - Update all existing components to use new design tokens This establishes a cohesive design foundation that unifies the terminal, research, and panel components under a single linear token system while maintaining the application's distinct technical aesthetic. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>