@netzi/tokens 0.1.0-beta.10

package/public-tokens.json

@@ -0,0 +1,460 @@
+{
+  "$description": "Tokens públicos de @netzi/tokens: el contrato con las apps. Lo que no está aquí es interno y puede cambiar sin aviso. Generado desde la fuente DTCG: no se edita a mano.",
+  "tokens": [
+    {
+      "name": "--netzi-radius-sm",
+      "path": "radius.sm",
+      "layer": "primitives",
+      "deprecated": "Escala primitiva, en desuso para las apps (#228): usa --netzi-radius-control (controles y piezas pequeñas). Deprecado en @netzi/tokens 0.1.0-beta.10; se retira como pronto en @netzi/tokens 0.1.0-beta.11, cuando pasa a interna."
+    },
+    {
+      "name": "--netzi-radius",
+      "path": "radius",
+      "layer": "primitives",
+      "deprecated": "Escala primitiva, en desuso para las apps (#228): usa --netzi-radius-surface-sm (paneles de un control, avisos, tarjetas compactas). Deprecado en @netzi/tokens 0.1.0-beta.10; se retira como pronto en @netzi/tokens 0.1.0-beta.11, cuando pasa a interna."
+    },
+    {
+      "name": "--netzi-radius-lg",
+      "path": "radius.lg",
+      "layer": "primitives",
+      "deprecated": "Escala primitiva, en desuso para las apps (#228): usa --netzi-radius-surface (tarjetas, diálogos, paneles). Deprecado en @netzi/tokens 0.1.0-beta.10; se retira como pronto en @netzi/tokens 0.1.0-beta.11, cuando pasa a interna."
+    },
+    {
+      "name": "--netzi-space-0",
+      "path": "space.0",
+      "layer": "primitives",
+      "deprecated": "Escala primitiva, en desuso para las apps (#228): usa 0, que no necesita token. Deprecado en @netzi/tokens 0.1.0-beta.10; se retira como pronto en @netzi/tokens 0.1.0-beta.11, cuando pasa a interna."
+    },
+    {
+      "name": "--netzi-space-1",
+      "path": "space.1",
+      "layer": "primitives",
+      "deprecated": "Escala primitiva, en desuso para las apps (#228): sin papel propio (2px no es un paso del ritmo de layout); entre piezas de un mismo elemento usa --netzi-space-related. Deprecado en @netzi/tokens 0.1.0-beta.10; se retira como pronto en @netzi/tokens 0.1.0-beta.11, cuando pasa a interna."
+    },
+    {
+      "name": "--netzi-space-2",
+      "path": "space.2",
+      "layer": "primitives",
+      "deprecated": "Escala primitiva, en desuso para las apps (#228): usa --netzi-space-related (piezas de un mismo elemento). Deprecado en @netzi/tokens 0.1.0-beta.10; se retira como pronto en @netzi/tokens 0.1.0-beta.11, cuando pasa a interna."
+    },
+    {
+      "name": "--netzi-space-3",
+      "path": "space.3",
+      "layer": "primitives",
+      "deprecated": "Escala primitiva, en desuso para las apps (#228): usa --netzi-space-group (elementos hermanos de un grupo). Deprecado en @netzi/tokens 0.1.0-beta.10; se retira como pronto en @netzi/tokens 0.1.0-beta.11, cuando pasa a interna."
+    },
+    {
+      "name": "--netzi-space-4",
+      "path": "space.4",
+      "layer": "primitives",
+      "deprecated": "Escala primitiva, en desuso para las apps (#228): usa --netzi-space-stack (grupos apilados) o --netzi-space-inset-sm (relleno compacto). Deprecado en @netzi/tokens 0.1.0-beta.10; se retira como pronto en @netzi/tokens 0.1.0-beta.11, cuando pasa a interna."
+    },
+    {
+      "name": "--netzi-space-5",
+      "path": "space.5",
+      "layer": "primitives",
+      "deprecated": "Escala primitiva, en desuso para las apps (#228): usa --netzi-space-inset (relleno de una tarjeta o un panel). Deprecado en @netzi/tokens 0.1.0-beta.10; se retira como pronto en @netzi/tokens 0.1.0-beta.11, cuando pasa a interna."
+    },
+    {
+      "name": "--netzi-space-6",
+      "path": "space.6",
+      "layer": "primitives",
+      "deprecated": "Escala primitiva, en desuso para las apps (#228): usa --netzi-space-inset-lg (relleno de un diálogo o un panel grande). Deprecado en @netzi/tokens 0.1.0-beta.10; se retira como pronto en @netzi/tokens 0.1.0-beta.11, cuando pasa a interna."
+    },
+    {
+      "name": "--netzi-space-7",
+      "path": "space.7",
+      "layer": "primitives",
+      "deprecated": "Escala primitiva, en desuso para las apps (#228): usa --netzi-space-section (entre secciones de una página). Deprecado en @netzi/tokens 0.1.0-beta.10; se retira como pronto en @netzi/tokens 0.1.0-beta.11, cuando pasa a interna."
+    },
+    {
+      "name": "--netzi-space-8",
+      "path": "space.8",
+      "layer": "primitives",
+      "deprecated": "Escala primitiva, en desuso para las apps (#228): usa --netzi-space-page (entre regiones de una página y su margen). Deprecado en @netzi/tokens 0.1.0-beta.10; se retira como pronto en @netzi/tokens 0.1.0-beta.11, cuando pasa a interna."
+    },
+    {
+      "name": "--netzi-font-size-xs",
+      "path": "font.size.xs",
+      "layer": "primitives",
+      "deprecated": "Escala primitiva, en desuso para las apps (#228): usa el tamaño de su papel, --netzi-typography-caption-font-size (#155), o su estilo de texto entero, --netzi-typography-caption. Deprecado en @netzi/tokens 0.1.0-beta.10; se retira como pronto en @netzi/tokens 0.1.0-beta.11, cuando pasa a interna."
+    },
+    {
+      "name": "--netzi-font-size-sm",
+      "path": "font.size.sm",
+      "layer": "primitives",
+      "deprecated": "Escala primitiva, en desuso para las apps (#228): usa el tamaño de su papel, --netzi-typography-body-sm-font-size (#155), o su estilo de texto entero, --netzi-typography-body-sm. Deprecado en @netzi/tokens 0.1.0-beta.10; se retira como pronto en @netzi/tokens 0.1.0-beta.11, cuando pasa a interna."
+    },
+    {
+      "name": "--netzi-font-size-md",
+      "path": "font.size.md",
+      "layer": "primitives",
+      "deprecated": "Escala primitiva, en desuso para las apps (#228): usa el tamaño de su papel, --netzi-typography-body-ui-font-size (#155), o su estilo de texto entero, --netzi-typography-body-ui. Deprecado en @netzi/tokens 0.1.0-beta.10; se retira como pronto en @netzi/tokens 0.1.0-beta.11, cuando pasa a interna."
+    },
+    {
+      "name": "--netzi-font-size-lg",
+      "path": "font.size.lg",
+      "layer": "primitives",
+      "deprecated": "Escala primitiva, en desuso para las apps (#228): usa el tamaño de su papel, --netzi-typography-body-font-size (#155), o su estilo de texto entero, --netzi-typography-body. Deprecado en @netzi/tokens 0.1.0-beta.10; se retira como pronto en @netzi/tokens 0.1.0-beta.11, cuando pasa a interna."
+    },
+    {
+      "name": "--netzi-font-size-xl",
+      "path": "font.size.xl",
+      "layer": "primitives",
+      "deprecated": "Escala primitiva, en desuso para las apps (#228): usa el tamaño de su papel, --netzi-typography-title-font-size (#155), o su estilo de texto entero, --netzi-typography-title. Deprecado en @netzi/tokens 0.1.0-beta.10; se retira como pronto en @netzi/tokens 0.1.0-beta.11, cuando pasa a interna."
+    },
+    {
+      "name": "--netzi-font-size-2xl",
+      "path": "font.size.2xl",
+      "layer": "primitives",
+      "deprecated": "Escala primitiva, en desuso para las apps (#228): usa el tamaño de su papel, --netzi-typography-headline-font-size (#155), o su estilo de texto entero, --netzi-typography-headline. Deprecado en @netzi/tokens 0.1.0-beta.10; se retira como pronto en @netzi/tokens 0.1.0-beta.11, cuando pasa a interna."
+    },
+    {
+      "name": "--netzi-font-size-3xl",
+      "path": "font.size.3xl",
+      "layer": "primitives",
+      "deprecated": "Escala primitiva, en desuso para las apps (#228): usa el tamaño de su papel, --netzi-typography-display-font-size (#155), o su estilo de texto entero, --netzi-typography-display. Deprecado en @netzi/tokens 0.1.0-beta.10; se retira como pronto en @netzi/tokens 0.1.0-beta.11, cuando pasa a interna."
+    },
+    {
+      "name": "--netzi-font-weight-regular",
+      "path": "font.weight.regular",
+      "layer": "primitives",
+      "deprecated": "Escala primitiva, en desuso para las apps (#228): usa el estilo de texto de su papel (--netzi-typography-body, --netzi-typography-body-sm). Deprecado en @netzi/tokens 0.1.0-beta.10; se retira como pronto en @netzi/tokens 0.1.0-beta.11, cuando pasa a interna."
+    },
+    {
+      "name": "--netzi-font-weight-medium",
+      "path": "font.weight.medium",
+      "layer": "primitives",
+      "deprecated": "Escala primitiva, en desuso para las apps (#228): sin estilo propio; usa el estilo de texto de su papel (--netzi-typography-body). Deprecado en @netzi/tokens 0.1.0-beta.10; se retira como pronto en @netzi/tokens 0.1.0-beta.11, cuando pasa a interna."
+    },
+    {
+      "name": "--netzi-font-weight-semibold",
+      "path": "font.weight.semibold",
+      "layer": "primitives",
+      "deprecated": "Escala primitiva, en desuso para las apps (#228): usa el estilo de texto de su papel (--netzi-typography-title-sm, --netzi-typography-caption). Deprecado en @netzi/tokens 0.1.0-beta.10; se retira como pronto en @netzi/tokens 0.1.0-beta.11, cuando pasa a interna."
+    },
+    {
+      "name": "--netzi-font-weight-bold",
+      "path": "font.weight.bold",
+      "layer": "primitives",
+      "deprecated": "Escala primitiva, en desuso para las apps (#228): usa el estilo de texto de su papel (--netzi-typography-title, --netzi-typography-headline). Deprecado en @netzi/tokens 0.1.0-beta.10; se retira como pronto en @netzi/tokens 0.1.0-beta.11, cuando pasa a interna."
+    },
+    {
+      "name": "--netzi-font-weight-extrabold",
+      "path": "font.weight.extrabold",
+      "layer": "primitives",
+      "deprecated": "Escala primitiva, en desuso para las apps (#228): usa el estilo de texto de su papel, --netzi-typography-display. Deprecado en @netzi/tokens 0.1.0-beta.10; se retira como pronto en @netzi/tokens 0.1.0-beta.11, cuando pasa a interna."
+    },
+    {
+      "name": "--netzi-line-height-none",
+      "path": "line-height.none",
+      "layer": "primitives",
+      "deprecated": "Escala primitiva, en desuso para las apps (#228): sin estilo propio; cada estilo de texto trae su interlineado (--netzi-typography-caption). Deprecado en @netzi/tokens 0.1.0-beta.10; se retira como pronto en @netzi/tokens 0.1.0-beta.11, cuando pasa a interna."
+    },
+    {
+      "name": "--netzi-line-height-tight",
+      "path": "line-height.tight",
+      "layer": "primitives",
+      "deprecated": "Escala primitiva, en desuso para las apps (#228): usa el estilo de texto de su papel (--netzi-typography-title, --netzi-typography-caption). Deprecado en @netzi/tokens 0.1.0-beta.10; se retira como pronto en @netzi/tokens 0.1.0-beta.11, cuando pasa a interna."
+    },
+    {
+      "name": "--netzi-line-height-normal",
+      "path": "line-height.normal",
+      "layer": "primitives",
+      "deprecated": "Escala primitiva, en desuso para las apps (#228): usa el estilo de texto de su papel (--netzi-typography-body, --netzi-typography-body-sm). Deprecado en @netzi/tokens 0.1.0-beta.10; se retira como pronto en @netzi/tokens 0.1.0-beta.11, cuando pasa a interna."
+    },
+    {
+      "name": "--netzi-line-height-relaxed",
+      "path": "line-height.relaxed",
+      "layer": "primitives",
+      "deprecated": "Escala primitiva, en desuso para las apps (#228): sin estilo propio; cada estilo de texto trae su interlineado (--netzi-typography-body). Deprecado en @netzi/tokens 0.1.0-beta.10; se retira como pronto en @netzi/tokens 0.1.0-beta.11, cuando pasa a interna."
+    },
+    { "name": "--netzi-blue-text", "path": "blue.text", "layer": "semantic" },
+    { "name": "--netzi-blue-graphic", "path": "blue.graphic", "layer": "semantic" },
+    { "name": "--netzi-green-text", "path": "green.text", "layer": "semantic" },
+    { "name": "--netzi-green-graphic", "path": "green.graphic", "layer": "semantic" },
+    { "name": "--netzi-yellow-text", "path": "yellow.text", "layer": "semantic" },
+    { "name": "--netzi-yellow-graphic", "path": "yellow.graphic", "layer": "semantic" },
+    { "name": "--netzi-red-text", "path": "red.text", "layer": "semantic" },
+    { "name": "--netzi-red-graphic", "path": "red.graphic", "layer": "semantic" },
+    { "name": "--netzi-purple-text", "path": "purple.text", "layer": "semantic" },
+    { "name": "--netzi-info", "path": "info", "layer": "semantic" },
+    { "name": "--netzi-info-text", "path": "info.text", "layer": "semantic" },
+    { "name": "--netzi-info-graphic", "path": "info.graphic", "layer": "semantic" },
+    { "name": "--netzi-info-veil", "path": "info.veil", "layer": "semantic" },
+    { "name": "--netzi-success", "path": "success", "layer": "semantic" },
+    { "name": "--netzi-success-text", "path": "success.text", "layer": "semantic" },
+    { "name": "--netzi-success-graphic", "path": "success.graphic", "layer": "semantic" },
+    { "name": "--netzi-success-veil", "path": "success.veil", "layer": "semantic" },
+    { "name": "--netzi-warning", "path": "warning", "layer": "semantic" },
+    { "name": "--netzi-warning-text", "path": "warning.text", "layer": "semantic" },
+    { "name": "--netzi-warning-graphic", "path": "warning.graphic", "layer": "semantic" },
+    { "name": "--netzi-warning-veil", "path": "warning.veil", "layer": "semantic" },
+    { "name": "--netzi-danger", "path": "danger", "layer": "semantic" },
+    { "name": "--netzi-danger-text", "path": "danger.text", "layer": "semantic" },
+    { "name": "--netzi-danger-graphic", "path": "danger.graphic", "layer": "semantic" },
+    { "name": "--netzi-danger-veil", "path": "danger.veil", "layer": "semantic" },
+    {
+      "name": "--netzi-surface-1",
+      "path": "surface.1",
+      "layer": "semantic",
+      "deprecated": "Usa surface (--netzi-surface). Deprecado en @netzi/tokens 0.1.0-beta.10; se retira como pronto en @netzi/tokens 0.1.0-beta.11."
+    },
+    { "name": "--netzi-surface-2", "path": "surface.2", "layer": "semantic" },
+    { "name": "--netzi-surface-3", "path": "surface.3", "layer": "semantic" },
+    { "name": "--netzi-surface", "path": "surface", "layer": "semantic" },
+    {
+      "name": "--netzi-text-1",
+      "path": "text.1",
+      "layer": "semantic",
+      "deprecated": "Usa text (--netzi-text). Deprecado en @netzi/tokens 0.1.0-beta.10; se retira como pronto en @netzi/tokens 0.1.0-beta.11."
+    },
+    { "name": "--netzi-text-2", "path": "text.2", "layer": "semantic" },
+    { "name": "--netzi-text-3", "path": "text.3", "layer": "semantic" },
+    { "name": "--netzi-text", "path": "text", "layer": "semantic" },
+    { "name": "--netzi-radius-control", "path": "radius.control", "layer": "semantic" },
+    { "name": "--netzi-radius-surface", "path": "radius.surface", "layer": "semantic" },
+    { "name": "--netzi-radius-surface-sm", "path": "radius.surface.sm", "layer": "semantic" },
+    { "name": "--netzi-radius-pill", "path": "radius.pill", "layer": "semantic" },
+    {
+      "name": "--netzi-radius-md",
+      "path": "radius.md",
+      "layer": "semantic",
+      "deprecated": "Usa radius.surface.sm (--netzi-radius-surface-sm). Deprecado en @netzi/tokens 0.1.0-beta.10; se retira como pronto en @netzi/tokens 0.1.0-beta.11."
+    },
+    { "name": "--netzi-primary", "path": "primary", "layer": "semantic" },
+    { "name": "--netzi-primary-dark", "path": "primary.dark", "layer": "semantic" },
+    { "name": "--netzi-primary-hover", "path": "primary.hover", "layer": "semantic" },
+    { "name": "--netzi-primary-pressed", "path": "primary.pressed", "layer": "semantic" },
+    { "name": "--netzi-primary-text", "path": "primary.text", "layer": "semantic" },
+    { "name": "--netzi-primary-graphic", "path": "primary.graphic", "layer": "semantic" },
+    { "name": "--netzi-primary-tint", "path": "primary.tint", "layer": "semantic" },
+    { "name": "--netzi-primary-tint-strong", "path": "primary.tint.strong", "layer": "semantic" },
+    { "name": "--netzi-on-primary", "path": "on.primary", "layer": "semantic" },
+    { "name": "--netzi-on-primary-dark", "path": "on.primary.dark", "layer": "semantic" },
+    { "name": "--netzi-on-accent", "path": "on.accent", "layer": "semantic" },
+    { "name": "--netzi-state-hover", "path": "state.hover", "layer": "semantic" },
+    { "name": "--netzi-state-hover-opacity", "path": "state.hover.opacity", "layer": "semantic" },
+    { "name": "--netzi-state-focus", "path": "state.focus", "layer": "semantic" },
+    { "name": "--netzi-state-focus-opacity", "path": "state.focus.opacity", "layer": "semantic" },
+    { "name": "--netzi-state-pressed", "path": "state.pressed", "layer": "semantic" },
+    {
+      "name": "--netzi-state-pressed-opacity",
+      "path": "state.pressed.opacity",
+      "layer": "semantic"
+    },
+    { "name": "--netzi-state-dragged", "path": "state.dragged", "layer": "semantic" },
+    {
+      "name": "--netzi-state-dragged-opacity",
+      "path": "state.dragged.opacity",
+      "layer": "semantic"
+    },
+    { "name": "--netzi-state-selected", "path": "state.selected", "layer": "semantic" },
+    {
+      "name": "--netzi-state-disabled-opacity",
+      "path": "state.disabled.opacity",
+      "layer": "semantic"
+    },
+    { "name": "--netzi-bg", "path": "bg", "layer": "semantic" },
+    { "name": "--netzi-border-2", "path": "border.2", "layer": "semantic" },
+    { "name": "--netzi-border", "path": "border", "layer": "semantic" },
+    { "name": "--netzi-elevation-base", "path": "elevation.base", "layer": "semantic" },
+    { "name": "--netzi-elevation-raised", "path": "elevation.raised", "layer": "semantic" },
+    { "name": "--netzi-elevation-floating", "path": "elevation.floating", "layer": "semantic" },
+    { "name": "--netzi-elevation-modal", "path": "elevation.modal", "layer": "semantic" },
+    {
+      "name": "--netzi-shadow-sm",
+      "path": "shadow.sm",
+      "layer": "semantic",
+      "deprecated": "Usa elevation.raised (--netzi-elevation-raised). Deprecado en @netzi/tokens 0.1.0-beta.10; se retira como pronto en @netzi/tokens 0.1.0-beta.11."
+    },
+    {
+      "name": "--netzi-shadow",
+      "path": "shadow",
+      "layer": "semantic",
+      "deprecated": "Usa elevation.floating (--netzi-elevation-floating). Deprecado en @netzi/tokens 0.1.0-beta.10; se retira como pronto en @netzi/tokens 0.1.0-beta.11."
+    },
+    {
+      "name": "--netzi-shadow-lg",
+      "path": "shadow.lg",
+      "layer": "semantic",
+      "deprecated": "Usa elevation.modal (--netzi-elevation-modal). Deprecado en @netzi/tokens 0.1.0-beta.10; se retira como pronto en @netzi/tokens 0.1.0-beta.11."
+    },
+    { "name": "--netzi-space-related", "path": "space.related", "layer": "semantic" },
+    { "name": "--netzi-space-group", "path": "space.group", "layer": "semantic" },
+    { "name": "--netzi-space-stack", "path": "space.stack", "layer": "semantic" },
+    { "name": "--netzi-space-inset", "path": "space.inset", "layer": "semantic" },
+    { "name": "--netzi-space-inset-sm", "path": "space.inset.sm", "layer": "semantic" },
+    { "name": "--netzi-space-inset-lg", "path": "space.inset.lg", "layer": "semantic" },
+    { "name": "--netzi-space-section", "path": "space.section", "layer": "semantic" },
+    { "name": "--netzi-space-page", "path": "space.page", "layer": "semantic" },
+    { "name": "--netzi-font-sans", "path": "font.sans", "layer": "semantic" },
+    { "name": "--netzi-font-mono", "path": "font.mono", "layer": "semantic" },
+    { "name": "--netzi-font-scale", "path": "font.scale", "layer": "semantic" },
+    { "name": "--netzi-typography-display", "path": "typography.display", "layer": "semantic" },
+    {
+      "name": "--netzi-typography-display-letter-spacing",
+      "path": "typography.display.letterSpacing",
+      "layer": "semantic"
+    },
+    {
+      "name": "--netzi-typography-display-font-size",
+      "path": "typography.display.fontSize",
+      "layer": "semantic"
+    },
+    { "name": "--netzi-typography-headline", "path": "typography.headline", "layer": "semantic" },
+    {
+      "name": "--netzi-typography-headline-letter-spacing",
+      "path": "typography.headline.letterSpacing",
+      "layer": "semantic"
+    },
+    {
+      "name": "--netzi-typography-headline-font-size",
+      "path": "typography.headline.fontSize",
+      "layer": "semantic"
+    },
+    { "name": "--netzi-typography-title", "path": "typography.title", "layer": "semantic" },
+    {
+      "name": "--netzi-typography-title-letter-spacing",
+      "path": "typography.title.letterSpacing",
+      "layer": "semantic"
+    },
+    {
+      "name": "--netzi-typography-title-font-size",
+      "path": "typography.title.fontSize",
+      "layer": "semantic"
+    },
+    { "name": "--netzi-typography-title-sm", "path": "typography.title.sm", "layer": "semantic" },
+    {
+      "name": "--netzi-typography-title-sm-letter-spacing",
+      "path": "typography.title.sm.letterSpacing",
+      "layer": "semantic"
+    },
+    {
+      "name": "--netzi-typography-title-sm-font-size",
+      "path": "typography.title.sm.fontSize",
+      "layer": "semantic"
+    },
+    { "name": "--netzi-typography-body", "path": "typography.body", "layer": "semantic" },
+    {
+      "name": "--netzi-typography-body-letter-spacing",
+      "path": "typography.body.letterSpacing",
+      "layer": "semantic"
+    },
+    {
+      "name": "--netzi-typography-body-font-size",
+      "path": "typography.body.fontSize",
+      "layer": "semantic"
+    },
+    { "name": "--netzi-typography-body-ui", "path": "typography.body.ui", "layer": "semantic" },
+    {
+      "name": "--netzi-typography-body-ui-letter-spacing",
+      "path": "typography.body.ui.letterSpacing",
+      "layer": "semantic"
+    },
+    {
+      "name": "--netzi-typography-body-ui-font-size",
+      "path": "typography.body.ui.fontSize",
+      "layer": "semantic"
+    },
+    { "name": "--netzi-typography-body-sm", "path": "typography.body.sm", "layer": "semantic" },
+    {
+      "name": "--netzi-typography-body-sm-letter-spacing",
+      "path": "typography.body.sm.letterSpacing",
+      "layer": "semantic"
+    },
+    {
+      "name": "--netzi-typography-body-sm-font-size",
+      "path": "typography.body.sm.fontSize",
+      "layer": "semantic"
+    },
+    { "name": "--netzi-typography-caption", "path": "typography.caption", "layer": "semantic" },
+    {
+      "name": "--netzi-typography-caption-letter-spacing",
+      "path": "typography.caption.letterSpacing",
+      "layer": "semantic"
+    },
+    {
+      "name": "--netzi-typography-caption-font-size",
+      "path": "typography.caption.fontSize",
+      "layer": "semantic"
+    },
+    { "name": "--netzi-tint", "path": "tint", "layer": "semantic" },
+    { "name": "--netzi-duration-instant", "path": "duration.instant", "layer": "semantic" },
+    { "name": "--netzi-duration-fast", "path": "duration.fast", "layer": "semantic" },
+    { "name": "--netzi-duration-base", "path": "duration.base", "layer": "semantic" },
+    { "name": "--netzi-duration-slow", "path": "duration.slow", "layer": "semantic" },
+    { "name": "--netzi-duration-flash", "path": "duration.flash", "layer": "semantic" },
+    { "name": "--netzi-duration-loop-spin", "path": "duration.loop.spin", "layer": "semantic" },
+    { "name": "--netzi-duration-loop-orbit", "path": "duration.loop.orbit", "layer": "semantic" },
+    { "name": "--netzi-duration-loop-pulse", "path": "duration.loop.pulse", "layer": "semantic" },
+    { "name": "--netzi-duration-loop-sweep", "path": "duration.loop.sweep", "layer": "semantic" },
+    { "name": "--netzi-duration-loop-shine", "path": "duration.loop.shine", "layer": "semantic" },
+    { "name": "--netzi-duration-move-fast", "path": "duration.move.fast", "layer": "semantic" },
+    { "name": "--netzi-duration-move-base", "path": "duration.move.base", "layer": "semantic" },
+    { "name": "--netzi-duration-move-slow", "path": "duration.move.slow", "layer": "semantic" },
+    { "name": "--netzi-ease-standard", "path": "ease.standard", "layer": "semantic" },
+    { "name": "--netzi-ease-enter", "path": "ease.enter", "layer": "semantic" },
+    { "name": "--netzi-ease-exit", "path": "ease.exit", "layer": "semantic" },
+    { "name": "--netzi-ease-settle", "path": "ease.settle", "layer": "semantic" },
+    { "name": "--netzi-ease-swing", "path": "ease.swing", "layer": "semantic" },
+    { "name": "--netzi-ease-spin", "path": "ease.spin", "layer": "semantic" },
+    { "name": "--netzi-measure", "path": "measure", "layer": "semantic" },
+    { "name": "--netzi-layer-content", "path": "layer.content", "layer": "semantic" },
+    { "name": "--netzi-layer-sticky", "path": "layer.sticky", "layer": "semantic" },
+    { "name": "--netzi-layer-bar", "path": "layer.bar", "layer": "semantic" },
+    { "name": "--netzi-layer-flyout", "path": "layer.flyout", "layer": "semantic" },
+    { "name": "--netzi-layer-scrim", "path": "layer.scrim", "layer": "semantic" },
+    { "name": "--netzi-layer-modal", "path": "layer.modal", "layer": "semantic" },
+    { "name": "--netzi-layer-dropdown", "path": "layer.dropdown", "layer": "semantic" },
+    { "name": "--netzi-layer-toast", "path": "layer.toast", "layer": "semantic" },
+    { "name": "--netzi-layer-tooltip", "path": "layer.tooltip", "layer": "semantic" },
+    { "name": "--netzi-layer-blocking", "path": "layer.blocking", "layer": "semantic" },
+    { "name": "--netzi-layer-top", "path": "layer.top", "layer": "semantic" },
+    { "name": "--netzi-window-reflow", "path": "window.reflow", "layer": "semantic" },
+    { "name": "--netzi-window-medium", "path": "window.medium", "layer": "semantic" },
+    { "name": "--netzi-window-expanded", "path": "window.expanded", "layer": "semantic" },
+    { "name": "--netzi-window-large", "path": "window.large", "layer": "semantic" },
+    { "name": "--netzi-window-extra-large", "path": "window.extra-large", "layer": "semantic" },
+    { "name": "--netzi-float-bg", "path": "float.bg", "layer": "component" },
+    { "name": "--netzi-float-border-2", "path": "float.border.2", "layer": "component" },
+    { "name": "--netzi-float-border", "path": "float.border", "layer": "component" },
+    { "name": "--netzi-float-surface-2", "path": "float.surface.2", "layer": "component" },
+    { "name": "--netzi-float-surface-3", "path": "float.surface.3", "layer": "component" },
+    { "name": "--netzi-float-surface", "path": "float.surface", "layer": "component" },
+    { "name": "--netzi-float-filter", "path": "float.filter", "layer": "component" },
+    {
+      "name": "--netzi-float-filter-identity",
+      "path": "float.filter.identity",
+      "layer": "component"
+    },
+    { "name": "--netzi-float-glow", "path": "float.glow", "layer": "component" },
+    { "name": "--netzi-scrim", "path": "scrim", "layer": "component" },
+    { "name": "--netzi-scrim-filter", "path": "scrim.filter", "layer": "component" },
+    { "name": "--netzi-control-py", "path": "control.py", "layer": "component" },
+    { "name": "--netzi-control-px", "path": "control.px", "layer": "component" },
+    { "name": "--netzi-control-px-sm", "path": "control.px.sm", "layer": "component" },
+    { "name": "--netzi-control-px-md", "path": "control.px.md", "layer": "component" },
+    { "name": "--netzi-control-px-lg", "path": "control.px.lg", "layer": "component" },
+    { "name": "--netzi-control-h-sm", "path": "control.h.sm", "layer": "component" },
+    { "name": "--netzi-control-h-md", "path": "control.h.md", "layer": "component" },
+    { "name": "--netzi-control-h-lg", "path": "control.h.lg", "layer": "component" },
+    { "name": "--netzi-control-fs-sm", "path": "control.fs.sm", "layer": "component" },
+    { "name": "--netzi-control-fs-md", "path": "control.fs.md", "layer": "component" },
+    { "name": "--netzi-control-fs-lg", "path": "control.fs.lg", "layer": "component" },
+    { "name": "--netzi-touch-target", "path": "touch-target", "layer": "component" },
+    { "name": "--netzi-touch-gap", "path": "touch-gap", "layer": "component" },
+    { "name": "--netzi-focus-ring", "path": "focus-ring", "layer": "component" },
+    { "name": "--netzi-chart-1", "path": "chart.1", "layer": "component" },
+    { "name": "--netzi-chart-2", "path": "chart.2", "layer": "component" },
+    { "name": "--netzi-chart-3", "path": "chart.3", "layer": "component" },
+    { "name": "--netzi-chart-4", "path": "chart.4", "layer": "component" },
+    { "name": "--netzi-chart-5", "path": "chart.5", "layer": "component" },
+    { "name": "--netzi-chart-6", "path": "chart.6", "layer": "component" },
+    { "name": "--netzi-chart-7", "path": "chart.7", "layer": "component" },
+    { "name": "--netzi-chart-8", "path": "chart.8", "layer": "component" },
+    { "name": "--netzi-ambient", "path": "ambient", "layer": "component" },
+    { "name": "--netzi-float-lens", "path": "float.lens", "layer": "theme" },
+    { "name": "--netzi-float-lens-size", "path": "float.lens.size", "layer": "theme" }
+  ]
+}

