@prolibu-suite/cobalt-core 0.11.12 → 0.11.13

package/dist/collection/components/co-checkbox/co-checkbox.css

@@ -78,12 +78,14 @@
    tinte de la fila). Frost real solo en appearance="overlay", más abajo. */
 .co-checkbox:not(.co-checkbox--checked) {
   background: color-mix(in srgb, var(--co-semantic-surface-secondary) 35%, transparent);
-  /* #3D (auditoría de contraste 2026-10-05): la casilla sin marcar comparte el
-     contorno en reposo de los campos, border-field (gray-500: 3,54:1 claro /
-     5,58:1 oscuro, WCAG 1.4.11). Antes border-default (negro-16 ≈1,3:1, m-16).
-     Un host que re-tematice --co-semantic-border-field ahora sí le llega a la
-     casilla, a propósito. El relleno translúcido (35%) no se toca. */
-  border: 1px solid var(--co-semantic-border-field);
+  /* m-16: el borde va al token PLENO (negro-16 = 0,16), que es lo que pide el
+     diseño. El `color-mix(… 75%, transparent)` que había acá lo dejaba en 0,12
+     y, de paso, era el motivo por el que el puente de tema
+     `--co-semantic-border-field: var(--co-semantic-border-default)` nunca le
+     llegaba a la casilla: no leía `border-field` y encima diluía el otro.
+     Es el mismo borde que `labelSize="xs"` ya dibujaba pleno. El relleno
+     translúcido (35%) no se toca: el hallazgo es solo del borde. */
+  border: 1px solid var(--co-semantic-border-default);
 }
 
 /* ─── CHECKED ───────────────────────────────────────────────── */
@@ -245,12 +247,15 @@
    estado más frecuente del overlay (WCAG 2.4.7). Con la clase duplicada empata en
    0,3,0 y gana por orden de fuente, por eso este bloque debe quedarse AL FINAL.
 
-   El anillo va a --co-semantic-border-focus (tinta sólida desde #2D/#3D,
-   2026-10-05), NO al --...-focus-ring: acá el borde está anulado por los
+   El halo va a --co-semantic-border-focus (50%), NO al --...-focus-ring (8%):
+   en los hermanos (input/select/…) el foco se percibe porque SUMAN el flip del
+   borde al 50% y el halo solo lo acompaña; acá el borde está anulado por los
    propios estados (checked / indeterminate / overlay: `border: none`), así que
-   el anillo es la ÚNICA señal de foco. El halo subió al 16% en la misma
-   decisión, pero sigue siendo un acompañante (~1,3:1): el anillo sólido de 2px
-   es la señal más fuerte y se queda en border-focus. */
+   el border-color de abajo es un no-op y el halo al 8% (~1,1:1) quedaba
+   invisible justo en los estados más frecuentes. Con el 50% el anillo es la
+   única señal, y es perceptible.
+   NOTA: si diseño decide subir globalmente --co-semantic-border-focus-ring,
+   esta regla vuelve al token de halo — la decisión global sigue abierta. */
 .co-checkbox.co-checkbox:focus-visible {
   outline: none;
   border-color: var(--co-semantic-border-focus);
@@ -289,5 +294,5 @@
    guion blanco encima, invisible. Misma forma que el chip overlay de arriba. */
 .co-checkbox-row--label-xs .co-checkbox:not(.co-checkbox--checked):not(.co-checkbox--indeterminate) {
   background: transparent;
-  border: 1px solid var(--co-semantic-border-field);
+  border: 1px solid var(--co-semantic-border-default);
 }

package/dist/collection/components/co-checkbox-group/co-checkbox-group.css

@@ -112,12 +112,10 @@
   border-radius: var(--co-spacing-sm);
 }
 
-/* unchecked — sin backdrop-filter (D2): fondo uniforme, blur inerte.
-   Contorno border-field (#3D, auditoría de contraste 2026-10-05): el mismo de los
-   campos, ≥3:1. border-subtle (8%) quedaba a ~1,2:1 y la casilla no se veía. */
+/* unchecked — sin backdrop-filter (D2): fondo uniforme, blur inerte. */
 .co-checkbox-group__box:not(.co-checkbox-group__box--checked) {
   background: color-mix(in srgb, var(--co-semantic-surface-secondary) 35%, transparent);
-  border: 1px solid var(--co-semantic-border-field);
+  border: 1px solid var(--co-semantic-border-subtle);
 }
 
 /* checked */

