Core Components Design System Overview Use components from your core library instead of raw platform components. This ensures consistent styling and behavior. Design Tokens NEVER hard-code values. Always use design tokens. Spacing Tokens | Token | Value | |-------|-------| | | 4px | | | 8px | | | 12px | | | 16px | | | 24px | | | 32px | Color Tokens | Semantic Token | Use For | |----------------|---------| | | Main text | | | Supporting text | | | Disabled/hint text | | | Brand/accent color | | | Error states | | | Success states | Typography Tokens | Token | Size | |-------|------| | | 12px |…