origam 2.18.17 → 2.18.19

package/dist/src/assets/scss/tokens/_dark.scss

@@ -524,6 +524,15 @@
   --origam-chip__filter---transition-property: transform, opacity;
   --origam-chip__filter---transition-duration: var(--origam-motion__duration---normal);
   --origam-chip__filter---transition-timing-function: var(--origam-motion__easing---standard);
+  /* #595 — canaux C2 ouverts : lus par OrigamChip, declares par personne. Valeurs = le repli deja rendu. Les hauteurs ne passent PAS par l echelle `space` : 38px et 44px n y ont aucun barreau. */
+  --origam-chip---height-xs: 20px;
+  --origam-chip---height-sm: 24px;
+  --origam-chip---height-md: 32px;
+  --origam-chip---height-lg: 38px;
+  --origam-chip---height-xl: 44px;
+  --origam-chip---border-radius-rounded: var(--origam-radius---xl);
+  --origam-chip__close---margin-inline-start: 6px;
+  --origam-chip__close---margin-inline-end: -4px;
   --origam-avatar---background-color: var(--origam-color__surface---overlay);
   --origam-avatar---color: var(--origam-color__text---secondary);
   --origam-avatar---border-color: currentColor;
@@ -930,6 +939,18 @@
   --origam-toolbar__append---flex-basis: auto;
   --origam-toolbar__append---margin-inline-start: auto;
   --origam-toolbar__append---margin-inline-end: var(--origam-space---2);
+  /* Toolbar + AppBar — #596. Same rule: every value is the literal the SCSS
+     already fell back to, so nothing moves on screen.
+     --origam-toolbar---btn-background-color-{hover,active},
+     --origam-appbar---backdrop-filter and --origam-layout---position-{left,right}
+     stay UNDECLARED on purpose — see the comments at their read sites in
+     OrigamToolbar.vue. */
+  --origam-toolbar---padding-inline: var(--origam-space---4);
+  --origam-toolbar---btn-background-color: rgba(0, 0, 0, 0);
+  --origam-toolbar---btn-color: currentColor;
+  --origam-toolbar---btn-border-radius: var(--origam-radius---md);
+  --origam-toolbar__wrapper---gap: var(--origam-space---3);
+  --origam-toolbar__title---color: currentColor;
   --origam-app---background-color: var(--origam-color__surface---default);
   --origam-app---color: var(--origam-color__text---primary);
   --origam-app---min-height: 100vh;
@@ -1121,7 +1142,7 @@
   --origam-field---padding-top: var(--origam-space---2);
   --origam-field---padding-bottom: 6px;
   --origam-field---font-size: 16px;
-  --origam-field---letter-spacing: var(--origam-font__letterSpacing---wide);
+  --origam-field---letter-spacing: 0.009375em; /* #595 — PAS `letterSpacing---wide` (0.0094em) : `.origam-field` et `.origam-field__input` livrent 0.009375em en dur depuis toujours. Le barreau de l echelle en differe de 0.000025em, assez pour deplacer la piste de tous les champs. Valeur reellement livree, barreau assume hors echelle — meme arbitrage que `--origam-input__details---padding-top: 6px` (#595). */
   --origam-field---border-radius: var(--origam-radius---sm);
   --origam-field---border-color: var(--origam-color__border---default);
   --origam-field---border-width: var(--origam-border__width---thin);
@@ -1140,6 +1161,11 @@
   --origam-field---focus-ring-width: 0px;
   --origam-field---focus-ring-offset: 0px;
   --origam-field--variant-solo---box-shadow: var(--origam-shadow---sm);
+  /* #595 — canaux C2 ouverts : lus par OrigamField, declares par personne. Valeurs = le repli deja rendu. `16px` et `4px` coincident EXACTEMENT avec `radius---xl` et `space---1` (verifie sur primitive.css), donc routes par leurs barreaux ; `0.42` n a aucun barreau (l echelle opacity va 0/12/26/32/50/60/70/87/100), litteral assume ; le `color-mix` est recopie VERBATIM — `currentColor` doit rester substitue sur l element consommateur, pas ici. */
+  --origam-field---border-radius-rounded: var(--origam-radius---xl);
+  --origam-field--inline---padding-inline: var(--origam-space---1);
+  --origam-field--variant-filled---background-color: color-mix(in srgb, currentColor 12%, transparent);
+  --origam-field--variant-filled---border-opacity: 0.42;
   --origam-field---variant-outlined-background-color: rgba(0, 0, 0, 0);
   --origam-field__overlay---background-color: var(--origam-color__overlay---scrim);
   --origam-field__overlay---opacity: var(--origam-opacity---0);
@@ -1653,6 +1679,12 @@
   --origam-pagination---input-width: var(--origam-space---10);
   --origam-pagination---input-padding-inline: var(--origam-space---2);
   --origam-pagination---label-gap: var(--origam-space---2);
+  /* Pagination — #596. rgba(0, 0, 0, 0) is the computed equivalent of the
+     `transparent` literal the SCSS already fell back to for the active item's
+     border, so nothing moves on screen. The three other --item--is-active
+     channels and --origam-pagination---color-hover stay UNDECLARED on purpose
+     — see the comments at their read sites in OrigamPagination.vue. */
+  --origam-pagination__item--is-active---border-color: rgba(0, 0, 0, 0);
   --origam-table---background-color: var(--origam-color__surface---default);
   --origam-table---color: var(--origam-color__text---primary);
   --origam-table---font-size: var(--origam-font__size---md);
@@ -1801,8 +1833,10 @@
   --origam-list---pointer-events: auto;
   --origam-list---user-select: auto;
   --origam-list---indent-padding: 0px;
+  --origam-list--nav---item-gap: 2px;
+  --origam-list--nav---item-min-height: 44px;
+  --origam-list--nav---item-padding-block: 6px;
   --origam-list---density: 0px;
-  --origam-list---indent-padding-nav: -8px;
   --origam-list---slim-prepend-width: 28px;
   --origam-list__overlay---background-color: var(--origam-color__overlay---scrim);
   --origam-list__overlay---border-radius: inherit;
@@ -2260,6 +2294,16 @@
   --origam-switch__label---font-size: var(--origam-font__size---md);
   --origam-switch__label---padding-inline: var(--origam-space---2);
   --origam-switch__input---opacity: 0;
