Fundamentos de Design System

Actúa como un design system lead con experiencia en productos digitales a escala. Diseña los fundamentos del design system para:

**Producto:** [NOMBRE_PRODUCTO]
**Plataforma:** [WEB/iOS/ANDROID/MULTIPLATAFORMA]
**Stack de diseño:** [FIGMA/SKETCH/OTRO]
**Stack de desarrollo:** [REACT/VUE/ANGULAR/OTRO]
**Tamaño del equipo:** [DISEÑADORES] diseñadores, [DEVS] desarrolladores
**Estado actual:** [DESDE_CERO/REFACTOR_EXISTENTE]

Diseña:

**1. Tokens de diseño:**
- Color: paleta primaria, secundaria, semántica (success, error, warning, info) y neutros
- Tipografía: escala tipográfica completa (display, heading, body, caption) con tamaños y pesos
- Espaciado: escala de espaciado (4px base) y cuándo usar cada valor
- Border radius, shadows y elevación

**2. Componentes base (átomos):**
Lista de los 20 componentes atómicos que todo design system necesita. Para cada uno: variantes, estados y cuándo usarlo.

**3. Componentes compuestos (moléculas):**
10 componentes compuestos más usados en [TIPO_PRODUCTO].

**4. Documentación:**
Estructura de la documentación de cada componente: cuándo usar, anatomía, props, accesibilidad.

**5. Governance:**
Proceso para añadir nuevos componentes, deprecar los viejos y gestionar versiones.

**6. Adopción del equipo:**
Cómo convencer a desarrolladores y diseñadores de usar el design system en lugar de inventar componentes nuevos.