Design Token Naming & Structure

Design a token naming system for {{design_system_name}} covering:

1. Color tokens:
   - Semantic names (primary, success, danger, warning)
   - Opacity variants (50, 100, 200... 900)
   - Dark mode pairings

2. Typography tokens:
   - Family, weight, size, line-height, letter-spacing
   - Naming: {{typography_hierarchy}} (e.g., display, heading, body, caption)

3. Spacing tokens:
   - Scale 0–12 (e.g., 4px base = xs, sm, md, lg, xl, 2xl...)

4. Shadow tokens:
   - Elevation levels (subtle, base, emphasis)
   - Light/dark mode variants

5. Export format:
   - JSON structure with grouping
   - CSS custom properties (--token-name)
   - Design tool integration (Figma, Tokens Studio)

Provide naming rationale and conflict-prevention rules.