+  /* #595 — canaux C2 ouverts : ces neuf noms etaient lus par OrigamSwitch / OrigamSwitchTrack et declares par personne. Chaque valeur est le repli deja rendu, recopie a l identique. */
+  --origam-switch__thumb---border-color: rgba(0, 0, 0, 0.18);
+  --origam-switch__thumb---color: currentColor;
+  --origam-switch__selection-control---min-height: 56px;
+  --origam-switch__skeleton---width: 52px;
+  --origam-switch__skeleton---height: 32px;
+  --origam-switch__skeleton-track---background-color: color-mix(in srgb, currentColor 14%, transparent);
+  --origam-switch__skeleton-thumb---background-color: color-mix(in srgb, currentColor 28%, transparent);
+  --origam-switch__track--inset---height: 32px;
+  --origam-switch__track--inset---width: 52px;
   --origam-switch---opacity-disabled: var(--origam-opacity---32);
   --origam-slider-field---padding-block: var(--origam-space---2);
   --origam-slider-field---transition-duration: var(--origam-motion__duration---fast);
@@ -2282,11 +2326,24 @@
   --origam-slider-field__tick---size: 4px;
   --origam-slider-field__tick---background-color: var(--origam-color__text---disabled);
   --origam-slider-field__tick---background-color-active: var(--origam-color__action--primary---fg);
-  --origam-slider-field__tick---border-radius: var(--origam-radius---full);
+  --origam-slider-field__tick---border-radius: 2px; /* #595 — PAS `radius---full` (9999px) : `.origam-slider-field-track__tick` livre `border-radius: 2px` en dur. Valeur reellement livree. */
   --origam-slider-field__label---color: var(--origam-color__text---secondary);
   --origam-slider-field__label---font-size: var(--origam-font__size---sm);
   --origam-slider-field__label---padding: var(--origam-space---1);
   --origam-slider-field---opacity-disabled: var(--origam-opacity---32);
+  /* #595 — canaux C2 ouverts : lus par OrigamSliderField / OrigamSliderFieldTrack, declares par personne. Valeurs = le repli deja rendu ; les `var()` internes sont recopies VERBATIM pour ne pas fermer le canal `--origam-color__*--inverse---*`, encore non declare. */
+  --origam-slider-field-thumb__surface---border-color: rgba(0, 0, 0, 0.18);
+  --origam-slider-field__buffered---background-color: color-mix(in srgb, currentColor 40%, transparent);
+  --origam-slider-field__buffered---opacity: 0.5;
+  --origam-slider-field__buffered--bare---background-color: color-mix(in srgb, currentColor 40%, transparent);
+  --origam-slider-field__track---transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
+  --origam-slider-field__hover-tooltip---background-color: var(--origam-color__surface---inverse);
+  --origam-slider-field__hover-tooltip---color: var(--origam-color__text---inverse);
+  --origam-slider-field--bare---accent-color: var(--origam-color__action--primary---bg);
+  --origam-slider-field--bare---thumb-size: 12px;
+  --origam-slider-field--bare---track-background-color: color-mix(in srgb, currentColor 25%, transparent);
+  --origam-slider-field--bare---track-thickness: 2px;
+  --origam-slider-field--bare---track-thickness-active: 4px;
   --origam-icon---color: currentColor;
   --origam-icon---transition-duration: var(--origam-motion__duration---fast);
   --origam-icon---transition-timing-function: var(--origam-motion__easing---standard);
@@ -2545,6 +2602,32 @@
   --origam-tabs__item---transition-easing: var(--origam-motion__easing---standard);
   --origam-tabs__indicator---color: var(--origam-color__action--primary---bg);
   --origam-tabs__indicator---height: var(--origam-border__width---2);
+  /* Tabs — #596. Each value is exactly the literal (or token reference) the
+     component SCSS already fell back to, so nothing moves on screen: the
+     variant (--default / --pills / --underline) and item-state channels were
+     simply never declared, so every theme edit to them was a no-op.
+     --item--disabled---color and --item--hover---background-color keep their
+     legacy hardcoded rgba(0, 0, 0, …) — that is what the DS renders today in
+     BOTH themes, and swapping them for a semantic token would move the dark
+     rendering, which is a design decision and not a token-wiring one.
+     Declaring them here is what finally lets a theme fix that. */
+  --origam-tabs--default---border-block-end-width: var(--origam-border__width---thin);
+  --origam-tabs--default---border-block-end-color: var(--origam-color__border---subtle);
+  --origam-tabs--underline---border-block-end-width: var(--origam-border__width---thin);
+  --origam-tabs--underline---border-block-end-color: var(--origam-color__border---subtle);
+  --origam-tabs--pills---background-color: rgba(0, 0, 0, 0);
+  --origam-tabs--pills---gap: var(--origam-space---2);
+  --origam-tabs--pills---padding: var(--origam-space---1);
+  --origam-tabs__item--hover---color: currentColor;
+  --origam-tabs__item--hover---background-color: rgba(0, 0, 0, 0.04);
+  --origam-tabs__item--active---color: currentColor;
+  --origam-tabs__item--active---background-color: rgba(0, 0, 0, 0);
+  --origam-tabs__item--active---font-weight: var(--origam-font__weight---semibold);
+  --origam-tabs__item--disabled---color: rgba(0, 0, 0, 0.38);
+  --origam-tabs__item--disabled---background-color: rgba(0, 0, 0, 0);
+  --origam-tabs__item--focus---outline-color: currentColor;
+  --origam-tabs__item--pills--active---background-color: var(--origam-color__action--primary---bg);
+  --origam-tabs__item--pills--active---color: var(--origam-color__action--primary---fg);
   --origam-tab-panels__panel---padding-block: var(--origam-space---4);
   --origam-tab-panels__panel---padding-inline: var(--origam-space---0);
   --origam-tabs__panel---transition-duration: var(--origam-motion__duration---fast);
@@ -2731,6 +2814,26 @@
   --origam-audio--error---padding: var(--origam-space---2) var(--origam-space---3);
   --origam-audio--error---gap: var(--origam-space---2);
   --origam-audio--error---icon-font-size: var(--origam-font__size---lg);
