## DOCUMENTATION: Design Tokens and Brand Reference

[OSEH-svg]

Description
Colour values, typography scales, shadow styles, and spacing tokens are scattered across Tailwind config and individual components. There is no single reference for contributors making UI decisions.

Tasks

• Create apps/web/docs/DESIGN_TOKENS.md.
• Document: colour palette (primary, background, accent, error, success), typography scale (font families, sizes, weights), border and shadow styles, and spacing conventions.
• Include hex values and their corresponding Tailwind class names.
• Reference the Figma file where applicable.
  Acceptance Criteria
• A contributor can determine the correct colour, font, or shadow for any new component without opening Figma.