Design Tokens

Generates design tokens in DTCG format following a three-tier architecture where primitives define raw values, semantics map them to purposes, and component tokens scope them to UI elements. Handles the full range of design properties: color palettes with OKLCH generation, typography scales, spacing, shadows, motion, and multi-brand theming. The implementation enforces contrast ratios at the palette level (4.5:1 for text, 3:1 for UI elements) and includes validation scripts to catch broken alias references. Useful when you're setting up a design system from scratch, extending an existing token set, or auditing token files for consistency. The dark mode logic lives at the semantic layer, which keeps primitives reusable across themes.