+  /* #594 — canaux C2 ouverts : lus par OrigamAudio depuis des selecteurs VIVANTS, declares par personne. Valeurs = le repli deja rendu. */
+  --origam-audio__header---margin-bottom: 12px;
+  --origam-audio__btn---size: 28px;
+  --origam-audio__btn---icon-size: 16px;
+  --origam-audio__meta-separator---content: "\00B7"; /* #594 — U+00B7 ECHAPPE, et il DOIT le rester. Ecrit en litteral, ce seul caractere non-ASCII faisait emettre a dart-sass un BOM en tete de main.css (`--style=compressed` pose un BOM la ou le mode etendu poserait `@charset`). Un BOM n est PAS retire a l interieur d un `<style>` : il se collait au premier selecteur, qui ne matchait alors plus rien — les 156 declarations primitives mortes, tous les tokens semantiques et derives a vide. Mesure le 2026-09-30 : 7 echecs sur derived-tokens-subtree.spec.ts. L echappement rend le MEME glyphe (verifie en Chromium) et garde la feuille compilee en ASCII pur. Regle : aucune valeur de token ne doit contenir de caractere non-ASCII — utiliser la forme \XXXX. */
+  --origam-audio__playlist---max-height: 220px;
+  --origam-audio__playlist---padding-top: 8px;
+  --origam-audio__playlist---margin-top: 12px;
+  --origam-audio__playlist---border-color: color-mix(in srgb, currentColor 8%, transparent);
+  /* Les deux lignes de meta de la playlist resolvaient `var(--origam-color__text---secondary)` par repli — exactement ce que `--origam-audio---secondary-color` declare deja. Les brancher dessus ouvre les deux canaux ET rend ce token atteignable, a valeur rendue identique. */
+  --origam-audio__playlist-subtitle---color: var(--origam-audio---secondary-color);
+  --origam-audio__playlist-duration---color: var(--origam-audio---secondary-color);
+  --origam-audio__playlist-item__prepend---margin-inline-end: 12px;
+  --origam-audio--compact---padding: 8px 12px;
+  --origam-audio--compact__header---gap: 12px;
+  --origam-audio--compact__btn---size: 24px;
+  --origam-audio--compact__btn---icon-size: 14px;
+  --origam-audio--compact__play-btn---size: 56px;
+  --origam-audio--compact__play-btn---icon-size: 40px;
+  --origam-audio--compact__progress---height: 3px;
   --origam-media-scrubber---color: var(--origam-color__action--primary---bg);
   --origam-media-scrubber---primary: var(--origam-color__action--primary---bg);
   --origam-media-scrubber---track-background-color: var(--origam-color__surface---overlay);
@@ -3442,6 +3545,15 @@
     --origam-chip__filter---transition-property: transform, opacity;
     --origam-chip__filter---transition-duration: var(--origam-motion__duration---normal);
     --origam-chip__filter---transition-timing-function: var(--origam-motion__easing---standard);
+    /* #595 — canaux C2 ouverts : lus par OrigamChip, declares par personne. Valeurs = le repli deja rendu. Les hauteurs ne passent PAS par l echelle `space` : 38px et 44px n y ont aucun barreau. */
+    --origam-chip---height-xs: 20px;
+    --origam-chip---height-sm: 24px;
+    --origam-chip---height-md: 32px;
+    --origam-chip---height-lg: 38px;
+    --origam-chip---height-xl: 44px;
+    --origam-chip---border-radius-rounded: var(--origam-radius---xl);
+    --origam-chip__close---margin-inline-start: 6px;
+    --origam-chip__close---margin-inline-end: -4px;
     --origam-avatar---background-color: var(--origam-color__surface---overlay);
     --origam-avatar---color: var(--origam-color__text---secondary);
     --origam-avatar---border-color: currentColor;
@@ -3848,6 +3960,18 @@
     --origam-toolbar__append---flex-basis: auto;
     --origam-toolbar__append---margin-inline-start: auto;
     --origam-toolbar__append---margin-inline-end: var(--origam-space---2);
+    /* Toolbar + AppBar — #596. Same rule: every value is the literal the SCSS
+       already fell back to, so nothing moves on screen.
+       --origam-toolbar---btn-background-color-{hover,active},
+       --origam-appbar---backdrop-filter and --origam-layout---position-{left,right}
+       stay UNDECLARED on purpose — see the comments at their read sites in
+       OrigamToolbar.vue. */
+    --origam-toolbar---padding-inline: var(--origam-space---4);
+    --origam-toolbar---btn-background-color: rgba(0, 0, 0, 0);
+    --origam-toolbar---btn-color: currentColor;
+    --origam-toolbar---btn-border-radius: var(--origam-radius---md);
+    --origam-toolbar__wrapper---gap: var(--origam-space---3);
+    --origam-toolbar__title---color: currentColor;
     --origam-app---background-color: var(--origam-color__surface---default);
     --origam-app---color: var(--origam-color__text---primary);
     --origam-app---min-height: 100vh;
@@ -4039,7 +4163,7 @@
     --origam-field---padding-top: var(--origam-space---2);
     --origam-field---padding-bottom: 6px;
     --origam-field---font-size: 16px;
-    --origam-field---letter-spacing: var(--origam-font__letterSpacing---wide);
+    --origam-field---letter-spacing: 0.009375em; /* #595 — PAS `letterSpacing---wide` (0.0094em) : `.origam-field` et `.origam-field__input` livrent 0.009375em en dur depuis toujours. Le barreau de l echelle en differe de 0.000025em, assez pour deplacer la piste de tous les champs. Valeur reellement livree, barreau assume hors echelle — meme arbitrage que `--origam-input__details---padding-top: 6px` (#595). */
     --origam-field---border-radius: var(--origam-radius---sm);
     --origam-field---border-color: var(--origam-color__border---default);
     --origam-field---border-width: var(--origam-border__width---thin);
@@ -4058,6 +4182,11 @@
     --origam-field---focus-ring-width: 0px;
     --origam-field---focus-ring-offset: 0px;
     --origam-field--variant-solo---box-shadow: var(--origam-shadow---sm);
