## Guardrails
Do
- Use colors.text-primary for headings and key metrics, and colors.text-secondary for supporting content.
- Apply spacing.* tokens consistently; avoid introducing custom spacing values.
- Use colors.primary only for primary actions, selected states, and focus indicators.
- Build all typography from the defined typography.* tokens.
- Use radius.md for controls and radius.lg for surfaces and cards.
Don't
- Don't use colors.primary for decorative backgrounds or large surfaces.
- Don't replace surface tokens with arbitrary gray values.
- Don't mix radius.sm, radius.md, and radius.lg within the same component.
- Don't hardcode font sizes, spacing, or colors outside the token system.
- Don't communicate state using success, warning, or danger colors without supporting text or icons.