Variables de tema y namespaces.
Style publica variables semánticas y las conecta con Tailwind. Los nombres describen función, no apariencia ni marca.
Namespaces
| Familia | Ejemplos |
|---|---|
| color | paper, surface, ink, line, accent, status |
| font | sans, mono |
| text | caption, body, lead, section, display |
| spacing | space-1 a space-8 con escala cerrada |
| breakpoint | sm, md, lg, xl |
| shape | recto o círculo semántico |
| ease/duration | movimiento funcional |
Configuración CSS-first
@theme inline {
--font-sans: "IBM Plex Sans", sans-serif;
--font-mono: "JetBrains Mono", monospace;
--color-v10-paper: var(--paper);
--color-v10-ink: var(--ink);
--color-v10-accent: var(--accent);
}Versionado
- Agregar un token es compatible si tiene fallback.
- Renombrar o eliminar requiere major.
- Una marca sólo redefine tokens autorizados.
- El manifest enumera valores, fuente y ownership.