+    /* #595 — canaux C2 ouverts : lus par OrigamField, declares par personne. Valeurs = le repli deja rendu. `16px` et `4px` coincident EXACTEMENT avec `radius---xl` et `space---1` (verifie sur primitive.css), donc routes par leurs barreaux ; `0.42` n a aucun barreau (l echelle opacity va 0/12/26/32/50/60/70/87/100), litteral assume ; le `color-mix` est recopie VERBATIM — `currentColor` doit rester substitue sur l element consommateur, pas ici. */
+    --origam-field---border-radius-rounded: var(--origam-radius---xl);
+    --origam-field--inline---padding-inline: var(--origam-space---1);
+    --origam-field--variant-filled---background-color: color-mix(in srgb, currentColor 12%, transparent);
+    --origam-field--variant-filled---border-opacity: 0.42;
     --origam-field---variant-outlined-background-color: rgba(0, 0, 0, 0);
     --origam-field__overlay---background-color: var(--origam-color__overlay---scrim);
     --origam-field__overlay---opacity: var(--origam-opacity---0);
@@ -4571,6 +4700,12 @@
     --origam-pagination---input-width: var(--origam-space---10);
     --origam-pagination---input-padding-inline: var(--origam-space---2);
     --origam-pagination---label-gap: var(--origam-space---2);
+    /* Pagination — #596. rgba(0, 0, 0, 0) is the computed equivalent of the
+       `transparent` literal the SCSS already fell back to for the active item's
+       border, so nothing moves on screen. The three other --item--is-active
+       channels and --origam-pagination---color-hover stay UNDECLARED on purpose
+       — see the comments at their read sites in OrigamPagination.vue. */
+    --origam-pagination__item--is-active---border-color: rgba(0, 0, 0, 0);
     --origam-table---background-color: var(--origam-color__surface---default);
     --origam-table---color: var(--origam-color__text---primary);
     --origam-table---font-size: var(--origam-font__size---md);
@@ -4719,8 +4854,10 @@
     --origam-list---pointer-events: auto;
     --origam-list---user-select: auto;
     --origam-list---indent-padding: 0px;
+    --origam-list--nav---item-gap: 2px;
+    --origam-list--nav---item-min-height: 44px;
+    --origam-list--nav---item-padding-block: 6px;
     --origam-list---density: 0px;
-    --origam-list---indent-padding-nav: -8px;
     --origam-list---slim-prepend-width: 28px;
     --origam-list__overlay---background-color: var(--origam-color__overlay---scrim);
     --origam-list__overlay---border-radius: inherit;
@@ -5177,6 +5314,16 @@
     --origam-switch__label---font-size: var(--origam-font__size---md);
     --origam-switch__label---padding-inline: var(--origam-space---2);
     --origam-switch__input---opacity: 0;
+    /* #595 — canaux C2 ouverts : ces neuf noms etaient lus par OrigamSwitch / OrigamSwitchTrack et declares par personne. Chaque valeur est le repli deja rendu, recopie a l identique. */
+    --origam-switch__thumb---border-color: rgba(0, 0, 0, 0.18);
+    --origam-switch__thumb---color: currentColor;
+    --origam-switch__selection-control---min-height: 56px;
+    --origam-switch__skeleton---width: 52px;
+    --origam-switch__skeleton---height: 32px;
+    --origam-switch__skeleton-track---background-color: color-mix(in srgb, currentColor 14%, transparent);
+    --origam-switch__skeleton-thumb---background-color: color-mix(in srgb, currentColor 28%, transparent);
+    --origam-switch__track--inset---height: 32px;
+    --origam-switch__track--inset---width: 52px;
     --origam-switch---opacity-disabled: var(--origam-opacity---32);
     --origam-slider-field---padding-block: var(--origam-space---2);
     --origam-slider-field---transition-duration: var(--origam-motion__duration---fast);
@@ -5199,11 +5346,24 @@
     --origam-slider-field__tick---size: 4px;
     --origam-slider-field__tick---background-color: var(--origam-color__text---disabled);
     --origam-slider-field__tick---background-color-active: var(--origam-color__action--primary---fg);
-    --origam-slider-field__tick---border-radius: var(--origam-radius---full);
+    --origam-slider-field__tick---border-radius: 2px; /* #595 — PAS `radius---full` (9999px) : `.origam-slider-field-track__tick` livre `border-radius: 2px` en dur. Valeur reellement livree. */
     --origam-slider-field__label---color: var(--origam-color__text---secondary);
     --origam-slider-field__label---font-size: var(--origam-font__size---sm);
     --origam-slider-field__label---padding: var(--origam-space---1);
     --origam-slider-field---opacity-disabled: var(--origam-opacity---32);
+    /* #595 — canaux C2 ouverts : lus par OrigamSliderField / OrigamSliderFieldTrack, declares par personne. Valeurs = le repli deja rendu ; les `var()` internes sont recopies VERBATIM pour ne pas fermer le canal `--origam-color__*--inverse---*`, encore non declare. */
+    --origam-slider-field-thumb__surface---border-color: rgba(0, 0, 0, 0.18);
+    --origam-slider-field__buffered---background-color: color-mix(in srgb, currentColor 40%, transparent);
+    --origam-slider-field__buffered---opacity: 0.5;
+    --origam-slider-field__buffered--bare---background-color: color-mix(in srgb, currentColor 40%, transparent);
+    --origam-slider-field__track---transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
+    --origam-slider-field__hover-tooltip---background-color: var(--origam-color__surface---inverse);
+    --origam-slider-field__hover-tooltip---color: var(--origam-color__text---inverse);
+    --origam-slider-field--bare---accent-color: var(--origam-color__action--primary---bg);
+    --origam-slider-field--bare---thumb-size: 12px;
+    --origam-slider-field--bare---track-background-color: color-mix(in srgb, currentColor 25%, transparent);
+    --origam-slider-field--bare---track-thickness: 2px;
+    --origam-slider-field--bare---track-thickness-active: 4px;
     --origam-icon---color: currentColor;
     --origam-icon---transition-duration: var(--origam-motion__duration---fast);
     --origam-icon---transition-timing-function: var(--origam-motion__easing---standard);
@@ -5462,6 +5622,32 @@
     --origam-tabs__item---transition-easing: var(--origam-motion__easing---standard);
     --origam-tabs__indicator---color: var(--origam-color__action--primary---bg);
     --origam-tabs__indicator---height: var(--origam-border__width---2);