package/dist/collection/components/co-checkbox-group/co-checkbox-group.js

@@ -236,7 +236,7 @@ export class CoCheckboxGroup {
                     "references": {
                         "CheckboxOption": {
                             "location": "local",
-                            "path": "/Users/agox/worktrees/cobalt-release-a11y/packages/core/src/components/co-checkbox-group/co-checkbox-group.tsx",
+                            "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-checkbox-group/co-checkbox-group.tsx",
                             "id": "src/components/co-checkbox-group/co-checkbox-group.tsx::CheckboxOption"
                         }
                     }

package/dist/collection/components/co-chip/co-chip.css

@@ -41,13 +41,8 @@ button.co-chip {
   outline: none;
 }
 
-/* Trazo border-focus (tinta sólida: base-negro claro / base-blanco oscuro, >=3:1): el
-   halo (border-focus-ring, hoy al 16 %, antes al 8 %) solo era el ÚNICO indicador y no
-   llegaba a 1,2:1. Outline con offset en vez de box-shadow: no pisa el anillo inset de
-   la variante filter. */
 button.co-chip:focus-visible {
-  outline: 2px solid var(--co-semantic-border-focus);
-  outline-offset: 2px;
+  box-shadow: 0 0 0 2px var(--co-semantic-border-focus-ring);
 }
 
 .co-chip__label {
@@ -64,14 +59,6 @@ button.co-chip:focus-visible {
   color: var(--co-chip-value-color, var(--co-semantic-text-muted, #888888));
 }
 
-/* Sobre la pastilla filled (surface-muted) text-muted quedaba en 4,15:1 claro / 3,65:1
-   oscuro: el sufijo sube a text-secondary (5,54 / 4,95). La variante filter (fondo de
-   página) sigue en text-muted, que ahí pasa. El knob --co-chip-value-color sigue ganando. */
-.co-chip--filled:not(.co-chip--primary, .co-chip--success, .co-chip--error, .co-chip--warning, .co-chip--info, .co-chip--pending, .co-chip--progress, .co-chip--review, .co-chip--submitted) .co-chip__value {
-  /* Solo la pastilla NEUTRA: las de color pintan su propia tinta y el gris las empeoraba. */
-  color: var(--co-chip-value-color, var(--co-semantic-text-secondary));
-}
-
 /* ═══════════════════════════════════════════════════════════════
    VARIANT: FILLED — default is a neutral gray pill (filter / tag look).
    Use color="primary" for the emphatic dark variant.

package/dist/collection/components/co-color-area/co-color-area.js

@@ -310,7 +310,7 @@ export class CoColorArea {
                     "references": {
                         "ColorAreaDetail": {
                             "location": "local",
-                            "path": "/Users/agox/worktrees/cobalt-release-a11y/packages/core/src/components/co-color-area/co-color-area.tsx",
+                            "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-color-area/co-color-area.tsx",
                             "id": "src/components/co-color-area/co-color-area.tsx::ColorAreaDetail"
                         }
                     }
@@ -331,7 +331,7 @@ export class CoColorArea {
                     "references": {
                         "ColorAreaDetail": {
                             "location": "local",
-                            "path": "/Users/agox/worktrees/cobalt-release-a11y/packages/core/src/components/co-color-area/co-color-area.tsx",
+                            "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-color-area/co-color-area.tsx",
                             "id": "src/components/co-color-area/co-color-area.tsx::ColorAreaDetail"
                         }
                     }

package/dist/collection/components/co-color-picker/co-color-picker.css

@@ -432,12 +432,12 @@
 }
 
 /* Mismo anillo que el botón de copiar, que está pegado a 8px en esta fila:
-   trazo `--co-semantic-border-focus` (50%; el halo de 8% solo era invisible —
-   H32, auditoría a11y 2026-10-05), y el `box-shadow` sigue el `border-radius-xxs` del botón — un `outline` con offset
+   `--co-semantic-border-focus-ring` ES el halo exterior del foco, y el
+   `box-shadow` sigue el `border-radius-xxs` del botón — un `outline` con offset
    lo dibujaría más cuadrado que su propia caja. */
 .co-color-picker__eyedropper:focus-visible {
   outline: none;
-  box-shadow: 0 0 0 2px var(--co-semantic-border-focus);
+  box-shadow: 0 0 0 2px var(--co-semantic-border-focus-ring);
 }
 
 .co-color-picker__eyedropper:disabled {
@@ -465,7 +465,7 @@
 
 .co-color-picker__copy-btn:focus-visible {
   outline: none;
-  box-shadow: 0 0 0 2px var(--co-semantic-border-focus);
+  box-shadow: 0 0 0 2px var(--co-semantic-border-focus-ring);
 }
 
 /* Sin valor no hay nada que copiar: el botón queda, apagado. */

package/dist/collection/components/co-color-slider/co-color-slider.js

@@ -215,7 +215,7 @@ export class CoColorSlider {
                     "references": {
                         "ColorSliderChannel": {
                             "location": "local",
-                            "path": "/Users/agox/worktrees/cobalt-release-a11y/packages/core/src/components/co-color-slider/co-color-slider.tsx",
+                            "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-color-slider/co-color-slider.tsx",
                             "id": "src/components/co-color-slider/co-color-slider.tsx::ColorSliderChannel"
                         }
                     }

package/dist/collection/components/co-column-picker/co-column-picker.css

@@ -255,8 +255,7 @@
 .co-column-picker__toolbar-counter {
   font-size: 11.5px;
   font-weight: 500;
-  /* text-secondary, no text-muted: va sobre surface-muted y muted ahí da 4,15:1 claro / 3,65:1 oscuro. */
-  color: var(--co-semantic-text-secondary);
+  color: var(--co-semantic-text-muted);
   font-variant-numeric: tabular-nums;
   padding: 2px var(--co-spacing-xs);
   background: var(--co-semantic-surface-muted);
@@ -337,14 +336,6 @@
   text-transform: none;
 }
 
-/* Sobre surface-muted (fila expandida, seleccionada o padre en hover) text-muted queda < 4,5:1
-   (4,15 claro / 3,65 oscuro): ahí sube a text-secondary (5,54 / 4,95). En reposo sigue muted. */
-.co-column-picker__node-row--expanded .co-column-picker__node-label--self,
-.co-column-picker__node-row--selected .co-column-picker__node-label--self,
-.co-column-picker__node-row--parent:hover .co-column-picker__node-label--self {
-  color: var(--co-semantic-text-secondary);
-}
-
 .co-column-picker__node-label mark {
   background: color-mix(in srgb, var(--co-color-primary-amarillo) 30%, transparent);
   color: inherit;
@@ -357,8 +348,7 @@
   flex-shrink: 0;
   font-size: 10px;
   font-weight: 500;
-  /* text-secondary, no text-muted: va sobre surface-muted y muted ahí da 4,15:1 claro / 3,65:1 oscuro. */
-  color: var(--co-semantic-text-secondary);
+  color: var(--co-semantic-text-muted);
   background: var(--co-semantic-surface-muted);
   padding: 1px 6px;
   border-radius: var(--co-border-radius-xxs);

package/dist/collection/components/co-combobox/co-combobox.js

@@ -547,7 +547,7 @@ export class CoCombobox {
                     "references": {
                         "ComboboxOption": {
                             "location": "local",
-                            "path": "/Users/agox/worktrees/cobalt-release-a11y/packages/core/src/components/co-combobox/co-combobox.tsx",
+                            "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-combobox/co-combobox.tsx",
                             "id": "src/components/co-combobox/co-combobox.tsx::ComboboxOption"
                         }
                     }

package/dist/collection/components/co-command-search/co-command-search.css

@@ -197,7 +197,7 @@ co-overlay { --co-overlay-bg: rgba(0, 0, 0, 0.16); }
 }
 .co-command-search__fav-card:focus-visible {
   outline: none;
-  box-shadow: 0 0 0 2px var(--co-semantic-border-focus);
+  box-shadow: 0 0 0 2px var(--co-semantic-border-focus-ring);
 }
 /* App-icon squircle: per-tile brand color (inline style) with a white glyph and a
    soft drop shadow for depth — the macOS dock look. */

package/dist/collection/components/co-command-search/co-command-search.js

@@ -257,7 +257,7 @@ export class CoCommandSearch {
                     "references": {
                         "CommandItem": {
                             "location": "local",
-                            "path": "/Users/agox/worktrees/cobalt-release-a11y/packages/core/src/components/co-command-search/co-command-search.tsx",
+                            "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-command-search/co-command-search.tsx",
                             "id": "src/components/co-command-search/co-command-search.tsx::CommandItem"
                         }
                     }

package/dist/collection/components/co-data-table/co-data-table.css

@@ -105,8 +105,7 @@ co-data-table {
   display: flex;
   align-items: center;
   flex-shrink: 0;
-  /* text-muted, no gray-300 (primitiva de un tema, ~1,5:1 en claro): es un control HABILITADO. */
-  color: var(--co-semantic-text-muted);
+  color: var(--co-color-gray-300);
   cursor: pointer;
   opacity: 0;
   transition: opacity var(--co-motion-duration-fast) var(--co-motion-ease-out), color var(--co-motion-duration-fast) var(--co-motion-ease-out);
@@ -130,8 +129,7 @@ co-data-table {
   display: flex;
   align-items: center;
   flex-shrink: 0;
-  /* text-muted, no gray-300 (primitiva de un tema, ~1,5:1 en claro): es un control HABILITADO. */
-  color: var(--co-semantic-text-muted);
+  color: var(--co-color-gray-300);
   cursor: pointer;
   opacity: 0;
   transition: opacity var(--co-motion-duration-fast) var(--co-motion-ease-out), color var(--co-motion-duration-fast) var(--co-motion-ease-out);
@@ -151,10 +149,8 @@ co-data-table {
   color: var(--co-semantic-text-link, var(--co-color-primary-azul));
 }
 
-/* Sin opacity .45 (dejaba el funnel en 1,89:1): text-muted pleno (>=4,5) y se distingue
-   del --active por la tinta (text-link). opacity 1 explícito: el base arranca en 0. */
 .co-data-table__filter-icon--indirect {
-  opacity: 1;
+  opacity: 0.45;
   color: var(--co-semantic-text-muted);
 }
 
@@ -304,15 +300,14 @@ co-data-table {
    la fila se desvanecía (2026-09-07). `::before` con opacity/background-color
    y la MISMA transición que la fila. z-index -1 dentro del stacking context
    de la celda (position:sticky + z-index) = encima de su base opaca, debajo
-   de su contenido. Los valores espejan EXACTAMENTE los de .co-data-table__row de abajo
-   (guard: co-data-table-cell-background-guard.test.ts). */
+   de su contenido. Los tokens espejan los de .co-data-table__row de abajo. */
 .co-data-table__td--sticky::before {
   content: '';
   position: absolute;
   inset: 0;
   z-index: -1;
   pointer-events: none;
-  background-color: color-mix(in srgb, var(--co-semantic-text-default) 4%, transparent);
+  background-color: var(--co-semantic-surface-hover);
   opacity: 0;
   transition:
     opacity var(--co-motion-duration-fast) var(--co-motion-ease-out),
@@ -325,11 +320,11 @@ co-data-table {
 
 .co-data-table__row--selected .co-data-table__td--sticky::before {
   opacity: 1;
-  background-color: color-mix(in srgb, var(--co-semantic-text-link) 8%, transparent);
+  background-color: var(--co-semantic-border-hairline);
 }
 
 .co-data-table__row--selected:hover .co-data-table__td--sticky::before {
-  background-color: color-mix(in srgb, var(--co-semantic-text-link) 12%, transparent);
+  background-color: var(--co-semantic-surface-hover);
 }
 
 /* ─── RESIZE HANDLE ─────────────────────────────────────────── */
@@ -362,21 +357,16 @@ co-data-table {
   content-visibility: auto;
   contain-intrinsic-size: auto 48px;}
 
-/* Seleccionado = tinte AZUL (text-link), hover = gris liviano (text-default 4 %): el hover
-   nunca se lee "más seleccionado" que el seleccionado (auditoría de contraste #5 B,
-   2026-10-05). Antes: hover surface-hover (negro 8 %) y selected border-hairline (negro 4 %),
-   o sea el hover pesaba el DOBLE que la selección. text-link gira con el tema (azul-500 en
-   oscuro); el color-mix sobre transparent deja el tinte translúcido que la fila transiciona. */
 .co-data-table__row:hover {
-  background: color-mix(in srgb, var(--co-semantic-text-default) 4%, transparent);
+  background: var(--co-semantic-surface-hover);
 }
 
 .co-data-table__row--selected {
-  background: color-mix(in srgb, var(--co-semantic-text-link) 8%, transparent);
+  background: var(--co-semantic-border-hairline);
 }
 
 .co-data-table__row--selected:hover {
-  background: color-mix(in srgb, var(--co-semantic-text-link) 12%, transparent);
+  background: var(--co-semantic-surface-hover);
 }
 
 .co-data-table__td {

package/dist/collection/components/co-data-table/co-data-table.js

@@ -509,7 +509,7 @@ export class CoDataTable {
                     "references": {
                         "CoDataTableColumn": {
                             "location": "local",
-                            "path": "/Users/agox/worktrees/cobalt-release-a11y/packages/core/src/components/co-data-table/co-data-table.tsx",
+                            "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-data-table/co-data-table.tsx",
                             "id": "src/components/co-data-table/co-data-table.tsx::CoDataTableColumn"
                         }
                     }

package/dist/collection/components/co-data-table-pagination/co-data-table-pagination.css

@@ -48,10 +48,7 @@
 .co-pagination__jump-input {
   width: 32px;
   height: 28px;
-  /* Caja de campo (WCAG 1.4.11): su único contorno era border-subtle (8 %) = 1,17:1 contra la
-     página. Reposo = border-field, el contorno de todo campo (gray-500: 3,54 claro / 5,58 oscuro).
-     Nunca border-focus en reposo: desde #2D/#3D es tinta sólida y el foco dejaría de verse. */
-  border: 1px solid var(--co-semantic-border-field);
+  border: 1px solid var(--co-semantic-border-subtle);
   border-radius: var(--co-border-radius-xxs);
   background: var(--co-semantic-surface-page);
   font-family: var(--co-font-family-primary);
@@ -63,13 +60,8 @@
   transition: border-color var(--co-motion-duration-fast) var(--co-motion-ease-out);
 }
 
-/* Foco (WCAG 2.4.7): el borde pasa de border-field a border-focus (tinta sólida) + trazo de 2px
-   por fuera + halo focus-ring. Antes era `:focus` con el azul primitivo, que no gira con el tema. */
-.co-pagination__jump-input:focus-visible {
-  border-color: var(--co-semantic-border-focus);
-  outline: 2px solid var(--co-semantic-border-focus);
-  outline-offset: 1px;
-  box-shadow: 0 0 0 5px var(--co-semantic-border-focus-ring);
+.co-pagination__jump-input:focus {
+  border-color: var(--co-color-primary-azul);
 }
 
 /* ─── PAGE SIZE SELECTOR ────────────────────────────────────── */

package/dist/collection/components/co-date-range-picker/co-date-range-picker.js

@@ -1055,7 +1055,7 @@ export class CoDateRangePicker {
                     "references": {
                         "DateRangeValue": {
                             "location": "local",
-                            "path": "/Users/agox/worktrees/cobalt-release-a11y/packages/core/src/components/co-date-range-picker/co-date-range-picker.tsx",
+                            "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-date-range-picker/co-date-range-picker.tsx",
                             "id": "src/components/co-date-range-picker/co-date-range-picker.tsx::DateRangeValue"
                         }
                     }
@@ -1076,7 +1076,7 @@ export class CoDateRangePicker {
                     "references": {
                         "DateRangeValue": {
                             "location": "local",
-                            "path": "/Users/agox/worktrees/cobalt-release-a11y/packages/core/src/components/co-date-range-picker/co-date-range-picker.tsx",
+                            "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-date-range-picker/co-date-range-picker.tsx",
                             "id": "src/components/co-date-range-picker/co-date-range-picker.tsx::DateRangeValue"
                         }
                     }

package/dist/collection/components/co-document-editor/co-document-editor.css

@@ -106,8 +106,7 @@ co-document-editor {
 .co-doc-field__input {
   width: 14ch;
   border: 0;
-  /* Contorno de campo (border-field): border-focus es tinta sólida desde #2D/#3D (2026-10-05). */
-  outline: 1px solid var(--co-semantic-border-field);
+  outline: 1px solid var(--co-semantic-border-focus);
   background: var(--co-color-base-blanco);
   font: inherit;
 }
@@ -215,9 +214,9 @@ co-document-editor {
   --co-semantic-text-muted: var(--co-color-gray-500);
   --co-semantic-border-default: var(--co-color-opacity-negro-16);
   --co-semantic-border-subtle: var(--co-color-opacity-negro-8);
-  --co-semantic-border-field: var(--co-color-gray-500);
-  --co-semantic-border-focus: var(--co-color-base-negro);
-  --co-semantic-border-focus-ring: var(--co-color-opacity-negro-16);
+  --co-semantic-border-field: var(--co-color-opacity-negro-25);
+  --co-semantic-border-focus: var(--co-color-opacity-negro-50);
+  --co-semantic-border-focus-ring: var(--co-color-opacity-negro-8);
   /* La firma (tinta text-link) vive en el papel: en oscuro text-link sería azul-500 sobre blanco (2,9:1). */
   --co-semantic-text-link: var(--co-color-primary-azul);
   position: relative;
@@ -439,11 +438,9 @@ co-document-editor {
   background: var(--co-semantic-surface-hover);
 }
 
-/* El modo pulsado (aria-pressed) se distingue del hover (no solo un 8 % de fondo): trazo
-   inset border-strong. No border-focus: la tinta sólida queda reservada al foco, y un
-   toggle pulsado en reposo no puede verse como un control enfocado (auditoría 2026-10-05). */
+/* El modo pulsado se distingue del hover (no solo un 8 % de fondo): trazo de foco. */
 .co-doc-editor__image-mode--active {
-  box-shadow: inset 0 0 0 1px var(--co-semantic-border-strong);
+  box-shadow: inset 0 0 0 1px var(--co-semantic-border-focus);
 }
 
 .co-doc-editor__image-mode:focus-visible {
@@ -452,7 +449,7 @@ co-document-editor {
 }
 
 .co-doc-editor__image-mode--active:focus-visible {
-  box-shadow: inset 0 0 0 1px var(--co-semantic-border-strong), 0 0 0 2px var(--co-semantic-border-focus-ring);
+  box-shadow: inset 0 0 0 1px var(--co-semantic-border-focus), 0 0 0 2px var(--co-semantic-border-focus-ring);
 }
 
 /*

package/dist/collection/components/co-document-editor/co-document-editor.js

@@ -1016,7 +1016,7 @@ export class CoDocumentEditor {
                     "references": {
                         "DocumentPageSize": {
                             "location": "local",
-                            "path": "/Users/agox/worktrees/cobalt-release-a11y/packages/core/src/components/co-document-editor/co-document-editor.tsx",
+                            "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-document-editor/co-document-editor.tsx",
                             "id": "src/components/co-document-editor/co-document-editor.tsx::DocumentPageSize"
                         }
                     }
@@ -1042,7 +1042,7 @@ export class CoDocumentEditor {
                     "references": {
                         "DocumentMargins": {
                             "location": "local",
-                            "path": "/Users/agox/worktrees/cobalt-release-a11y/packages/core/src/components/co-document-editor/co-document-editor.tsx",
+                            "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-document-editor/co-document-editor.tsx",
                             "id": "src/components/co-document-editor/co-document-editor.tsx::DocumentMargins"
                         }
                     }
@@ -1107,7 +1107,7 @@ export class CoDocumentEditor {
                     "references": {
                         "DocumentFeatures": {
                             "location": "local",
-                            "path": "/Users/agox/worktrees/cobalt-release-a11y/packages/core/src/components/co-document-editor/co-document-editor.tsx",
+                            "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-document-editor/co-document-editor.tsx",
                             "id": "src/components/co-document-editor/co-document-editor.tsx::DocumentFeatures"
                         }
                     }
@@ -1301,7 +1301,7 @@ export class CoDocumentEditor {
                     "references": {
                         "DocumentHeaderDetail": {
                             "location": "local",
-                            "path": "/Users/agox/worktrees/cobalt-release-a11y/packages/core/src/components/co-document-editor/co-document-editor.tsx",
+                            "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-document-editor/co-document-editor.tsx",
                             "id": "src/components/co-document-editor/co-document-editor.tsx::DocumentHeaderDetail"
                         }
                     }
@@ -1337,7 +1337,7 @@ export class CoDocumentEditor {
                     "references": {
                         "DocumentActionDetail": {
                             "location": "local",
-                            "path": "/Users/agox/worktrees/cobalt-release-a11y/packages/core/src/components/co-document-editor/co-document-editor.tsx",
+                            "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-document-editor/co-document-editor.tsx",
                             "id": "src/components/co-document-editor/co-document-editor.tsx::DocumentActionDetail"
                         }
                     }

package/dist/collection/components/co-emoji-picker/co-emoji-picker.css

@@ -95,7 +95,7 @@
 .co-emoji-picker__tone-toggle:focus-visible,
 .co-emoji-picker__tone:focus-visible {
   outline: none;
-  box-shadow: 0 0 0 2px var(--co-semantic-border-focus);
+  box-shadow: 0 0 0 2px var(--co-semantic-border-focus-ring);
 }
 
 .co-emoji-picker__tone--selected {
@@ -158,7 +158,7 @@
 .co-emoji-picker__category:focus-visible {
   outline: none;
   color: var(--co-semantic-text-default);
-  box-shadow: 0 0 0 2px var(--co-semantic-border-focus);
+  box-shadow: 0 0 0 2px var(--co-semantic-border-focus-ring);
 }
 
 /* ── Scrollport de la grilla ─────────────────────────────── */
@@ -253,7 +253,7 @@
 .co-emoji-picker__cell:focus-visible {
   outline: none;
   background: var(--co-semantic-surface-hover);
-  box-shadow: 0 0 0 2px var(--co-semantic-border-focus);
+  box-shadow: 0 0 0 2px var(--co-semantic-border-focus-ring);
 }
 
 .co-emoji-picker__cell:active {

package/dist/collection/components/co-empty-state/co-empty-state.css

@@ -20,11 +20,9 @@
   width: 72px;
   height: 72px;
   border-radius: 50%;
-  /* Disco TRANSPARENTE con contorno de 1px border-default (auditoría de contraste
-     #8 B, 2026-10-05): el relleno surface-control (gray-100) quedaba a 1,08:1 de
-     la página. El contorno va por box-shadow inset: el disco sigue midiendo 72px. */
-  background: transparent;
-  box-shadow: inset 0 0 0 1px var(--co-semantic-border-default);
+  /* Semánticos de MISMO valor en claro (gray-100 = surface-control): la
+     primitiva no gira y dejaba un disco claro sobre la página oscura. */
+  background: var(--co-semantic-surface-control);
   color: var(--co-semantic-text-muted);
   margin-bottom: var(--co-spacing-xl);
 }
@@ -65,8 +63,7 @@
 
 .co-empty-state--card .co-empty-state__icon {
   margin-bottom: 0;
-  /* Mismo disco transparente con contorno que la variante base (#8 B). */
-  background: transparent;
+  background: var(--co-semantic-surface-control);
   color: var(--co-semantic-text-secondary);
 }
 

package/dist/collection/components/co-file-field/co-file-field.css

@@ -69,10 +69,8 @@
   transition: border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), background var(--co-motion-duration-fast) var(--co-motion-ease-out);
 }
 
-/* Hover = border-strong, no border-focus: la tinta sólida queda para el foco y el
-   arrastre (--drag); un hover no puede pesar como el foco (auditoría 2026-10-05). */
 .co-file-field__dropzone:hover {
-  border-color: var(--co-semantic-border-strong);
+  border-color: var(--co-semantic-border-focus);
 }
 
 .co-file-field__dropzone--drag {

package/dist/collection/components/co-icon-button/co-icon-button.css

@@ -80,7 +80,7 @@
   backdrop-filter: none;
 }
 .co-icon-button--ghost:hover:not(:disabled) {
-  background: var(--co-semantic-surface-hover, rgba(31, 28, 27, 0.08));
+  background: var(--co-color-opacity-negro-8, rgba(31, 28, 27, 0.08));
 }
 
 /* Soft = fondo sólido `--co-semantic-surface-control` (gray-100 en claro /

package/dist/collection/components/co-list-item/co-list-item.css

@@ -39,12 +39,6 @@
   background: var(--co-semantic-surface-muted);
 }
 
-/* Sobre la fila seleccionada (surface-muted) la descripción en text-muted quedaba en
-   4,15:1 claro / 3,65:1 oscuro → text-secondary (5,54 / 4,95). En reposo no cambia. */
-.co-list-item--selected .co-list-item__description {
-  color: var(--co-semantic-text-secondary);
-}
-
 .co-list-item--disabled {
   opacity: 0.4;
   cursor: not-allowed;

package/dist/collection/components/co-menu/co-menu.css

@@ -20,9 +20,7 @@
      border so it never adds to the panel box). */
   box-shadow:
     var(--co-shadow-lg, 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.04)),
-    /* border-subtle (negro 8 % claro / blanco 8 % oscuro): la primitiva cruda no giraba
-       y en oscuro el borde quedaba negro sobre negro (1,01:1). */
-    inset 0 0 0 1px var(--co-semantic-border-subtle, rgba(31, 28, 27, 0.08));
+    inset 0 0 0 1px var(--co-color-opacity-negro-8, rgba(31, 28, 27, 0.08));
   /* Tunable panel padding — default 4px; design (Header "Nuevo" menu) uses 6px. */
   padding: var(--co-menu-padding, var(--co-spacing-xs, 4px));
   min-width: 200px;
@@ -44,7 +42,7 @@
   min-width: var(--co-menu-min-width, 200px);
   box-shadow:
     var(--co-shadow-lg, 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.04)),
-    inset 0 0 0 1px var(--co-menu-border-color, var(--co-semantic-border-subtle, rgba(31, 28, 27, 0.08)));
+    inset 0 0 0 1px var(--co-menu-border-color, var(--co-color-opacity-negro-8, rgba(31, 28, 27, 0.08)));
 }
 
 /* Task C1 — tres hooks más, mismo patrón aditivo que los de arriba y mismos

package/dist/collection/components/co-menu-item/co-menu-item.css

@@ -10,8 +10,7 @@
  * @prop --co-menu-item-color: Color del texto.
  * @prop --co-menu-item-icon-color: Color del ícono (default: el del texto).
  * @prop --co-menu-item-hover-bg: Fondo de la fila en hover o con foco.
- * @prop --co-menu-item-selected-bg: Fondo de la fila `selected` (default transparente).
- * @prop --co-menu-item-selected-font-weight: Peso del texto de la fila `selected` (default 600).
+ * @prop --co-menu-item-selected-bg: Fondo de la fila `selected`.
  */
 :host {
   display: block;
@@ -72,22 +71,14 @@
    quedan ACÁ, antes de `--danger:hover` (misma especificidad que
    `.co-menu-item:hover`): el hover rojo de danger gana por orden (fix C-1). */
 .co-menu-item--selected {
-  /* Seleccionado = check + peso 600, SIN relleno (auditoría de contraste #5 B, 2026-10-05):
-     con el gris de antes (surface-control) el hover se leía igual o "más seleccionado" que
-     la selección. El hook --co-menu-item-selected-bg sigue para quien quiera un fondo. */
-  background: var(--co-menu-item-selected-bg, transparent);
-}
-
-/* El 600 va al rótulo principal, no a la fila: el caption (segunda línea) conserva su peso. */
-.co-menu-item--selected .co-menu-item__label-main {
-  font-weight: var(--co-menu-item-selected-font-weight, 600);
+  /* Fallback surface-control (= gray-100 en claro): la primitiva no giraba y en oscuro la
+     fila seleccionada quedaba casi blanca bajo texto blanco (D6). */
+  background: var(--co-menu-item-selected-bg, var(--co-semantic-surface-control, #f6f6f6));
 }
 
 .co-menu-item:hover,
 .co-menu-item--submenu-open {
-  /* Hover = gris liviano (text-default 6 %): gira con el tema y queda por debajo de la
-     marca de seleccionado (check + 600). Antes surface-hover (negro 8 %). */
-  background: var(--co-menu-item-hover-bg, color-mix(in srgb, var(--co-semantic-text-default) 6%, transparent));
+  background: var(--co-menu-item-hover-bg, var(--co-semantic-surface-hover, rgba(31, 28, 27, 0.04)));
 }
 
 .co-menu-item:focus-visible {