package/styles/base.css

@@ -0,0 +1,139 @@
+/* ===========================================================
+   @netzi/tokens — Base (reset + tipografía base + scrollbar)
+   OPCIONAL. Aplica un reset suave y estilos globales que usan los
+   tokens. Si tu app ya tiene su propio reset, importa solo
+   tokens.css en lugar de index.css.
+   Depende de tokens.css (las custom properties --netzi-*).
+   =========================================================== */
+
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+html,
+body {
+  height: 100%;
+}
+
+body {
+  font-family: var(--netzi-font-sans);
+  font-size: var(--netzi-typography-body-font-size);
+  background: var(--netzi-bg);
+  color: var(--netzi-text);
+  line-height: 1.55;
+  -webkit-font-smoothing: antialiased;
+  transition:
+    background 0.2s,
+    color 0.2s;
+}
+
+a {
+  color: var(--netzi-primary);
+  text-decoration: none;
+}
+
+/* Los controles heredan tipografía y color del contexto. Sin esto, los <button>
+   usan el color por defecto del navegador (negro), y los iconos que usan
+   `currentColor` quedarían negros (invisibles en tema oscuro). */
+button,
+input,
+select,
+textarea {
+  font-family: inherit;
+  color: inherit;
+}
+
+h1,
+h2,
+h3 {
+  font-weight: 800;
+  line-height: 1.2;
+  letter-spacing: -0.02em;
+}
+
+.netzi-mono {
+  font-family: var(--netzi-font-mono);
+}
+
+/* --- Scrollbar (claro/oscuro) --- */
+* {
+  scrollbar-width: thin;
+  scrollbar-color: rgba(145, 158, 171, 0.45) transparent;
+}
+
+*::-webkit-scrollbar {
+  width: 9px;
+  height: 9px;
+}
+
+*::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+*::-webkit-scrollbar-thumb {
+  background: rgba(145, 158, 171, 0.4);
+  border-radius: 100px;
+  border: 2px solid transparent;
+  background-clip: padding-box;
+}
+
+*::-webkit-scrollbar-thumb:hover {
+  background: rgba(145, 158, 171, 0.65);
+  background-clip: padding-box;
+}
+
+*::-webkit-scrollbar-corner {
+  background: transparent;
+}
+
+/* --- Impresión (#176) ---
+   Los colores ya salen claros y opacos de tokens.css (el tema oscuro, el cristal y el fondo
+   ambiental no aplican al imprimir). Aquí, lo global: el papel en blanco, nada a medio animar
+   y el documento con su alto natural, para que el navegador lo reparta en páginas. */
+@media print {
+  html,
+  body {
+    height: auto;
+  }
+
+  body {
+    background: var(--netzi-surface);
+    transition: none;
+  }
+
+  /* Una transición o una animación a medio camino se imprimiría tal cual: el papel recibe cada
+     cosa en su estado final. Con prioridad, porque las de los componentes son más específicas. */
+  *,
+  *::before,
+  *::after {
+    animation: none !important;
+    transition: none !important;
+  }
+
+  /* En papel un enlace solo se distingue por su forma: el color puede salir en gris en una
+     impresora en blanco y negro (WCAG 1.4.1), así que va subrayado. */
+  a[href] {
+    color: var(--netzi-primary-text);
+    text-decoration: underline;
+  }
+
+  /* La dirección de un enlace externo, a la vista en papel, solo donde se pide: en el propio
+     enlace o en un contenedor con el atributo data-print-urls. En toda la página llenaría de
+     direcciones el menú y cada botón con enlace. */
+  a[data-print-urls][href^='http']::after,
+  [data-print-urls] a[href^='http']::after {
+    content: ' (' attr(href) ')';
+    color: var(--netzi-text-2);
+    font-size: 0.85em;
+    overflow-wrap: anywhere;
+  }
+}
+
+/* La parada de Tab que pone netziTruncated en un texto cortado (#167): el anillo de foco del
+   kit (3:1), por dentro para que no lo recorte la caja que corta el texto. */
+[data-netzi-truncated-stop]:focus-visible {
+  outline: 2px solid var(--netzi-focus-ring);
+  outline-offset: -2px;
+}