+    /* Tabs — #596. Each value is exactly the literal (or token reference) the
+       component SCSS already fell back to, so nothing moves on screen: the
+       variant (--default / --pills / --underline) and item-state channels were
+       simply never declared, so every theme edit to them was a no-op.
+       --item--disabled---color and --item--hover---background-color keep their
+       legacy hardcoded rgba(0, 0, 0, …) — that is what the DS renders today in
+       BOTH themes, and swapping them for a semantic token would move the dark
+       rendering, which is a design decision and not a token-wiring one.
+       Declaring them here is what finally lets a theme fix that. */
+    --origam-tabs--default---border-block-end-width: var(--origam-border__width---thin);
+    --origam-tabs--default---border-block-end-color: var(--origam-color__border---subtle);
+    --origam-tabs--underline---border-block-end-width: var(--origam-border__width---thin);
+    --origam-tabs--underline---border-block-end-color: var(--origam-color__border---subtle);
+    --origam-tabs--pills---background-color: rgba(0, 0, 0, 0);
+    --origam-tabs--pills---gap: var(--origam-space---2);
+    --origam-tabs--pills---padding: var(--origam-space---1);
+    --origam-tabs__item--hover---color: currentColor;
+    --origam-tabs__item--hover---background-color: rgba(0, 0, 0, 0.04);
+    --origam-tabs__item--active---color: currentColor;
+    --origam-tabs__item--active---background-color: rgba(0, 0, 0, 0);
+    --origam-tabs__item--active---font-weight: var(--origam-font__weight---semibold);
+    --origam-tabs__item--disabled---color: rgba(0, 0, 0, 0.38);
+    --origam-tabs__item--disabled---background-color: rgba(0, 0, 0, 0);
+    --origam-tabs__item--focus---outline-color: currentColor;
+    --origam-tabs__item--pills--active---background-color: var(--origam-color__action--primary---bg);
+    --origam-tabs__item--pills--active---color: var(--origam-color__action--primary---fg);
     --origam-tab-panels__panel---padding-block: var(--origam-space---4);
     --origam-tab-panels__panel---padding-inline: var(--origam-space---0);
     --origam-tabs__panel---transition-duration: var(--origam-motion__duration---fast);
@@ -5648,6 +5834,26 @@
     --origam-audio--error---padding: var(--origam-space---2) var(--origam-space---3);
     --origam-audio--error---gap: var(--origam-space---2);
     --origam-audio--error---icon-font-size: var(--origam-font__size---lg);
+    /* #594 — canaux C2 ouverts : lus par OrigamAudio depuis des selecteurs VIVANTS, declares par personne. Valeurs = le repli deja rendu. */
+    --origam-audio__header---margin-bottom: 12px;
+    --origam-audio__btn---size: 28px;
+    --origam-audio__btn---icon-size: 16px;
+    --origam-audio__meta-separator---content: "\00B7"; /* #594 — U+00B7 ECHAPPE, et il DOIT le rester. Ecrit en litteral, ce seul caractere non-ASCII faisait emettre a dart-sass un BOM en tete de main.css (`--style=compressed` pose un BOM la ou le mode etendu poserait `@charset`). Un BOM n est PAS retire a l interieur d un `<style>` : il se collait au premier selecteur, qui ne matchait alors plus rien — les 156 declarations primitives mortes, tous les tokens semantiques et derives a vide. Mesure le 2026-09-30 : 7 echecs sur derived-tokens-subtree.spec.ts. L echappement rend le MEME glyphe (verifie en Chromium) et garde la feuille compilee en ASCII pur. Regle : aucune valeur de token ne doit contenir de caractere non-ASCII — utiliser la forme \XXXX. */
+    --origam-audio__playlist---max-height: 220px;
+    --origam-audio__playlist---padding-top: 8px;
+    --origam-audio__playlist---margin-top: 12px;
+    --origam-audio__playlist---border-color: color-mix(in srgb, currentColor 8%, transparent);
+    /* Les deux lignes de meta de la playlist resolvaient `var(--origam-color__text---secondary)` par repli — exactement ce que `--origam-audio---secondary-color` declare deja. Les brancher dessus ouvre les deux canaux ET rend ce token atteignable, a valeur rendue identique. */
+    --origam-audio__playlist-subtitle---color: var(--origam-audio---secondary-color);
+    --origam-audio__playlist-duration---color: var(--origam-audio---secondary-color);
+    --origam-audio__playlist-item__prepend---margin-inline-end: 12px;
+    --origam-audio--compact---padding: 8px 12px;
+    --origam-audio--compact__header---gap: 12px;
+    --origam-audio--compact__btn---size: 24px;
+    --origam-audio--compact__btn---icon-size: 14px;
+    --origam-audio--compact__play-btn---size: 56px;
+    --origam-audio--compact__play-btn---icon-size: 40px;
+    --origam-audio--compact__progress---height: 3px;
     --origam-media-scrubber---color: var(--origam-color__action--primary---bg);
     --origam-media-scrubber---primary: var(--origam-color__action--primary---bg);
     --origam-media-scrubber---track-background-color: var(--origam-color__surface---overlay);

package/dist/src/assets/scss/tokens/_light.scss

@@ -426,6 +426,15 @@
   --origam-chip__filter---transition-property: transform, opacity;
   --origam-chip__filter---transition-duration: var(--origam-motion__duration---normal);
   --origam-chip__filter---transition-timing-function: var(--origam-motion__easing---standard);
+  /* #595 — canaux C2 ouverts : lus par OrigamChip, declares par personne. Valeurs = le repli deja rendu. Les hauteurs ne passent PAS par l echelle `space` : 38px et 44px n y ont aucun barreau. */
+  --origam-chip---height-xs: 20px;
+  --origam-chip---height-sm: 24px;
+  --origam-chip---height-md: 32px;
+  --origam-chip---height-lg: 38px;
+  --origam-chip---height-xl: 44px;
+  --origam-chip---border-radius-rounded: var(--origam-radius---xl);
+  --origam-chip__close---margin-inline-start: 6px;
+  --origam-chip__close---margin-inline-end: -4px;
   --origam-avatar---background-color: var(--origam-color__surface---overlay);
   --origam-avatar---color: var(--origam-color__text---secondary);
   --origam-avatar---border-color: currentColor;
@@ -832,6 +841,18 @@
   --origam-toolbar__append---flex-basis: auto;
   --origam-toolbar__append---margin-inline-start: auto;
   --origam-toolbar__append---margin-inline-end: var(--origam-space---2);
