origam 2.18.18 → 2.18.19

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/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;
 		}

package/dist/src/components/Field/OrigamField.vue

@@ -572,8 +572,41 @@ defineExpose({
 		display: grid;
 		grid-template-areas: "prepend-inner field clear append-inner";
 		grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
+		/*
+		 * ⛔ #595 — NEUF tokens `--origam-field*` (plus un `--origam-input*`)
+		 * que les feuilles declarent et que ce SCSS ne lit pas. Ils restent en
+		 * baseline `token-var-channels-dormant.json` :
+		 *
+		 *   · les quatre `__overlay---{background-color,opacity,
+		 *     pointer-events,position}` — l element `.origam-field__overlay`
+		 *     EXISTE dans le template (ligne 10) mais AUCUNE regle ne le style :
+		 *     il est aujourd hui sans position, sans fond, sans opacite. Les
+		 *     cabler ajouterait quatre proprietes absentes du rendu. C est le
+		 *     raisonnement « visuellement inerte » qu un lot de #550 a tenu
+		 *     avant de devoir tout reverter (hypothese de containment non
+		 *     verifiee en navigateur) : on ne le rejoue pas ;
+		 *   · `---color` (text---primary) — la racine ne declare aucun `color`,
+		 *     la couleur du champ est heritee ;
+		 *   · `---transition-duration`, `---transition-easing` — la racine ne
+		 *     declare aucune `transition` ; celles qui existent sont portees par
+		 *     `__label` / `__clearable` / `__outline`, chacune avec son propre
+		 *     couple de tokens deja cable ;
+		 *   · `---prepend-inner-icon-opacity-focused`,
+		 *     `---append-inner-icon-opacity-focused` (opacity---100) — au focus,
+		 *     `opacity: 1` est pose sur les CONTENEURS `__prepend-inner` /
+		 *     `__append-inner`, pas sur l icone : l icone garde son 0.7. Cabler
+		 *     par le nom la ferait passer a 1 (changement de rendu) ; cabler le
+		 *     conteneur graverait un nom faux ;
+		 *   · `--origam-input---icon-opacity-active` (opacity---100) — le seul
+		 *     `opacity: 1` d icone vit dans `OrigamInput` sous
+		 *     `&--disabled, &--error`. La valeur coinciderait, le nom
+		 *     « active » non.
+		 *
+		 * `---letter-spacing`, lui, vient d etre cable : la valeur livree en dur
+		 * est identique aux deux sites, et la feuille a ete realignee sur elle.
+		 */
 		font-size: var(--origam-field---font-size, 16px);
-		letter-spacing: 0.009375em;
+		letter-spacing: var(--origam-field---letter-spacing, 0.009375em);
 		max-width: 100%;
 		border-radius: var(--origam-field---border-radius, 8px);
 		contain: layout;
@@ -608,6 +641,18 @@ defineExpose({
 
 		&__skeleton {
 			width: 100%;
+			/*
+			 * ⛔ #595 — FAUX POSITIF de `token-var-channels`, a laisser en
+			 * baseline. Le repli est `var(--origam-input__control---height, 36px)`,
+			 * et ce token-la est ECRIT PAR INSTANCE : les quatre modificateurs
+			 * de taille de ce composant (~l.1532-1550) comme ceux d `OrigamInput`
+			 * et d `OrigamTextareaField` le posent sur l element
+			 * (`sm`=28 / `md`=36 / `lg`=44 / `xl`=52px). Declarer
+			 * `--origam-field__skeleton---min-height` a `:root` avec ce repli
+			 * substituerait la valeur RACINE (36px) une fois pour toutes : le
+			 * squelette cesserait de suivre la taille du champ. Meme piege que
+			 * `---hover-x` sur SliderField.
+			 */
 			min-height: var(--origam-field__skeleton---min-height, var(--origam-input__control---height, 36px));
 			border-radius: var(--origam-field---border-radius, 8px);
 			grid-column: 1 / -1;
@@ -635,9 +680,24 @@ defineExpose({
 			column-gap: 2px;
 			display: flex;
 			flex-wrap: wrap;
-			letter-spacing: 0.009375em;
+			letter-spacing: var(--origam-field---letter-spacing, 0.009375em);
 			opacity: var(--origam-field__input---opacity, 0.7);
 			box-sizing: border-box;
+			/*
+			 * ⛔ #595 — FAUX POSITIF de `token-var-channels`, a laisser en
+			 * baseline (5 lectures ici, 1 dans OrigamSwitch, 1 dans
+			 * OrigamCheckbox). `--origam-input---density` est ECRIT PAR
+			 * INSTANCE par les trois modificateurs de densite d `OrigamInput`
+			 * (~l.424-432 : `default`=0px, `compact`=-8px,
+			 * `comfortable`=+8px) — ce sont eux, et non une feuille, qui
+			 * portent la valeur. Ce que les feuilles declarent, c est l ECHELLE
+			 * (`--origam-input---density-{default,compact,comfortable}-density`),
+			 * qui est bien atteignable par un theme ; le token agrege ne doit
+			 * pas l etre. La declarer a `:root` figerait la densite racine pour
+			 * tout champ dont le modificateur ne serait pas un ancetre du
+			 * lecteur — et le lot ne peut pas le verifier sur les trois
+			 * composants sans changer de perimetre.
+			 */
 			min-height: max(calc(var(--origam-input__control---height, 36px) + var(--origam-input---density, 0px)), 1.5rem + var(--origam-field__input---padding-top) + var(--origam-field__input---padding-bottom));
 			min-width: 0;
 			padding-inline: var(--origam-field__input---padding-start) var(--origam-field__input---padding-end);
@@ -1011,7 +1071,20 @@ defineExpose({
 
 		&--variant {
 			&-solo {
-				box-shadow: var(--origam-theme---elevation, var(--origam-field--variant-solo---box-shadow, var(--origam-shadow---sm)));
+				/*
+				 * #595 — EFFONDREMENT d un repli fantome. Cette ligne lisait
+				 * `var(--origam-theme---elevation, var(RUNG2, ...))`. Mesure du
+				 * 2026-09-29 : `--origam-theme---elevation` a UNE SEULE
+				 * occurrence dans tout le depot — ce site de lecture. Aucune
+				 * feuille ne la declare, aucun composant ne l ecrit, et la
+				 * matrice runtime (`apply-theme.util.ts`) ne l emet pas non
+				 * plus. Le nom n est d ailleurs pas grammatical : `--origam-theme`
+				 * n est pas un bloc de composant. RUNG2
+				 * (`--origam-field--variant-solo---box-shadow`) est lui declare
+				 * light ET dark a `var(--origam-shadow---sm)` : c est lui qui
+				 * peignait, et qui peint toujours. Zero pixel deplace.
+				 */
+				box-shadow: var(--origam-field--variant-solo---box-shadow, var(--origam-shadow---sm));
 				border-color: transparent;
 				--origam-field__input---padding-top: var(--origam-field__input---padding-block-solo);
 			}

package/dist/src/components/List/OrigamList.vue

@@ -372,10 +372,97 @@ defineExpose({
 			// padding `0px/0px`, so the rows ran edge-to-edge inside the menu
 			// and their hover surface was clipped by the menu's own corner
 			// radius. The two longhands are the names the base rule reads.
-			--origam-list---padding-inline-start: var(--origam-space---2, 8px);
-			--origam-list---padding-inline-end: var(--origam-space---2, 8px);
+			--origam-list---padding-inline-start: var(--origam-space---1, 4px);
+			--origam-list---padding-inline-end: var(--origam-space---1, 4px);
+
+			// ⛔ L'AXE VERTICAL DOIT ETRE DECLARE ICI AUSSI, et pas seulement dans
+			// la feuille. Mesure du 2026-09-30, menu nav de la barre marketing sur
+			// les 8 identites : `--origam-list---padding-block-start/end` valait
+			// `0` sur SEPT d'entre elles, et `var(--origam-space---2)` sur la seule
+			// `origam`. La feuille (`light.css:1716`) donne bien 8px, mais la
+			// matrice de theme runtime emet `0` pour chaque marque, et `origam`
+			// n'y echappe que parce qu'elle porte encore le reset genere
+			// (`origam-reset.generated.ts`, cf. #609) qui le re-declare.
+			//
+			// Une declaration SUR L'ELEMENT bat celle de `:root` : la poser ici
+			// neutralise l'ecart entre identites sans toucher aux 7 themes. Le
+			// rendu passait de 5-7px en vertical contre 13-27px en inline — un
+			// facteur 4 sur cartoon et glass — a des gouttieres du meme ordre.
+			--origam-list---padding-block-start: var(--origam-space---1, 4px);
+			--origam-list---padding-block-end: var(--origam-space---1, 4px);
+
 			--origam-list-subheader---font-size: var(--origam-list__subheader---nav-font-size, 0.75rem);
-			--origam-list---indent-padding: var(--origam-list---indent-padding-nav, -8px);
+
+			// ⛔ INDENT A ZERO EN MODE NAV — il rendait les items ASYMETRIQUES.
+			// `OrigamListItem` calcule
+			// `padding-inline-start: calc(base + indent + density)` mais
+			// `padding-inline-end: calc(base + density)` : l'indent ne s'applique
+			// QU'AU COTE START. Avec -8px, un item de menu recevait donc 8px de
+			// moins a gauche qu'a droite. Mesure : du bord du menu au texte,
+			// `origam` 12px a gauche contre 20px a droite, `apple` 14/18,
+			// `ecom`/`editorial`/`geek` 13/17 — cinq identites sur huit
+			// desequilibrees.
+			//
+			// L'indent sert a decaler les niveaux IMBRIQUES ; un menu de
+			// navigation est plat, il n'a rien a indenter. Les listes imbriquees
+			// gardent `--origam-list---indent-padding` intact hors mode nav.
+			--origam-list---indent-padding: 0px;
+
+			// ⛔ HAUTEUR DE RANGEE RESSERREE — 48px -> 36px, decision de
+			// l'utilisateur (2026-09-30), et elle a un COUT qu'il a accepte en
+			// connaissance de cause.
+			//
+			// `OrigamListItem` calcule
+			// `min-height: max(calc(base + densite), 1.5rem)`. Avec la base de
+			// feuille a 56px et la densite compacte a -8px, une rangee de menu
+			// faisait 48px : les libelles restaient a 50px les uns des autres
+			// alors que les gouttieres venaient d'etre resserrees a 8-11px. C'est
+			// la hauteur de rangee, PAS une gouttiere, qui portait le reste du
+			// desequilibre signale.
+			//
+			// ⚠️ 36px passe SOUS la cible tactile de 44x44 recommandee par WCAG
+			// 2.5.5. Le compromis est assume pour un menu de navigation d'en-tete,
+			// dense et pointe a la souris. ⛔ NE PAS propager cette valeur aux
+			// listes hors mode `nav` : une liste de contenu garde 48px, et c'est
+			// pour cela que la declaration vit dans `&--nav` et nulle part
+			// ailleurs. La base ajoute la densite, donc on vise 44 pour obtenir 36
+			// en densite compacte.
+			--origam-list-item---min-height: var(--origam-list--nav---item-min-height, 44px);
+
+			// Le `min-height` seul ne suffit pas : mesure, la rangee rendait 40px
+			// et non 36, parce que le CONTENU la depassait — texte plus les 8px de
+			// padding haut et bas de l'item. On resserre donc aussi ce padding en
+			// mode nav, sinon la hauteur demandee reste theorique.
+			:deep(.origam-list-item) {
+				--origam-list-item---padding-block-start: var(--origam-list--nav---item-padding-block, 6px);
+				--origam-list-item---padding-block-end: var(--origam-list--nav---item-padding-block, 6px);
+			}
+
+			// ⛔ L'ECART ENTRE PASTILLES ETAIT NUL — le desequilibre signale.
+			// Mesure du 2026-09-30 sur le menu « Features » (10 items), 8
+			// identites : la pastille d'un item est en retrait de 12 a 15px a
+			// gauche ET a droite, mais l'ecart VERTICAL entre deux pastilles
+			// valait `0` sur SEPT identites sur huit (geek : 5px). Les rangees se
+			// touchent donc bord a bord pendant que les cotes respirent — un
+			// rapport infini, pas seulement desequilibre.
+			//
+			// La liste est un conteneur BLOC : pas de `gap` disponible sans la
+			// passer en flex, ce qui toucherait les ~200 consommateurs de
+			// `origam-list`. La marge entre freres adjacents obtient le meme
+			// resultat sans changer le mode de disposition, et ne s'applique qu'au
+			// mode nav.
+			// ⛔ `:deep()` EST OBLIGATOIRE ICI, et une regle scopee nue ne marche
+			// PAS. Mesure : l'item porte `data-v-5f5f508b` (OrigamListItem) et le
+			// scope de l'appelant, mais PAS `data-v-05b52ddf` (OrigamList) — les
+			// items arrivent par le SLOT, donc ils appartiennent au scope de celui
+			// qui les ecrit, pas a celui de la liste qui les recoit. Une regle
+			// scopee nue compile en `… .origam-list-item[data-v-05b52ddf]` et ne
+			// matche jamais : le premier essai a rendu un ecart de 0px, identique
+			// a l'etat d'avant. `:deep()` pose l'attribut sur l'ANCETRE, qui lui
+			// le porte.
+			:deep(.origam-list-item + .origam-list-item) {
+				margin-block-start: var(--origam-list--nav---item-gap, 2px);
+			}
 		}
 
 		&--rounded {

package/dist/src/components/Main/OrigamMain.vue

@@ -20,7 +20,7 @@ import { useDimension } from "../../composables/Commons/dimension.composable";
 import { useBorder } from "../../composables/Commons/border.composable";
 import { useBothColor } from "../../composables/Commons/bothColor.composable";
 import { useElevation } from "../../composables/Commons/elevation.composable";
-import { useLayout } from "../../composables/Commons/layout.composable";
+import { useLayoutMain } from "../../composables/Commons/layout.composable";
 import { useMargin } from "../../composables/Commons/margin.composable";
 import { usePadding } from "../../composables/Commons/padding.composable";
 import { useProps } from "../../composables/Commons/props.composable";
@@ -78,7 +78,7 @@ const props = defineProps({
 const { filterProps } = useProps(props);
 defineEmits([]);
 defineSlots();
-const { mainStyles: mainLayoutStyles } = useLayout();
+const { mainStyles: mainLayoutStyles } = useLayoutMain();
 const { ssrBootStyles } = useSsrBoot();
 const { colorClasses, colorStyles } = useBothColor(toRef(props, "bgColor"), toRef(props, "color"));
 const { elevationClasses } = useElevation(props);

package/dist/src/components/Media/OrigamMediaScrubber.vue

@@ -428,7 +428,17 @@ defineExpose({
 		color: var(--origam-media-scrubber__tooltip---color, #ffffff);
 		font-size: 11px;
 		font-weight: 600;
-		font-family: var(--origam-font---family, system-ui, sans-serif);
+		/*
+		 * #595 — REFERENCE CORRIGEE : lisait `var(--origam-font---family, …)`,
+		 * un nom que AUCUNE feuille ne declare (zero occurrence en partie
+		 * gauche dans `assets/`). Ce composant retombait donc toujours sur
+		 * `system-ui` et ignorait la police du DS. Le barreau reel est
+		 * `--origam-font__family---sans` (primitive.css) = `Inter, 'Helvetica
+		 * Neue', Arial, sans-serif`. ⚠️ Change le rendu, volontairement. Le
+		 * repli `system-ui, sans-serif` reste en ceinture de securite si la
+		 * feuille de primitives n est pas chargee.
+		 */
+		font-family: var(--origam-font__family---sans, system-ui, sans-serif);
 		border-radius: 3px;
 		white-space: nowrap;
 		pointer-events: none;