origam 2.18.18 → 2.18.20

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;
@@ -1133,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);
@@ -1152,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);
@@ -1819,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;
@@ -2278,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);
@@ -2300,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);
@@ -2775,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);
@@ -3486,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;
@@ -4095,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);
@@ -4114,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);
@@ -4781,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;
@@ -5239,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);
@@ -5261,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);
@@ -5736,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;
@@ -1035,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);
@@ -1054,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);
@@ -1723,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;
@@ -2194,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);
@@ -2216,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);
@@ -2691,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/assets/scss/tokens/_origam-utilities.scss

@@ -123,3 +123,33 @@
 .origam--text-lg { font-size: var(--origam-font__size---lg); }
 .origam--text-xl { font-size: var(--origam-font__size---xl); }
 .origam--text-2xl { font-size: var(--origam-font__size---2xl); }
+
+/* --- Opacity --------------------------------------------- */
+/*                                                            */
+/* Emitted by `useOpacity` when the value lands on a rung of   */
+/* the primitive ladder. `useOpacity` ALSO emits the matching  */
+/* inline `opacity:` declaration (strategy A). That is not     */
+/* redundancy: a scoped component rule is (0,2,0) and beats    */
+/* this (0,1,0) class whatever the load order, and OrigamBtn   */
+/* already declares `opacity` in its own SCSS. See #514.       */
+.origam--opacity-0 { opacity: var(--origam-opacity---0); }
+.origam--opacity-12 { opacity: var(--origam-opacity---12); }
+.origam--opacity-26 { opacity: var(--origam-opacity---26); }
+.origam--opacity-32 { opacity: var(--origam-opacity---32); }
+.origam--opacity-50 { opacity: var(--origam-opacity---50); }
+.origam--opacity-60 { opacity: var(--origam-opacity---60); }
+.origam--opacity-70 { opacity: var(--origam-opacity---70); }
+.origam--opacity-87 { opacity: var(--origam-opacity---87); }
+.origam--opacity-100 { opacity: var(--origam-opacity---100); }
+
+/* --- Backdrop blur --------------------------------------- */
+/*                                                            */
+/* Emitted by `useBackdrop`. The -webkit- twin is required:    */
+/* Safari still ships backdrop-filter prefixed only. Rung      */
+/* values follow the measured distribution of blur() literals  */
+/* in this repo, not a tidy doubling, hence sm = 6px.          */
+.origam--backdrop-blur-xs { backdrop-filter: blur(var(--origam-blur---xs)); -webkit-backdrop-filter: blur(var(--origam-blur---xs)); }
+.origam--backdrop-blur-sm { backdrop-filter: blur(var(--origam-blur---sm)); -webkit-backdrop-filter: blur(var(--origam-blur---sm)); }
+.origam--backdrop-blur-md { backdrop-filter: blur(var(--origam-blur---md)); -webkit-backdrop-filter: blur(var(--origam-blur---md)); }
+.origam--backdrop-blur-lg { backdrop-filter: blur(var(--origam-blur---lg)); -webkit-backdrop-filter: blur(var(--origam-blur---lg)); }
+.origam--backdrop-blur-xl { backdrop-filter: blur(var(--origam-blur---xl)); -webkit-backdrop-filter: blur(var(--origam-blur---xl)); }

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

@@ -162,6 +162,11 @@
   --origam-opacity---70: 0.7;
   --origam-opacity---87: 0.87;
   --origam-opacity---100: 1;
+  --origam-blur---xs: 4px;
+  --origam-blur---sm: 6px;
+  --origam-blur---md: 8px;
+  --origam-blur---lg: 16px;
+  --origam-blur---xl: 24px;
   --origam-border__width---0: 0px;
   --origam-border__width---2: 2px;
   --origam-border__width---4: 4px;

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;

package/dist/src/components/Chip/OrigamChip.vue

@@ -539,6 +539,18 @@ defineExpose({
 			color: var(--origam-chip--selected---color);
 		}
 
+		/*
+		 * ⛔ #595 — `--origam-chip---font-size` est lu par les cinq paliers et
+		 * DOIT rester non declare. C est le premier maillon d une chaine de
+		 * replis dont le second est par-palier : le declarer a `:root` figerait
+		 * la meme taille de police pour `x-small` comme pour `x-large` et
+		 * rendrait `--origam-chip---font-size-{xs..xl}` inatteignables — la
+		 * prop `size` perdrait son canal typographique. Meme piege que la
+		 * cascade de replis de Card (#593).
+		 *
+		 * Les cinq `---height-{xs..xl}`, eux, sont un niveau unique : ils
+		 * viennent d etre declares a leur valeur livree (20/24/32/38/44px).
+		 */
 		&--size-x-small {
 			font-size: var(--origam-chip---font-size, var(--origam-chip---font-size-xs, 0.625rem));
 			line-height: 1;
@@ -574,6 +586,28 @@ defineExpose({
 			padding: 0 var(--origam-chip---padding-xl, 17px);
 		}
 
+		/*
+		 * ⛔ #595 — QUINZE tokens `--origam-chip--*` que les feuilles declarent
+		 * et que ce SCSS ne lit PAS. Ils restent en baseline
+		 * `token-var-channels-dormant.json`, voici pourquoi :
+		 *
+		 *   · les douze `--{success,warning,danger,info}---{background-color,
+		 *     color,border-color}` et les deux `--outlined---{background-color,
+		 *     border-color}` supposent des regles `&--danger` / `&--outlined`
+		 *     que le composant n a pas et ne doit pas avoir : l intention est
+		 *     peinte par `useColorEffect` (style INLINE) et par les classes
+		 *     utilitaires `.origam--bg-*`. Une regle de variante au selecteur
+		 *     perdrait de toute facon contre l inline, ou — pire, avec un
+		 *     `!important` — empecherait la prop de peindre : c est exactement
+		 *     l incident qui a produit l ADR-005 et le garde `no-variant-css`.
+		 *     La classe emise reste un point d accroche CONSOMMATEUR ;
+		 *   · `---density` (0px) est ECRIT juste en dessous par les deux
+		 *     modificateurs de densite et LU par personne. C est un defaut
+		 *     distinct de C2 — la prop `density` de Chip est inerte, aucune
+		 *     hauteur ni marge ne consomme la variable — et le corriger
+		 *     changerait le rendu de `density="compact"`. Hors perimetre de ce
+		 *     lot, signale sans ticket ouvert (consigne du lot).
+		 */
 		&--density-default {
 			--origam-chip---density: 0px;
 		}