+  /* Toolbar + AppBar — #596. Same rule: every value is the literal the SCSS
+     already fell back to, so nothing moves on screen.
+     --origam-toolbar---btn-background-color-{hover,active},
+     --origam-appbar---backdrop-filter and --origam-layout---position-{left,right}
+     stay UNDECLARED on purpose — see the comments at their read sites in
+     OrigamToolbar.vue. */
+  --origam-toolbar---padding-inline: var(--origam-space---4);
+  --origam-toolbar---btn-background-color: rgba(0, 0, 0, 0);
+  --origam-toolbar---btn-color: currentColor;
+  --origam-toolbar---btn-border-radius: var(--origam-radius---md);
+  --origam-toolbar__wrapper---gap: var(--origam-space---3);
+  --origam-toolbar__title---color: currentColor;
   --origam-app---background-color: var(--origam-color__surface---default);
   --origam-app---color: var(--origam-color__text---primary);
   --origam-app---min-height: 100vh;
@@ -1023,7 +1044,7 @@
   --origam-field---padding-top: var(--origam-space---2);
   --origam-field---padding-bottom: 6px;
   --origam-field---font-size: 16px;
-  --origam-field---letter-spacing: var(--origam-font__letterSpacing---wide);
+  --origam-field---letter-spacing: 0.009375em; /* #595 — PAS `letterSpacing---wide` (0.0094em) : `.origam-field` et `.origam-field__input` livrent 0.009375em en dur depuis toujours. Le barreau de l echelle en differe de 0.000025em, assez pour deplacer la piste de tous les champs. Valeur reellement livree, barreau assume hors echelle — meme arbitrage que `--origam-input__details---padding-top: 6px` (#595). */
   --origam-field---border-radius: var(--origam-radius---sm);
   --origam-field---border-color: var(--origam-color__border---default);
   --origam-field---border-width: var(--origam-border__width---thin);
@@ -1042,6 +1063,11 @@
   --origam-field---focus-ring-width: 0px;
   --origam-field---focus-ring-offset: 0px;
   --origam-field--variant-solo---box-shadow: var(--origam-shadow---sm);
+  /* #595 — canaux C2 ouverts : lus par OrigamField, declares par personne. Valeurs = le repli deja rendu. `16px` et `4px` coincident EXACTEMENT avec `radius---xl` et `space---1` (verifie sur primitive.css), donc routes par leurs barreaux ; `0.42` n a aucun barreau (l echelle opacity va 0/12/26/32/50/60/70/87/100), litteral assume ; le `color-mix` est recopie VERBATIM — `currentColor` doit rester substitue sur l element consommateur, pas ici. */
+  --origam-field---border-radius-rounded: var(--origam-radius---xl);
+  --origam-field--inline---padding-inline: var(--origam-space---1);
+  --origam-field--variant-filled---background-color: color-mix(in srgb, currentColor 12%, transparent);
+  --origam-field--variant-filled---border-opacity: 0.42;
   --origam-field---variant-outlined-background-color: rgba(0, 0, 0, 0);
   --origam-field__overlay---background-color: var(--origam-color__overlay---scrim);
   --origam-field__overlay---opacity: var(--origam-opacity---0);
@@ -1555,6 +1581,12 @@
   --origam-pagination---input-width: var(--origam-space---10);
   --origam-pagination---input-padding-inline: var(--origam-space---2);
   --origam-pagination---label-gap: var(--origam-space---2);
+  /* Pagination — #596. rgba(0, 0, 0, 0) is the computed equivalent of the
+     `transparent` literal the SCSS already fell back to for the active item's
+     border, so nothing moves on screen. The three other --item--is-active
+     channels and --origam-pagination---color-hover stay UNDECLARED on purpose
+     — see the comments at their read sites in OrigamPagination.vue. */
+  --origam-pagination__item--is-active---border-color: rgba(0, 0, 0, 0);
   --origam-table---background-color: var(--origam-color__surface---default);
   --origam-table---color: var(--origam-color__text---primary);
   --origam-table---font-size: var(--origam-font__size---md);
@@ -1705,8 +1737,10 @@
   --origam-list---pointer-events: auto;
   --origam-list---user-select: auto;
   --origam-list---indent-padding: 0px;
+  --origam-list--nav---item-gap: 2px;
+  --origam-list--nav---item-min-height: 44px;
+  --origam-list--nav---item-padding-block: 6px;
   --origam-list---density: 0px;
-  --origam-list---indent-padding-nav: -8px;
   --origam-list---slim-prepend-width: 28px;
   --origam-list__overlay---background-color: var(--origam-color__overlay---scrim);
   --origam-list__overlay---border-radius: inherit;
@@ -2176,6 +2210,16 @@
   --origam-switch__label---font-size: var(--origam-font__size---md);
   --origam-switch__label---padding-inline: var(--origam-space---2);
   --origam-switch__input---opacity: 0;
+  /* #595 — canaux C2 ouverts : ces neuf noms etaient lus par OrigamSwitch / OrigamSwitchTrack et declares par personne. Chaque valeur est le repli deja rendu, recopie a l identique. */
+  --origam-switch__thumb---border-color: rgba(0, 0, 0, 0.18);
+  --origam-switch__thumb---color: currentColor;
+  --origam-switch__selection-control---min-height: 56px;
+  --origam-switch__skeleton---width: 52px;
+  --origam-switch__skeleton---height: 32px;
+  --origam-switch__skeleton-track---background-color: color-mix(in srgb, currentColor 14%, transparent);
+  --origam-switch__skeleton-thumb---background-color: color-mix(in srgb, currentColor 28%, transparent);
+  --origam-switch__track--inset---height: 32px;
+  --origam-switch__track--inset---width: 52px;
   --origam-switch---opacity-disabled: var(--origam-opacity---32);
   --origam-slider-field---padding-block: var(--origam-space---2);
   --origam-slider-field---transition-duration: var(--origam-motion__duration---fast);
@@ -2198,11 +2242,24 @@
   --origam-slider-field__tick---size: 4px;
   --origam-slider-field__tick---background-color: var(--origam-color__text---disabled);
   --origam-slider-field__tick---background-color-active: var(--origam-color__action--primary---fg);
-  --origam-slider-field__tick---border-radius: var(--origam-radius---full);
+  --origam-slider-field__tick---border-radius: 2px; /* #595 — PAS `radius---full` (9999px) : `.origam-slider-field-track__tick` livre `border-radius: 2px` en dur. Valeur reellement livree. */
   --origam-slider-field__label---color: var(--origam-color__text---secondary);
   --origam-slider-field__label---font-size: var(--origam-font__size---sm);
   --origam-slider-field__label---padding: var(--origam-space---1);
   --origam-slider-field---opacity-disabled: var(--origam-opacity---32);
