Design System Token Generator

Generate a design token system from these brand guidelines:

**Primary color:** [HEX_COLOR]
**Secondary color:** [HEX_COLOR]
**Brand personality:** [PERSONALITY — e.g., "professional and trustworthy", "playful and energetic"]
**Target platform:** [WEB_CSS_VARS / TAILWIND / BOTH]

Generate:
1. **Color palette** — primary, secondary, neutral, semantic (success, warning, error, info) with 10 shades each
2. **Typography scale** — font sizes, line heights, letter spacing, font weights
3. **Spacing scale** — consistent spacing tokens (4px base)
4. **Border radius** — small, medium, large, pill
5. **Shadow system** — elevation levels (sm, md, lg, xl)
6. **Breakpoints** — responsive design breakpoints
7. **Animation tokens** — duration, easing curves
8. **Dark mode variants** — automatic dark mode color mappings

Output as CSS custom properties AND Tailwind config.