Spacing
Escala de t-shirt basada en múltiplos de 4px. Misma convención de nombres que --icon-*. Los componentes nunca usan valores crudos — siempre uno de estos tokens.
| Token | Valor | Uso |
|---|
--space-2xs | 4px | Badge padding, gaps mínimos |
--space-xs | 8px | Icon↔text gap, espaciado inline |
--space-sm | 12px | Padding interno pequeño |
--space-md | 16px | Padding botón, chip horizontal |
--space-lg | 20px | Padding sección dentro de card |
--space-xl | 24px | Padding card, botón md |
--space-2xl | 32px | Separación entre grupos de contenido |
--space-3xl | 40px | Margen top/bottom de pantalla |
--space-4xl | 48px | Hero section |
--space-5xl | 64px | Bloques de landing |
Border radius
| Token | Valor | Uso |
|---|
--radius-card | 24px | Cards principales (hero card, detail panel) |
--radius-btn | 14px | Botones de acción |
--radius-chip | 999px | Chips y badges (píldora completa) |
--radius-input | 12px | Campos de texto |
--radius-small | 10px | Elementos pequeños — badges, tags |