+  /* #595 — canaux C2 ouverts : lus par OrigamSliderField / OrigamSliderFieldTrack, declares par personne. Valeurs = le repli deja rendu ; les `var()` internes sont recopies VERBATIM pour ne pas fermer le canal `--origam-color__*--inverse---*`, encore non declare. */
+  --origam-slider-field-thumb__surface---border-color: rgba(0, 0, 0, 0.18);
+  --origam-slider-field__buffered---background-color: color-mix(in srgb, currentColor 40%, transparent);
+  --origam-slider-field__buffered---opacity: 0.5;
+  --origam-slider-field__buffered--bare---background-color: color-mix(in srgb, currentColor 40%, transparent);
+  --origam-slider-field__track---transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
+  --origam-slider-field__hover-tooltip---background-color: var(--origam-color__surface---inverse);
+  --origam-slider-field__hover-tooltip---color: var(--origam-color__text---inverse);
+  --origam-slider-field--bare---accent-color: var(--origam-color__action--primary---bg);
+  --origam-slider-field--bare---thumb-size: 12px;
+  --origam-slider-field--bare---track-background-color: color-mix(in srgb, currentColor 25%, transparent);
+  --origam-slider-field--bare---track-thickness: 2px;
+  --origam-slider-field--bare---track-thickness-active: 4px;
   --origam-icon---color: currentColor;
   --origam-icon---transition-duration: var(--origam-motion__duration---fast);
   --origam-icon---transition-timing-function: var(--origam-motion__easing---standard);
@@ -2461,6 +2518,32 @@
   --origam-tabs__item---transition-easing: var(--origam-motion__easing---standard);
   --origam-tabs__indicator---color: var(--origam-color__action--primary---bg);
   --origam-tabs__indicator---height: var(--origam-border__width---2);
+  /* Tabs — #596. Each value is exactly the literal (or token reference) the
+     component SCSS already fell back to, so nothing moves on screen: the
+     variant (--default / --pills / --underline) and item-state channels were
+     simply never declared, so every theme edit to them was a no-op.
+     --item--disabled---color and --item--hover---background-color keep their
+     legacy hardcoded rgba(0, 0, 0, …) — that is what the DS renders today in
+     BOTH themes, and swapping them for a semantic token would move the dark
+     rendering, which is a design decision and not a token-wiring one.
+     Declaring them here is what finally lets a theme fix that. */
+  --origam-tabs--default---border-block-end-width: var(--origam-border__width---thin);
+  --origam-tabs--default---border-block-end-color: var(--origam-color__border---subtle);
+  --origam-tabs--underline---border-block-end-width: var(--origam-border__width---thin);
+  --origam-tabs--underline---border-block-end-color: var(--origam-color__border---subtle);
+  --origam-tabs--pills---background-color: rgba(0, 0, 0, 0);
+  --origam-tabs--pills---gap: var(--origam-space---2);
+  --origam-tabs--pills---padding: var(--origam-space---1);
+  --origam-tabs__item--hover---color: currentColor;
+  --origam-tabs__item--hover---background-color: rgba(0, 0, 0, 0.04);
+  --origam-tabs__item--active---color: currentColor;
+  --origam-tabs__item--active---background-color: rgba(0, 0, 0, 0);
+  --origam-tabs__item--active---font-weight: var(--origam-font__weight---semibold);
+  --origam-tabs__item--disabled---color: rgba(0, 0, 0, 0.38);
+  --origam-tabs__item--disabled---background-color: rgba(0, 0, 0, 0);
+  --origam-tabs__item--focus---outline-color: currentColor;
+  --origam-tabs__item--pills--active---background-color: var(--origam-color__action--primary---bg);
+  --origam-tabs__item--pills--active---color: var(--origam-color__action--primary---fg);
   --origam-tab-panels__panel---padding-block: var(--origam-space---4);
   --origam-tab-panels__panel---padding-inline: var(--origam-space---0);
   --origam-tabs__panel---transition-duration: var(--origam-motion__duration---fast);
@@ -2647,6 +2730,26 @@
   --origam-audio--error---padding: var(--origam-space---2) var(--origam-space---3);
   --origam-audio--error---gap: var(--origam-space---2);
   --origam-audio--error---icon-font-size: var(--origam-font__size---lg);
+  /* #594 — canaux C2 ouverts : lus par OrigamAudio depuis des selecteurs VIVANTS, declares par personne. Valeurs = le repli deja rendu. */
+  --origam-audio__header---margin-bottom: 12px;
+  --origam-audio__btn---size: 28px;
+  --origam-audio__btn---icon-size: 16px;
+  --origam-audio__meta-separator---content: "\00B7"; /* #594 — U+00B7 ECHAPPE, et il DOIT le rester. Ecrit en litteral, ce seul caractere non-ASCII faisait emettre a dart-sass un BOM en tete de main.css (`--style=compressed` pose un BOM la ou le mode etendu poserait `@charset`). Un BOM n est PAS retire a l interieur d un `<style>` : il se collait au premier selecteur, qui ne matchait alors plus rien — les 156 declarations primitives mortes, tous les tokens semantiques et derives a vide. Mesure le 2026-09-30 : 7 echecs sur derived-tokens-subtree.spec.ts. L echappement rend le MEME glyphe (verifie en Chromium) et garde la feuille compilee en ASCII pur. Regle : aucune valeur de token ne doit contenir de caractere non-ASCII — utiliser la forme \XXXX. */
+  --origam-audio__playlist---max-height: 220px;
+  --origam-audio__playlist---padding-top: 8px;
+  --origam-audio__playlist---margin-top: 12px;
+  --origam-audio__playlist---border-color: color-mix(in srgb, currentColor 8%, transparent);
+  /* Les deux lignes de meta de la playlist resolvaient `var(--origam-color__text---secondary)` par repli — exactement ce que `--origam-audio---secondary-color` declare deja. Les brancher dessus ouvre les deux canaux ET rend ce token atteignable, a valeur rendue identique. */
+  --origam-audio__playlist-subtitle---color: var(--origam-audio---secondary-color);
+  --origam-audio__playlist-duration---color: var(--origam-audio---secondary-color);
+  --origam-audio__playlist-item__prepend---margin-inline-end: 12px;
+  --origam-audio--compact---padding: 8px 12px;
+  --origam-audio--compact__header---gap: 12px;
+  --origam-audio--compact__btn---size: 24px;
+  --origam-audio--compact__btn---icon-size: 14px;
+  --origam-audio--compact__play-btn---size: 56px;
+  --origam-audio--compact__play-btn---icon-size: 40px;
+  --origam-audio--compact__progress---height: 3px;
   --origam-media-scrubber---color: var(--origam-color__action--primary---bg);
   --origam-media-scrubber---primary: var(--origam-color__action--primary---bg);
   --origam-media-scrubber---track-background-color: var(--origam-color__surface---overlay);

