Token Architecture -- Multi-Tier Design Token System

A structured approach to design tokens that scales across platforms, themes, and teams. Tokens are the single source of truth connecting Figma variables, CSS custom properties, Tailwind config, and native platform code.

The Three-Tier Model

Tier 1: Global Tokens (primitives)
  --blue-500: #3b82f6
  --space-4: 1rem
  --radius-md: 8px

Tier 2: Alias Tokens (semantic)
  --color-primary: var(--blue-500)
  --spacing-component: var(--space-4)
  --radius-default: var(--radius-md)