package/dist/src/components/Audio/OrigamAudio.vue

@@ -827,6 +827,27 @@ defineExpose({
 			}
 		}
 
+		/*
+		 * ⛔ #594 — SEPT tokens `--origam-audio*` que les feuilles declarent et
+		 * que ce SCSS ne lit pas. Ils restent en baseline
+		 * `token-var-channels-dormant.json` :
+		 *
+		 *   · `__cover---border-radius` (radius---md = 8px) — la pochette est un
+		 *     DISQUE : `border-radius: 50%` ci-dessous, sillons concentriques et
+		 *     trou de broche compris. Cabler par le nom transformerait le vinyle
+		 *     en carre arrondi. Exemple type du « ne jamais cabler un orphelin
+		 *     sur la foi de son nom » ;
+		 *   · `__artist---color`, `__album---color`, `__duration---color`
+		 *     (text---secondary) — les trois elements existent, mais leur
+		 *     couleur vient de `.origam-audio__meta`, en
+		 *     `color-mix(in srgb, currentColor 60%, transparent)`. La valeur
+		 *     declaree est une AUTRE couleur ;
+		 *   · `__body---gap` (space---3), `__compact---body-gap` (space---2) —
+		 *     aucune classe `.origam-audio__body` dans le template ;
+		 *   · `__transport---btn-icon-size` (20px) — la taille livree pour les
+		 *     boutons de la rangee est 16px (`__btn---icon-size`, cable), et le
+		 *     bloc `&__transport` est de toute facon un selecteur mort.
+		 */
 		&__cover {
 			margin: 0;
 			display: flex;
@@ -1028,6 +1049,27 @@ defineExpose({
 			color: var(--origam-audio__waveform---color, color-mix(in srgb, currentColor 50%, transparent));
 		}
 
+		/*
+		 * ⛔ #594 — SELECTEURS MORTS, mesure du 2026-09-27. Ni
+		 * `.origam-audio__transport`, ni `__nav-btn`, ni `__play-btn`, ni
+		 * `__time`, ni `__spacer`, ni `__volume`, ni `__cast`, ni `__config`
+		 * n existent dans le template : la barre de transport a ete remplacee
+		 * par `OrigamMediaController` (`.origam-audio__controller`, ligne 65),
+		 * et ces blocs sont restes. Verifie sur les 45 variants de la story
+		 * dans Chromium — `document.querySelector` renvoie `null` partout.
+		 *
+		 * Consequence pour la campagne C2 : les tokens que ces regles lisent
+		 * (`__transport---min-height`, les quatre `__nav-btn---*`,
+		 * `__play-btn---color`, `__play-btn---icon-size`, `__time---color`)
+		 * sont LAISSES non declares a dessein. Les declarer ne deplacerait
+		 * aucun pixel — precisement parce que rien ne matche — mais graverait
+		 * dans le canal public des noms qu un theme pourrait regler sans
+		 * jamais rien voir changer. Ils restent en baseline
+		 * `token-var-channels.json` jusqu a ce que ces blocs soient soit
+		 * supprimes, soit recables sur le controleur (cf. #578).
+		 *
+		 * Meme cas une trentaine de lignes plus bas pour `&__playlist-artist`.
+		 */
 		&__transport {
 			display: flex;
 			align-items: center;
@@ -1120,8 +1162,22 @@ defineExpose({
 			align-items: center;
 			gap: var(--origam-audio--error---gap, 6px);
 			padding: var(--origam-audio--error---padding, 8px 12px);
-			background-color: var(--origam-audio--error---background-color, var(--origam-color__status--error--bg, transparent));
-			color: var(--origam-audio--error---color, var(--origam-color__status--error---color, inherit));
+			/*
+			 * #594 — EFFONDREMENT de deux replis fantomes. Les deux lignes
+			 * lisaient `var(RUNG1, var(--origam-color__status--error---*, T))`.
+			 * Mesure : la famille `--origam-color__status--*` n est declaree
+			 * NULLE PART (zero occurrence en partie gauche dans
+			 * `assets/css/tokens/*` ni `assets/scss/tokens/*`) — c est une
+			 * grammaire fantome, et `--error--bg` y ecrivait meme `--bg` au
+			 * lieu de `---bg`. Les deux RUNG1 sont eux declares light ET dark
+			 * (`--origam-color__feedback--danger---bgSubtle` / `---fgSubtle`),
+			 * donc l echelon fantome etait INATTEIGNABLE par construction : il
+			 * ne peignait rien et ne pouvait rien peindre. Retire du site de
+			 * lecture — zero pixel deplace, deux canaux morts en moins, et pas
+			 * un nom faux grave dans le canal public.
+			 */
+			background-color: var(--origam-audio--error---background-color, transparent);
+			color: var(--origam-audio--error---color, inherit);
 			border-radius: var(--origam-audio--error---border-radius, var(--origam-radius---sm, 4px));
 			font-size: var(--origam-audio--error---font-size, 0.875rem);
 			grid-column: 1 / -1;
@@ -1260,6 +1316,14 @@ defineExpose({
 			}
 		}
 
+		/*
+		 * ⛔ #594 — SELECTEUR MORT : aucune `.origam-audio__playlist-artist`
+		 * dans le template (la ligne de playlist rend un `OrigamListItem`,
+		 * dont le sous-titre porte `.origam-list-item__subtitle`, cable juste
+		 * au-dessus). `--origam-audio__playlist-artist---color` reste donc non
+		 * declare, pour la meme raison que le bloc `&__transport` : un canal
+		 * qui ne peint rien ne doit pas entrer dans la feuille publique.
+		 */
 		&__playlist-artist {
 			color: var(--origam-audio__playlist-artist---color, var(--origam-color__text---secondary));
 			font-size: 12px;