eidos-ui 3.2.0 → 3.3.0

package/dist/index.css

@@ -62,6 +62,8 @@
   --gray-800: #1e293b;
   --gray-900: #0f172a;
   --gray-rgb: 100, 116, 139;
+  --text-muted: var(--gray-600);
+  --text-disabled: var(--gray-400);
   --font-family-primary:
     'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
     'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
@@ -348,7 +350,7 @@ svg.lucide {
 }
 .eidos-accordion-trigger:focus-visible {
   outline: none;
-  box-shadow: 0 0 0 2px rgba(var(--primary-rgb), 0.3);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--primary-color);
 }
 .eidos-accordion-trigger:disabled {
   cursor: not-allowed;
@@ -392,7 +394,7 @@ svg.lucide {
   flex-shrink: 0;
   width: 1em;
   height: 1em;
-  color: var(--gray-400);
+  color: var(--text-muted);
   transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
 }
 .eidos-accordion-trigger--open .eidos-accordion-chevron {
@@ -517,7 +519,7 @@ svg.lucide {
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
-  color: var(--gray-400);
+  color: var(--text-muted);
   padding: 2px;
   border-radius: var(--border-radius-sm);
   transition: all 0.2s ease;
@@ -603,9 +605,9 @@ svg.lucide {
 .eidos-avatar--clickable:hover {
   opacity: 0.85;
 }
-.eidos-avatar--clickable:focus {
+.eidos-avatar--clickable:focus-visible {
   outline: none;
-  box-shadow: 0 0 0 3px rgba(var(--primary-rgb), 0.3);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--primary-color);
 }
 
 .eidos-avatar-image {
@@ -622,7 +624,7 @@ svg.lucide {
 .eidos-avatar-fallback-icon {
   width: 55%;
   height: 55%;
-  color: var(--gray-400);
+  color: var(--text-muted);
 }
 
 .eidos-avatar-group {
@@ -636,12 +638,14 @@ svg.lucide {
 .eidos-avatar-group-item:first-child {
   margin-left: 0;
 }
-.eidos-avatar-group-item .eidos-avatar {
+.eidos-avatar-group-item .eidos-avatar:not(:focus-visible) {
   box-shadow: 0 0 0 2px var(--white);
 }
 
 .eidos-avatar-group .eidos-avatar--overflow {
   margin-left: -8px;
+}
+.eidos-avatar-group .eidos-avatar--overflow:not(:focus-visible) {
   box-shadow: 0 0 0 2px var(--white);
 }
 
@@ -900,7 +904,7 @@ svg.lucide {
   align-items: center;
   gap: var(--spacing-sm);
   font-size: var(--font-size-sm);
-  color: var(--gray-500);
+  color: var(--text-muted);
   text-decoration: none;
   border-radius: var(--border-radius-xs);
   transition: color 0.15s ease;
@@ -912,9 +916,9 @@ svg.lucide {
 .eidos-breadcrumb-link:focus-visible {
   outline: none;
 }
-.eidos-breadcrumb-link:focus-visible:focus {
+.eidos-breadcrumb-link:focus-visible:focus-visible {
   outline: none;
-  box-shadow: 0 0 0 3px rgba(var(--primary-rgb), 0.3);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--primary-color);
 }
 .eidos-breadcrumb-link--button {
   background: none;
@@ -927,7 +931,7 @@ svg.lucide {
   align-items: center;
   gap: var(--spacing-sm);
   font-size: var(--font-size-sm);
-  color: var(--gray-500);
+  color: var(--text-muted);
   text-decoration: none;
   cursor: pointer;
   border-radius: var(--border-radius-xs);
@@ -940,9 +944,9 @@ svg.lucide {
 .eidos-breadcrumb-link--button:focus-visible {
   outline: none;
 }
-.eidos-breadcrumb-link--button:focus-visible:focus {
+.eidos-breadcrumb-link--button:focus-visible:focus-visible {
   outline: none;
-  box-shadow: 0 0 0 3px rgba(var(--primary-rgb), 0.3);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--primary-color);
 }
 
 .eidos-breadcrumb-current {
@@ -1182,14 +1186,14 @@ svg.lucide {
 }
 .eidos-button--disabled {
   background-color: var(--gray-200) !important;
-  color: var(--gray-500) !important;
+  color: var(--text-disabled) !important;
   border-color: var(--gray-200) !important;
   cursor: not-allowed !important;
   opacity: 0.6;
 }
 .eidos-button--disabled:hover {
   background-color: var(--gray-200) !important;
-  color: var(--gray-500) !important;
+  color: var(--text-disabled) !important;
   transform: none !important;
 }
 .eidos-button--loading {
@@ -1387,7 +1391,7 @@ svg.lucide {
 }
 .eidos-checkbox-wrapper--primary .eidos-checkbox-input:focus-visible + .eidos-checkbox-control {
   outline: none;
-  box-shadow: 0 0 0 3px rgba(var(--primary-rgb), 0.3);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--primary-color);
 }
 .eidos-checkbox-wrapper--primary .eidos-checkbox-control--checked,
 .eidos-checkbox-wrapper--primary .eidos-checkbox-control--indeterminate {
@@ -1397,7 +1401,7 @@ svg.lucide {
 }
 .eidos-checkbox-wrapper--secondary .eidos-checkbox-input:focus-visible + .eidos-checkbox-control {
   outline: none;
-  box-shadow: 0 0 0 3px rgba(var(--secondary-rgb), 0.3);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--secondary-color);
 }
 .eidos-checkbox-wrapper--secondary .eidos-checkbox-control--checked,
 .eidos-checkbox-wrapper--secondary .eidos-checkbox-control--indeterminate {
@@ -1407,7 +1411,7 @@ svg.lucide {
 }
 .eidos-checkbox-wrapper--success .eidos-checkbox-input:focus-visible + .eidos-checkbox-control {
   outline: none;
-  box-shadow: 0 0 0 3px rgba(var(--success-rgb), 0.3);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--success-color);
 }
 .eidos-checkbox-wrapper--success .eidos-checkbox-control--checked,
 .eidos-checkbox-wrapper--success .eidos-checkbox-control--indeterminate {
@@ -1417,7 +1421,7 @@ svg.lucide {
 }
 .eidos-checkbox-wrapper--danger .eidos-checkbox-input:focus-visible + .eidos-checkbox-control {
   outline: none;
-  box-shadow: 0 0 0 3px rgba(var(--danger-rgb), 0.3);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--danger-color);
 }
 .eidos-checkbox-wrapper--danger .eidos-checkbox-control--checked,
 .eidos-checkbox-wrapper--danger .eidos-checkbox-control--indeterminate {
@@ -1427,7 +1431,7 @@ svg.lucide {
 }
 .eidos-checkbox-wrapper--warning .eidos-checkbox-input:focus-visible + .eidos-checkbox-control {
   outline: none;
-  box-shadow: 0 0 0 3px rgba(var(--warning-rgb), 0.3);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--warning-color);
 }
 .eidos-checkbox-wrapper--warning .eidos-checkbox-control--checked,
 .eidos-checkbox-wrapper--warning .eidos-checkbox-control--indeterminate {
@@ -1437,7 +1441,7 @@ svg.lucide {
 }
 .eidos-checkbox-wrapper--info .eidos-checkbox-input:focus-visible + .eidos-checkbox-control {
   outline: none;
-  box-shadow: 0 0 0 3px rgba(var(--info-rgb), 0.3);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--info-color);
 }
 .eidos-checkbox-wrapper--info .eidos-checkbox-control--checked,
 .eidos-checkbox-wrapper--info .eidos-checkbox-control--indeterminate {
@@ -1492,7 +1496,7 @@ svg.lucide {
   user-select: none;
 }
 .eidos-checkbox-wrapper--disabled .eidos-checkbox-label {
-  color: var(--gray-400);
+  color: var(--text-disabled);
 }
 
 .eidos-checkbox-error-message {
@@ -1548,7 +1552,7 @@ svg.lucide {
 .eidos-chip--clickable {
   cursor: pointer;
 }
-.eidos-chip--clickable:focus, .eidos-chip--clickable:focus-visible {
+.eidos-chip--clickable:focus:not(:focus-visible) {
   outline: none;
 }
 .eidos-chip--filled {
@@ -1692,7 +1696,7 @@ svg.lucide {
 }
 .eidos-chip--disabled {
   background-color: var(--gray-100) !important;
-  color: var(--gray-400) !important;
+  color: var(--text-disabled) !important;
   border-color: var(--gray-200) !important;
   cursor: not-allowed !important;
   opacity: 0.6;
@@ -1744,11 +1748,18 @@ svg.lucide {
   flex-shrink: 0;
 }
 .eidos-chip--remove-button:hover:not(:disabled) {
-  background-color: rgba(255, 255, 255, 0.2);
+  background-color: rgba(var(--dark-rgb), 0.12);
+}
+.eidos-chip--filled .eidos-chip--remove-button:hover:not(:disabled) {
+  background-color: rgba(var(--white-rgb), 0.25);
 }
-.eidos-chip--remove-button:focus {
+.eidos-chip--remove-button:focus:not(:focus-visible) {
   outline: none;
 }
+.eidos-chip--remove-button:focus-visible {
+  outline: none;
+  box-shadow: inset 0 0 0 2px var(--primary-color);
+}
 
 .eidos-chip--remove-icon {
   display: block;
@@ -1789,7 +1800,7 @@ svg.lucide {
 }
 .eidos-color-picker-trigger:focus-visible {
   outline: none;
-  box-shadow: 0 0 0 3px rgba(var(--primary-rgb), 0.25);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--primary-color);
 }
 .eidos-color-picker--sm .eidos-color-picker-trigger {
   padding: 4px var(--spacing-xs);
@@ -2005,7 +2016,7 @@ svg.lucide {
   font-weight: var(--font-weight-medium);
   padding: 4px 6px;
   background: var(--gray-50);
-  color: var(--gray-500);
+  color: var(--text-muted);
   border: none;
   cursor: pointer;
   letter-spacing: 0.02em;
@@ -2039,7 +2050,7 @@ svg.lucide {
 }
 .eidos-color-picker-input:focus {
   border-color: var(--primary-color);
-  box-shadow: 0 0 0 2px rgba(var(--primary-rgb), 0.15);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--primary-color);
 }
 .eidos-color-picker-input:disabled {
   cursor: not-allowed;
@@ -2062,7 +2073,7 @@ svg.lucide {
   border-radius: var(--border-radius-sm);
   border: 1px solid var(--gray-200);
   background: var(--gray-50);
-  color: var(--gray-500);
+  color: var(--text-muted);
   cursor: pointer;
   transition: background 0.12s ease, color 0.12s ease, border-color 0.12s ease;
 }
@@ -2142,7 +2153,7 @@ svg.lucide {
 }
 .eidos-combobox--error .eidos-input-wrapper:focus-within {
   border-color: var(--danger-color) !important;
-  box-shadow: 0 0 0 3px rgba(var(--danger-rgb), 0.1), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05) !important;
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--danger-color), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05) !important;
 }
 .eidos-combobox--error .eidos-input-label {
   color: var(--danger-color);
@@ -2177,7 +2188,7 @@ svg.lucide {
   padding-bottom: var(--spacing-xs);
   font-size: var(--font-size-xs);
   font-weight: var(--font-weight-semibold);
-  color: var(--gray-500);
+  color: var(--text-muted);
   text-transform: uppercase;
   letter-spacing: 0.06em;
   user-select: none;
@@ -2240,7 +2251,7 @@ svg.lucide {
 
 .eidos-combobox-option-description {
   font-size: var(--font-size-xs);
-  color: var(--gray-500);
+  color: var(--text-muted);
   flex-shrink: 0;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -2252,7 +2263,7 @@ svg.lucide {
   padding: var(--spacing-md);
   text-align: center;
   font-size: var(--font-size-sm);
-  color: var(--gray-500);
+  color: var(--text-muted);
 }
 
 .eidos-combobox-loading {
@@ -2262,7 +2273,7 @@ svg.lucide {
   gap: var(--spacing-sm);
   padding: var(--spacing-md);
   font-size: var(--font-size-sm);
-  color: var(--gray-500);
+  color: var(--text-muted);
 }
 
 .eidos-combobox-loading-icon {
@@ -2274,7 +2285,7 @@ svg.lucide {
 
 .eidos-combobox-hint {
   font-size: var(--font-size-sm);
-  color: var(--gray-500);
+  color: var(--text-muted);
   line-height: 1.4;
 }
 
@@ -2306,7 +2317,7 @@ svg.lucide {
   border: 1px solid var(--gray-200);
   border-radius: var(--border-radius-sm);
   background: var(--gray-50);
-  color: var(--gray-500);
+  color: var(--text-muted);
   font-size: var(--font-size-sm);
   font-family: inherit;
   cursor: pointer;
@@ -2368,7 +2379,7 @@ svg.lucide {
 }
 
 .eidos-cmd-search-icon {
-  color: var(--gray-400);
+  color: var(--text-muted);
   flex-shrink: 0;
 }
 
@@ -2397,7 +2408,7 @@ svg.lucide {
   line-height: 1.5;
 }
 .eidos-cmd-input::placeholder {
-  color: var(--gray-400);
+  color: var(--text-muted);
 }
 
 .eidos-cmd-search-badge {
@@ -2409,7 +2420,7 @@ svg.lucide {
   border-radius: var(--border-radius-sm);
   font-size: 11px;
   font-family: var(--font-family-mono);
-  color: var(--gray-400);
+  color: var(--text-muted);
   background: var(--gray-50);
   flex-shrink: 0;
   user-select: none;
@@ -2440,7 +2451,7 @@ svg.lucide {
   padding: var(--spacing-xs) var(--spacing-md);
   font-size: var(--font-size-xs);
   font-weight: var(--font-weight-semibold);
-  color: var(--gray-500);
+  color: var(--text-muted);
   text-transform: uppercase;
   letter-spacing: 0.05em;
   line-height: 1.6;
@@ -2478,7 +2489,7 @@ svg.lucide {
   justify-content: center;
   width: 16px;
   height: 16px;
-  color: var(--gray-500);
+  color: var(--text-muted);
   flex-shrink: 0;
 }
 
@@ -2496,7 +2507,7 @@ svg.lucide {
 
 .eidos-cmd-item-description {
   font-size: var(--font-size-xs);
-  color: var(--gray-500);
+  color: var(--text-muted);
   line-height: 1.4;
   margin-top: 1px;
   overflow: hidden;
@@ -2527,7 +2538,7 @@ kbd.eidos-cmd-kbd {
 .eidos-cmd-empty {
   padding: var(--spacing-xl) var(--spacing-md);
   text-align: center;
-  color: var(--gray-500);
+  color: var(--text-muted);
   font-size: var(--font-size-sm);
   margin: 0;
 }
@@ -2536,7 +2547,7 @@ kbd.eidos-cmd-kbd {
   border-top: 1px solid var(--gray-200);
   padding: var(--spacing-sm) var(--spacing-md);
   font-size: var(--font-size-xs);
-  color: var(--gray-400);
+  color: var(--text-muted);
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -2597,7 +2608,7 @@ kbd.eidos-cmd-kbd {
   gap: var(--spacing-sm);
   margin: var(--spacing-sm) 0;
   font-size: var(--font-size-xs);
-  color: var(--gray-500);
+  color: var(--text-muted);
 }
 .eidos-conversation-separator::before, .eidos-conversation-separator::after {
   content: "";
@@ -2621,7 +2632,7 @@ kbd.eidos-cmd-kbd {
   margin: 0;
   padding: var(--spacing-md);
   font-size: var(--font-size-sm);
-  color: var(--gray-500);
+  color: var(--text-muted);
   text-align: center;
   border-top: 1px solid var(--gray-200);
 }
@@ -2685,7 +2696,7 @@ kbd.eidos-cmd-kbd {
 
 .eidos-message-time {
   font-size: var(--font-size-xs);
-  color: var(--gray-400);
+  color: var(--text-muted);
   flex-shrink: 0;
 }
 .eidos-message-time--inline {
@@ -2694,7 +2705,7 @@ kbd.eidos-cmd-kbd {
 
 .eidos-message-edited {
   font-size: var(--font-size-xs);
-  color: var(--gray-400);
+  color: var(--text-muted);
   font-style: italic;
 }
 
@@ -2731,12 +2742,12 @@ kbd.eidos-cmd-kbd {
 }
 
 .eidos-message-quote-body {
-  color: var(--gray-500);
+  color: var(--text-muted);
 }
 
 .eidos-message-reply-target {
   font-size: var(--font-size-xs);
-  color: var(--gray-500);
+  color: var(--text-muted);
 }
 
 .eidos-message-status {
@@ -2744,7 +2755,7 @@ kbd.eidos-cmd-kbd {
   align-items: center;
   gap: var(--spacing-xs);
   font-size: var(--font-size-xs);
-  color: var(--gray-500);
+  color: var(--text-muted);
 }
 .eidos-message-status svg {
   width: 14px;
@@ -2813,7 +2824,7 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-message-attachment-link:focus-visible {
   outline: none;
-  box-shadow: inset 0 0 0 2px rgba(var(--primary-rgb), 0.5);
+  box-shadow: inset 0 0 0 2px var(--primary-color);
 }
 
 .eidos-message-attachment-name {
@@ -2823,7 +2834,7 @@ kbd.eidos-cmd-kbd {
 }
 
 .eidos-message-attachment-size {
-  color: var(--gray-400);
+  color: var(--text-muted);
   flex-shrink: 0;
 }
 
@@ -2846,7 +2857,7 @@ kbd.eidos-cmd-kbd {
   justify-content: space-between;
   gap: var(--spacing-sm);
   font-size: var(--font-size-xs);
-  color: var(--gray-500);
+  color: var(--text-muted);
 }
 
 .eidos-composer-row {
@@ -2896,10 +2907,10 @@ kbd.eidos-cmd-kbd {
   background: transparent;
 }
 .eidos-composer-input::placeholder {
-  color: var(--gray-400);
+  color: var(--text-muted);
 }
 .eidos-composer-input:disabled {
-  color: var(--gray-400);
+  color: var(--text-disabled);
   cursor: not-allowed;
 }
 
@@ -2943,7 +2954,7 @@ kbd.eidos-cmd-kbd {
 
 .eidos-composer-hint {
   font-size: var(--font-size-xs);
-  color: var(--gray-400);
+  color: var(--text-muted);
 }
 .eidos-composer-hint kbd {
   font-family: var(--font-family-mono);
@@ -2976,7 +2987,7 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-chat-scroll:focus-visible {
   outline: none;
-  box-shadow: inset 0 0 0 2px rgba(var(--primary-rgb), 0.5);
+  box-shadow: inset 0 0 0 2px var(--primary-color);
 }
 
 .eidos-message--chat .eidos-message-bubble {
@@ -3040,7 +3051,7 @@ kbd.eidos-cmd-kbd {
   align-items: center;
   gap: var(--spacing-sm);
   font-size: var(--font-size-xs);
-  color: var(--gray-500);
+  color: var(--text-muted);
 }
 
 .eidos-chat-typing {
@@ -3162,7 +3173,7 @@ kbd.eidos-cmd-kbd {
 
 .eidos-comment-thread-count {
   font-size: var(--font-size-xs);
-  color: var(--gray-500);
+  color: var(--text-muted);
 }
 
 .eidos-comment-thread-list {
@@ -3220,7 +3231,7 @@ kbd.eidos-cmd-kbd {
   align-items: center;
   gap: var(--spacing-sm);
   font-size: var(--font-size-xs);
-  color: var(--gray-500);
+  color: var(--text-muted);
 }
 
 .eidos-comment-thread-skeleton {
@@ -3395,7 +3406,7 @@ kbd.eidos-cmd-kbd {
 
 .eidos-datagrid-sort-icon {
   display: flex;
-  color: var(--gray-400);
+  color: var(--text-muted);
   flex-shrink: 0;
   transition: color 0.2s ease;
 }
@@ -3501,7 +3512,7 @@ kbd.eidos-cmd-kbd {
   background: rgba(var(--danger-rgb), 0.18);
 }
 .eidos-data-grid-cell--readonly {
-  color: var(--gray-500);
+  color: var(--text-muted);
   cursor: default;
 }
 
@@ -3525,7 +3536,7 @@ kbd.eidos-cmd-kbd {
   justify-content: center;
   padding: 2px;
   border-radius: var(--border-radius-sm);
-  color: var(--gray-400);
+  color: var(--text-muted);
   transition: color 0.15s ease, background-color 0.15s ease;
 }
 .eidos-datagrid-expand-toggle:hover {
@@ -3581,7 +3592,7 @@ kbd.eidos-cmd-kbd {
 }
 
 .eidos-data-grid-row-number {
-  color: var(--gray-400);
+  color: var(--text-muted);
   font-size: var(--font-size-xs);
   text-align: right;
   width: 40px;
@@ -3631,7 +3642,7 @@ kbd.eidos-cmd-kbd {
   justify-content: center;
   padding: var(--spacing-xs);
   border-radius: var(--border-radius-sm);
-  color: var(--gray-400);
+  color: var(--text-muted);
   transition: color 0.15s ease, background-color 0.15s ease;
 }
 .eidos-datagrid-actions-trigger:hover {
@@ -3884,7 +3895,7 @@ kbd.eidos-cmd-kbd {
 }
 
 .eidos-datagrid-card-row-number {
-  color: var(--gray-400);
+  color: var(--text-muted);
   font-size: var(--font-size-xs);
   user-select: none;
 }
@@ -3906,7 +3917,7 @@ kbd.eidos-cmd-kbd {
 
 .eidos-datagrid-card-heading-subtitle {
   font-size: var(--font-size-sm);
-  color: var(--gray-500);
+  color: var(--text-muted);
   border-radius: var(--border-radius-sm);
 }
 
@@ -3925,7 +3936,7 @@ kbd.eidos-cmd-kbd {
 .eidos-datagrid-card-field-label {
   font-size: var(--font-size-xs);
   font-weight: var(--font-weight-medium);
-  color: var(--gray-500);
+  color: var(--text-muted);
 }
 
 .eidos-datagrid-card-field-value,
@@ -3960,7 +3971,7 @@ kbd.eidos-cmd-kbd {
 .eidos-datagrid-card-field-value.eidos-data-grid-cell--readonly,
 .eidos-datagrid-card-heading-title.eidos-data-grid-cell--readonly,
 .eidos-datagrid-card-heading-subtitle.eidos-data-grid-cell--readonly {
-  color: var(--gray-500);
+  color: var(--text-muted);
   cursor: default;
 }
 
@@ -3991,10 +4002,10 @@ kbd.eidos-cmd-kbd {
   cursor: pointer;
 }
 .eidos-date-picker-trigger .eidos-input-pre-icon {
-  color: var(--gray-500);
+  color: var(--text-muted);
 }
 .eidos-date-picker-trigger .eidos-input-pos-icon-button {
-  color: var(--gray-500) !important;
+  color: var(--text-muted) !important;
   background: none !important;
   border: none !important;
   padding: var(--spacing-xs) !important;
@@ -4141,7 +4152,7 @@ kbd.eidos-cmd-kbd {
   height: 36px;
   font-size: var(--font-size-xs);
   font-weight: var(--font-weight-medium);
-  color: var(--gray-500);
+  color: var(--text-muted);
 }
 
 .eidos-calendar-content {
@@ -4209,7 +4220,7 @@ kbd.eidos-cmd-kbd {
   background-color: var(--gray-200);
 }
 .eidos-calendar-date-cell.eidos-calendar-other-month {
-  color: var(--gray-400);
+  color: var(--text-muted);
 }
 .eidos-calendar-date-cell.eidos-calendar-other-month:hover:not(.eidos-calendar-disabled) {
   color: var(--gray-600);
@@ -4347,7 +4358,7 @@ kbd.eidos-cmd-kbd {
 .eidos-time-input-separator {
   font-size: var(--font-size-lg);
   font-weight: var(--font-weight-medium);
-  color: var(--gray-500);
+  color: var(--text-muted);
   user-select: none;
 }
 
@@ -4502,7 +4513,7 @@ kbd.eidos-cmd-kbd {
   width: 32px;
   height: 32px;
   border-radius: var(--border-radius-sm);
-  color: var(--gray-400);
+  color: var(--text-muted);
   cursor: pointer;
   flex-shrink: 0;
   transition: color 0.15s ease, background-color 0.15s ease;
@@ -4514,9 +4525,9 @@ kbd.eidos-cmd-kbd {
 .eidos-drawer-close:focus-visible {
   outline: none;
 }
-.eidos-drawer-close:focus-visible:focus {
+.eidos-drawer-close:focus-visible:focus-visible {
   outline: none;
-  box-shadow: 0 0 0 3px rgba(var(--primary-rgb), 0.3);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--primary-color);
 }
 .eidos-drawer-close svg {
   width: 18px;
@@ -4672,7 +4683,7 @@ kbd.eidos-cmd-kbd {
 .eidos-empty-state-description {
   margin: 0;
   font-size: var(--font-size-sm);
-  color: var(--gray-500);
+  color: var(--text-muted);
   line-height: 1.6;
 }
 
@@ -4721,7 +4732,7 @@ kbd.eidos-cmd-kbd {
   height: 48px;
   border-radius: 50%;
   background: var(--gray-100);
-  color: var(--gray-400);
+  color: var(--text-muted);
 }
 .eidos-file-upload-icon svg {
   width: 24px;
@@ -4748,7 +4759,7 @@ kbd.eidos-cmd-kbd {
 
 .eidos-file-upload-hint {
   font-size: var(--font-size-xs);
-  color: var(--gray-400);
+  color: var(--text-muted);
 }
 
 .eidos-file-upload-error {
@@ -4792,7 +4803,7 @@ kbd.eidos-cmd-kbd {
   width: 16px;
   height: 16px;
   flex-shrink: 0;
-  color: var(--gray-400);
+  color: var(--text-muted);
 }
 
 .eidos-file-upload-item-name {
@@ -4806,7 +4817,7 @@ kbd.eidos-cmd-kbd {
 
 .eidos-file-upload-item-size {
   font-size: var(--font-size-xs);
-  color: var(--gray-400);
+  color: var(--text-muted);
   flex-shrink: 0;
 }
 
@@ -4824,7 +4835,7 @@ kbd.eidos-cmd-kbd {
   height: 24px;
   border-radius: var(--border-radius-xs);
   cursor: pointer;
-  color: var(--gray-400);
+  color: var(--text-muted);
   flex-shrink: 0;
   transition: background 0.15s ease, color 0.15s ease;
 }
@@ -4832,9 +4843,9 @@ kbd.eidos-cmd-kbd {
   background: var(--gray-200);
   color: var(--danger-color);
 }
-.eidos-file-upload-item-remove:focus-visible:focus {
+.eidos-file-upload-item-remove:focus-visible:focus-visible {
   outline: none;
-  box-shadow: 0 0 0 2px rgba(var(--primary-rgb), 0.3);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--primary-color);
 }
 .eidos-file-upload-item-remove svg {
   width: 14px;
@@ -4878,7 +4889,7 @@ kbd.eidos-cmd-kbd {
 .eidos-inline-edit .eidos-inline-edit__icon {
   display: inline-flex;
   align-items: center;
-  color: var(--gray-400);
+  color: var(--text-muted);
   opacity: 0;
   transition: opacity 0.15s ease;
   flex-shrink: 0;
@@ -4895,7 +4906,7 @@ kbd.eidos-cmd-kbd {
   white-space: nowrap;
 }
 .eidos-inline-edit .eidos-inline-edit__placeholder {
-  color: var(--gray-400);
+  color: var(--text-muted);
   font-style: italic;
 }
 .eidos-inline-edit:not(.eidos-inline-edit--disabled):hover, .eidos-inline-edit:not(.eidos-inline-edit--disabled):focus-visible {
@@ -4910,7 +4921,7 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-inline-edit--disabled {
   cursor: not-allowed;
-  color: var(--gray-400);
+  color: var(--text-disabled);
 }
 .eidos-inline-edit--editing {
   display: block;
@@ -4989,10 +5000,7 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-input-wrapper:focus-within {
   border-color: var(--primary-color);
-}
-.eidos-input-wrapper:focus-within:focus {
-  outline: none;
-  box-shadow: 0 0 0 3px rgba(var(--primary-rgb), 0.3);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--primary-color);
 }
 .eidos-input-wrapper--focused.eidos-input-wrapper--filled {
   background-color: var(--white);
@@ -5021,42 +5029,42 @@ kbd.eidos-cmd-kbd {
 .eidos-input-wrapper--filled:focus-within {
   background-color: var(--white);
   border-color: var(--primary-color);
-  box-shadow: 0 0 0 3px rgba(var(--primary-rgb), 0.1), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--primary-color), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
 }
 .eidos-input-wrapper--filled.eidos-input-wrapper--secondary:hover:not(:disabled) {
   border-color: var(--secondary-color);
 }
 .eidos-input-wrapper--filled.eidos-input-wrapper--secondary:focus-within {
   border-color: var(--secondary-color);
-  box-shadow: 0 0 0 3px rgba(var(--secondary-rgb), 0.1), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--secondary-color), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
 }
 .eidos-input-wrapper--filled.eidos-input-wrapper--success:hover:not(:disabled) {
   border-color: var(--success-color);
 }
 .eidos-input-wrapper--filled.eidos-input-wrapper--success:focus-within {
   border-color: var(--success-color);
-  box-shadow: 0 0 0 3px rgba(var(--success-rgb), 0.1), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--success-color), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
 }
 .eidos-input-wrapper--filled.eidos-input-wrapper--danger:hover:not(:disabled) {
   border-color: var(--danger-color);
 }
 .eidos-input-wrapper--filled.eidos-input-wrapper--danger:focus-within {
   border-color: var(--danger-color);
-  box-shadow: 0 0 0 3px rgba(var(--danger-rgb), 0.1), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--danger-color), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
 }
 .eidos-input-wrapper--filled.eidos-input-wrapper--warning:hover:not(:disabled) {
   border-color: var(--warning-color);
 }
 .eidos-input-wrapper--filled.eidos-input-wrapper--warning:focus-within {
   border-color: var(--warning-color);
-  box-shadow: 0 0 0 3px rgba(var(--warning-rgb), 0.1), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--warning-color), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
 }
 .eidos-input-wrapper--filled.eidos-input-wrapper--info:hover:not(:disabled) {
   border-color: var(--info-color);
 }
 .eidos-input-wrapper--filled.eidos-input-wrapper--info:focus-within {
   border-color: var(--info-color);
-  box-shadow: 0 0 0 3px rgba(var(--info-rgb), 0.1), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--info-color), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
 }
 .eidos-input-wrapper--outlined {
   background-color: transparent;
@@ -5067,7 +5075,7 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-input-wrapper--outlined:focus-within {
   border-color: var(--primary-color);
-  box-shadow: 0 0 0 3px rgba(var(--primary-rgb), 0.1), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--primary-color), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
 }
 .eidos-input-wrapper--outlined.eidos-input-wrapper--secondary {
   border-color: var(--secondary-color);
@@ -5077,7 +5085,7 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-input-wrapper--outlined.eidos-input-wrapper--secondary:focus-within {
   border-color: var(--secondary-color);
-  box-shadow: 0 0 0 3px rgba(var(--secondary-rgb), 0.1), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--secondary-color), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
 }
 .eidos-input-wrapper--outlined.eidos-input-wrapper--success {
   border-color: var(--success-color);
@@ -5087,7 +5095,7 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-input-wrapper--outlined.eidos-input-wrapper--success:focus-within {
   border-color: var(--success-color);
-  box-shadow: 0 0 0 3px rgba(var(--success-rgb), 0.1), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--success-color), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
 }
 .eidos-input-wrapper--outlined.eidos-input-wrapper--danger {
   border-color: var(--danger-color);
@@ -5097,7 +5105,7 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-input-wrapper--outlined.eidos-input-wrapper--danger:focus-within {
   border-color: var(--danger-color);
-  box-shadow: 0 0 0 3px rgba(var(--danger-rgb), 0.1), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--danger-color), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
 }
 .eidos-input-wrapper--outlined.eidos-input-wrapper--warning {
   border-color: var(--warning-color);
@@ -5107,7 +5115,7 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-input-wrapper--outlined.eidos-input-wrapper--warning:focus-within {
   border-color: var(--warning-color);
-  box-shadow: 0 0 0 3px rgba(var(--warning-rgb), 0.1), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--warning-color), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
 }
 .eidos-input-wrapper--outlined.eidos-input-wrapper--info {
   border-color: var(--info-color);
@@ -5117,7 +5125,7 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-input-wrapper--outlined.eidos-input-wrapper--info:focus-within {
   border-color: var(--info-color);
-  box-shadow: 0 0 0 3px rgba(var(--info-rgb), 0.1), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--info-color), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
 }
 .eidos-input-wrapper--text {
   background-color: transparent;
@@ -5204,10 +5212,7 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-input-wrapper--error:focus-within {
   border-color: var(--danger-color) !important;
-}
-.eidos-input-wrapper--error:focus-within:focus {
-  outline: none;
-  box-shadow: 0 0 0 3px rgba(var(--danger-rgb), 0.3);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--danger-color);
 }
 .eidos-input-wrapper--loading {
   border-style: dashed;
@@ -5253,7 +5258,7 @@ kbd.eidos-cmd-kbd {
   appearance: none;
 }
 .eidos-input::placeholder {
-  color: var(--gray-400);
+  color: var(--text-muted);
   opacity: 1;
 }
 .eidos-input--sm {
@@ -5273,7 +5278,7 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-input:disabled:not(.eidos-input--loading) {
   cursor: not-allowed;
-  color: var(--gray-500);
+  color: var(--text-disabled);
 }
 .eidos-input--error {
   color: var(--danger-color);
@@ -5284,7 +5289,7 @@ kbd.eidos-cmd-kbd {
   display: flex;
   align-items: center;
   justify-content: center;
-  color: var(--gray-500);
+  color: var(--text-muted);
   font-size: 1.1em;
   line-height: 1;
   flex-shrink: 0;
@@ -5307,7 +5312,7 @@ kbd.eidos-cmd-kbd {
   display: flex;
   align-items: center;
   justify-content: center;
-  color: var(--gray-500);
+  color: var(--text-muted);
   cursor: pointer;
   padding: var(--spacing-xs);
   border-radius: var(--border-radius-sm);
@@ -5341,7 +5346,7 @@ kbd.eidos-cmd-kbd {
   display: flex;
   align-items: center;
   justify-content: center;
-  color: var(--gray-400);
+  color: var(--text-muted);
   cursor: pointer;
   padding: var(--spacing-xs);
   border-radius: var(--border-radius-sm);
@@ -5405,7 +5410,7 @@ kbd.eidos-cmd-kbd {
   display: flex;
   align-items: center;
   justify-content: center;
-  color: var(--gray-500);
+  color: var(--text-muted);
   font-size: 1.1em;
   line-height: 1;
   flex-shrink: 0;
@@ -5509,7 +5514,7 @@ kbd.eidos-cmd-kbd {
 .eidos-menu-item.eidos-menu-item--disabled {
   opacity: 0.5;
   cursor: not-allowed;
-  color: var(--gray-400);
+  color: var(--text-disabled);
 }
 .eidos-menu-item.eidos-menu-item--disabled:hover {
   background-color: transparent;
@@ -5583,7 +5588,7 @@ kbd.eidos-cmd-kbd {
 .eidos-menu-nested-arrow {
   width: 16px;
   height: 16px;
-  color: var(--gray-400);
+  color: var(--text-muted);
   flex-shrink: 0;
   transition: transform 0.15s ease;
 }
@@ -5755,13 +5760,13 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-number-input-control:focus-within:not(.eidos-number-input-control--disabled) {
   border-color: var(--primary-color);
-  box-shadow: 0 0 0 3px rgba(var(--primary-rgb, 99, 102, 241), 0.15);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--primary-color);
 }
 .eidos-number-input--error .eidos-number-input-control {
   border-color: var(--danger-color);
 }
 .eidos-number-input--error .eidos-number-input-control:focus-within {
-  box-shadow: 0 0 0 3px rgba(var(--danger-rgb, 239, 68, 68), 0.15);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--danger-color);
 }
 .eidos-number-input-control--disabled {
   background: var(--gray-100);
@@ -5792,7 +5797,7 @@ kbd.eidos-cmd-kbd {
   flex-shrink: 0;
   height: 100%;
   cursor: pointer;
-  color: var(--gray-500);
+  color: var(--text-muted);
   transition: background 0.15s ease, color 0.15s ease;
   border: none;
 }
@@ -5859,7 +5864,7 @@ kbd.eidos-cmd-kbd {
 
 .eidos-number-input-helper {
   font-size: var(--font-size-xs);
-  color: var(--gray-400);
+  color: var(--text-muted);
 }
 
 .eidos-number-input-error {
@@ -5946,7 +5951,7 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-otp .eidos-otp-slot--focused {
   border-color: var(--primary-color);
-  box-shadow: 0 0 0 3px rgba(var(--primary-rgb), 0.15);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--primary-color);
   background-color: var(--white);
 }
 .eidos-otp .eidos-otp-slot--error {
@@ -5954,7 +5959,7 @@ kbd.eidos-cmd-kbd {
   background-color: rgba(var(--danger-rgb), 0.04);
 }
 .eidos-otp .eidos-otp-slot--error.eidos-otp-slot--focused {
-  box-shadow: 0 0 0 3px rgba(var(--danger-rgb), 0.15);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--danger-color);
 }
 .eidos-otp .eidos-otp-slot--disabled {
   opacity: 0.5;
@@ -5967,7 +5972,7 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-otp .eidos-otp-hint {
   font-size: var(--font-size-sm);
-  color: var(--gray-500);
+  color: var(--text-muted);
   line-height: 1.4;
 }
 .eidos-otp .eidos-otp-error-message {
@@ -6128,7 +6133,7 @@ kbd.eidos-cmd-kbd {
   color: var(--info-contrast);
 }
 .eidos-pagination-page--active:focus {
-  box-shadow: 0 0 0 2px rgba(var(--primary-rgb), 0.25);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--primary-color);
 }
 .eidos-pagination-page--active:disabled {
   opacity: 0.6;
@@ -6140,7 +6145,7 @@ kbd.eidos-cmd-kbd {
   align-items: center;
   justify-content: center;
   font-size: var(--font-size-sm);
-  color: var(--gray-400);
+  color: var(--text-muted);
   padding: 0 var(--spacing-xs);
   user-select: none;
 }
@@ -6231,7 +6236,7 @@ kbd.eidos-cmd-kbd {
   width: 24px;
   height: 24px;
   border-radius: var(--border-radius-xs);
-  color: var(--gray-400);
+  color: var(--text-muted);
   cursor: pointer;
   transition: color 0.15s ease, background 0.15s ease;
   flex-shrink: 0;
@@ -6242,7 +6247,7 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-popover-close:focus-visible {
   outline: none;
-  box-shadow: 0 0 0 3px rgba(var(--primary-rgb), 0.3);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--primary-color);
 }
 .eidos-popover-close svg {
   width: 14px;
@@ -6389,7 +6394,7 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-radio-wrapper--primary .eidos-radio-input:focus-visible + .eidos-radio-control {
   outline: none;
-  box-shadow: 0 0 0 3px rgba(var(--primary-rgb), 0.3);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--primary-color);
 }
 .eidos-radio-wrapper--primary .eidos-radio-control--checked {
   background: var(--primary-color);
@@ -6398,7 +6403,7 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-radio-wrapper--secondary .eidos-radio-input:focus-visible + .eidos-radio-control {
   outline: none;
-  box-shadow: 0 0 0 3px rgba(var(--secondary-rgb), 0.3);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--secondary-color);
 }
 .eidos-radio-wrapper--secondary .eidos-radio-control--checked {
   background: var(--secondary-color);
@@ -6407,7 +6412,7 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-radio-wrapper--success .eidos-radio-input:focus-visible + .eidos-radio-control {
   outline: none;
-  box-shadow: 0 0 0 3px rgba(var(--success-rgb), 0.3);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--success-color);
 }
 .eidos-radio-wrapper--success .eidos-radio-control--checked {
   background: var(--success-color);
@@ -6416,7 +6421,7 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-radio-wrapper--danger .eidos-radio-input:focus-visible + .eidos-radio-control {
   outline: none;
-  box-shadow: 0 0 0 3px rgba(var(--danger-rgb), 0.3);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--danger-color);
 }
 .eidos-radio-wrapper--danger .eidos-radio-control--checked {
   background: var(--danger-color);
@@ -6425,7 +6430,7 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-radio-wrapper--warning .eidos-radio-input:focus-visible + .eidos-radio-control {
   outline: none;
-  box-shadow: 0 0 0 3px rgba(var(--warning-rgb), 0.3);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--warning-color);
 }
 .eidos-radio-wrapper--warning .eidos-radio-control--checked {
   background: var(--warning-color);
@@ -6434,7 +6439,7 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-radio-wrapper--info .eidos-radio-input:focus-visible + .eidos-radio-control {
   outline: none;
-  box-shadow: 0 0 0 3px rgba(var(--info-rgb), 0.3);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--info-color);
 }
 .eidos-radio-wrapper--info .eidos-radio-control--checked {
   background: var(--info-color);
@@ -6490,7 +6495,7 @@ kbd.eidos-cmd-kbd {
   user-select: none;
 }
 .eidos-radio-wrapper--disabled .eidos-radio-label {
-  color: var(--gray-400);
+  color: var(--text-disabled);
 }
 
 .eidos-radio-error-message {
@@ -6578,7 +6583,7 @@ kbd.eidos-cmd-kbd {
   border: 1px solid var(--gray-200);
   border-radius: 50%;
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
-  color: var(--gray-500);
+  color: var(--text-muted);
   transition: color 0.2s ease, background-color 0.2s ease;
 }
 .eidos-segmented-scroll-button--prev {
@@ -6623,7 +6628,7 @@ kbd.eidos-cmd-kbd {
   border-radius: var(--border-radius-lg);
   cursor: pointer;
   font-weight: var(--font-weight-medium);
-  color: var(--gray-500);
+  color: var(--text-muted);
   transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
   white-space: nowrap;
   line-height: 1;
@@ -6691,45 +6696,45 @@ kbd.eidos-cmd-kbd {
 }
 
 .eidos-segmented--primary .eidos-segmented-item:focus-visible {
-  box-shadow: inset 0 0 0 2px rgba(var(--primary-rgb), 0.5);
+  box-shadow: inset 0 0 0 2px var(--primary-color);
 }
 .eidos-segmented--primary .eidos-segmented-item--active:focus-visible {
-  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), inset 0 0 0 2px rgba(var(--primary-rgb), 0.5);
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), inset 0 0 0 2px var(--primary-color);
 }
 
 .eidos-segmented--secondary .eidos-segmented-item:focus-visible {
-  box-shadow: inset 0 0 0 2px rgba(var(--secondary-rgb), 0.5);
+  box-shadow: inset 0 0 0 2px var(--secondary-color);
 }
 .eidos-segmented--secondary .eidos-segmented-item--active:focus-visible {
-  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), inset 0 0 0 2px rgba(var(--secondary-rgb), 0.5);
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), inset 0 0 0 2px var(--secondary-color);
 }
 
 .eidos-segmented--success .eidos-segmented-item:focus-visible {
-  box-shadow: inset 0 0 0 2px rgba(var(--success-rgb), 0.5);
+  box-shadow: inset 0 0 0 2px var(--success-color);
 }
 .eidos-segmented--success .eidos-segmented-item--active:focus-visible {
-  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), inset 0 0 0 2px rgba(var(--success-rgb), 0.5);
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), inset 0 0 0 2px var(--success-color);
 }
 
 .eidos-segmented--danger .eidos-segmented-item:focus-visible {
-  box-shadow: inset 0 0 0 2px rgba(var(--danger-rgb), 0.5);
+  box-shadow: inset 0 0 0 2px var(--danger-color);
 }
 .eidos-segmented--danger .eidos-segmented-item--active:focus-visible {
-  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), inset 0 0 0 2px rgba(var(--danger-rgb), 0.5);
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), inset 0 0 0 2px var(--danger-color);
 }
 
 .eidos-segmented--warning .eidos-segmented-item:focus-visible {
-  box-shadow: inset 0 0 0 2px rgba(var(--warning-rgb), 0.5);
+  box-shadow: inset 0 0 0 2px var(--warning-color);
 }
 .eidos-segmented--warning .eidos-segmented-item--active:focus-visible {
-  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), inset 0 0 0 2px rgba(var(--warning-rgb), 0.5);
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), inset 0 0 0 2px var(--warning-color);
 }
 
 .eidos-segmented--info .eidos-segmented-item:focus-visible {
-  box-shadow: inset 0 0 0 2px rgba(var(--info-rgb), 0.5);
+  box-shadow: inset 0 0 0 2px var(--info-color);
 }
 .eidos-segmented--info .eidos-segmented-item--active:focus-visible {
-  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), inset 0 0 0 2px rgba(var(--info-rgb), 0.5);
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), inset 0 0 0 2px var(--info-color);
 }
 
 .eidos-select-container {
@@ -6794,7 +6799,7 @@ kbd.eidos-cmd-kbd {
 .eidos-select-option--disabled {
   opacity: 0.5;
   cursor: not-allowed;
-  color: var(--gray-400);
+  color: var(--text-disabled);
 }
 .eidos-select-option--disabled:hover {
   background-color: transparent;
@@ -6911,7 +6916,7 @@ kbd.eidos-cmd-kbd {
 .eidos-slider-value {
   font-size: var(--font-size-sm);
   font-weight: var(--font-weight-medium);
-  color: var(--gray-500);
+  color: var(--text-muted);
   min-width: 2.5ch;
   text-align: right;
 }
@@ -7137,7 +7142,7 @@ kbd.eidos-cmd-kbd {
   align-items: center;
   justify-content: space-between;
   font-size: var(--font-size-xs);
-  color: var(--gray-400);
+  color: var(--text-muted);
 }
 
 .eidos-snackbar {
@@ -7285,7 +7290,7 @@ kbd.eidos-cmd-kbd {
   width: 24px;
   height: 24px;
   border-radius: var(--border-radius-sm);
-  color: var(--gray-500);
+  color: var(--text-muted);
   margin-left: var(--spacing-sm);
   transition: all 0.2s ease;
 }
@@ -7293,35 +7298,15 @@ kbd.eidos-cmd-kbd {
   background-color: var(--gray-100);
   color: var(--gray-700);
 }
-.eidos-snackbar .eidos-snackbar-close-button:focus:focus {
+.eidos-snackbar .eidos-snackbar-close-button:focus:focus-visible {
   outline: none;
-  box-shadow: 0 0 0 2px rgba(var(--gray-rgb), 0.3);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--gray-color);
 }
 .eidos-snackbar .eidos-snackbar-close-icon {
   width: 16px;
   height: 16px;
 }
 
-@keyframes snackbarEnter {
-  from {
-    opacity: 0;
-    transform: translateX(100%) scale(0.95);
-  }
-  to {
-    opacity: 1;
-    transform: translateX(0) scale(1);
-  }
-}
-@keyframes snackbarExit {
-  from {
-    opacity: 1;
-    transform: translateX(0) scale(1);
-  }
-  to {
-    opacity: 0;
-    transform: translateX(0) scale(0.85);
-  }
-}
 .eidos-snackbar-container {
   position: fixed;
   top: var(--spacing-lg);
@@ -7549,7 +7534,7 @@ kbd.eidos-cmd-kbd {
   flex-shrink: 0;
   border: 2px solid var(--gray-300);
   background: var(--white);
-  color: var(--gray-400);
+  color: var(--text-muted);
   transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease;
 }
 .eidos-stepper-dot svg {
@@ -7673,12 +7658,12 @@ kbd.eidos-cmd-kbd {
   color: var(--dark-color);
 }
 .eidos-stepper-step--pending .eidos-stepper-label {
-  color: var(--gray-400);
+  color: var(--text-muted);
 }
 
 .eidos-stepper-description {
   font-size: var(--font-size-xs);
-  color: var(--gray-400);
+  color: var(--text-muted);
 }
 
 .eidos-switch-wrapper {
@@ -7738,42 +7723,42 @@ kbd.eidos-cmd-kbd {
   color: var(--primary-contrast);
 }
 .eidos-switch-wrapper--primary .eidos-switch-input:focus-visible + .eidos-switch-track {
-  box-shadow: 0 0 0 3px rgba(var(--primary-rgb), 0.3);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--primary-color);
 }
 .eidos-switch-wrapper--secondary .eidos-switch-track--checked {
   background: var(--secondary-color);
   color: var(--secondary-contrast);
 }
 .eidos-switch-wrapper--secondary .eidos-switch-input:focus-visible + .eidos-switch-track {
-  box-shadow: 0 0 0 3px rgba(var(--secondary-rgb), 0.3);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--secondary-color);
 }
 .eidos-switch-wrapper--success .eidos-switch-track--checked {
   background: var(--success-color);
   color: var(--success-contrast);
 }
 .eidos-switch-wrapper--success .eidos-switch-input:focus-visible + .eidos-switch-track {
-  box-shadow: 0 0 0 3px rgba(var(--success-rgb), 0.3);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--success-color);
 }
 .eidos-switch-wrapper--danger .eidos-switch-track--checked {
   background: var(--danger-color);
   color: var(--danger-contrast);
 }
 .eidos-switch-wrapper--danger .eidos-switch-input:focus-visible + .eidos-switch-track {
-  box-shadow: 0 0 0 3px rgba(var(--danger-rgb), 0.3);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--danger-color);
 }
 .eidos-switch-wrapper--warning .eidos-switch-track--checked {
   background: var(--warning-color);
   color: var(--warning-contrast);
 }
 .eidos-switch-wrapper--warning .eidos-switch-input:focus-visible + .eidos-switch-track {
-  box-shadow: 0 0 0 3px rgba(var(--warning-rgb), 0.3);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--warning-color);
 }
 .eidos-switch-wrapper--info .eidos-switch-track--checked {
   background: var(--info-color);
   color: var(--info-contrast);
 }
 .eidos-switch-wrapper--info .eidos-switch-input:focus-visible + .eidos-switch-track {
-  box-shadow: 0 0 0 3px rgba(var(--info-rgb), 0.3);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--info-color);
 }
 
 .eidos-switch-label {
@@ -7929,7 +7914,7 @@ kbd.eidos-cmd-kbd {
 .eidos-table-sort-indicator {
   display: flex;
   font-size: var(--font-size-xs);
-  color: var(--gray-500);
+  color: var(--text-muted);
   transition: color 0.2s ease;
 }
 .eidos-table-sortable:hover .eidos-table-sort-indicator {
@@ -8202,7 +8187,7 @@ kbd.eidos-cmd-kbd {
   display: inline-flex;
   align-items: center;
   cursor: grab;
-  color: var(--gray-400);
+  color: var(--text-muted);
   line-height: 0;
   opacity: 0;
   transition: opacity 0.15s ease;
@@ -8370,7 +8355,7 @@ kbd.eidos-cmd-kbd {
 
 .eidos-table-card-heading-subtitle {
   font-size: var(--font-size-sm);
-  color: var(--gray-500);
+  color: var(--text-muted);
 }
 
 .eidos-table-card-fields {
@@ -8389,7 +8374,7 @@ kbd.eidos-cmd-kbd {
 .eidos-table-card-field-label {
   font-size: var(--font-size-xs);
   font-weight: var(--font-weight-medium);
-  color: var(--gray-500);
+  color: var(--text-muted);
 }
 
 .eidos-table-card-field-value {
@@ -8656,7 +8641,7 @@ kbd.eidos-cmd-kbd {
   border: 1px solid var(--gray-200);
   border-radius: var(--border-radius-sm);
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
-  color: var(--gray-500);
+  color: var(--text-muted);
   transition: color 0.2s ease, background-color 0.2s ease;
 }
 .eidos-tabs-scroll-button--prev {
@@ -8721,7 +8706,7 @@ kbd.eidos-cmd-kbd {
   gap: var(--spacing-xs);
   cursor: pointer;
   white-space: nowrap;
-  color: var(--gray-500);
+  color: var(--text-muted);
   font-weight: var(--font-weight-medium);
   line-height: 1;
   transition: all 0.2s ease;
@@ -8769,7 +8754,7 @@ kbd.eidos-cmd-kbd {
   color: var(--primary-contrast);
 }
 .eidos-tabs--primary .eidos-tab:focus-visible {
-  box-shadow: inset 0 0 0 2px rgba(var(--primary-rgb), 0.5);
+  box-shadow: inset 0 0 0 2px var(--primary-color);
 }
 
 .eidos-tabs--secondary .eidos-tab--active {
@@ -8783,7 +8768,7 @@ kbd.eidos-cmd-kbd {
   color: var(--secondary-contrast);
 }
 .eidos-tabs--secondary .eidos-tab:focus-visible {
-  box-shadow: inset 0 0 0 2px rgba(var(--secondary-rgb), 0.5);
+  box-shadow: inset 0 0 0 2px var(--secondary-color);
 }
 
 .eidos-tabs--success .eidos-tab--active {
@@ -8797,7 +8782,7 @@ kbd.eidos-cmd-kbd {
   color: var(--success-contrast);
 }
 .eidos-tabs--success .eidos-tab:focus-visible {
-  box-shadow: inset 0 0 0 2px rgba(var(--success-rgb), 0.5);
+  box-shadow: inset 0 0 0 2px var(--success-color);
 }
 
 .eidos-tabs--danger .eidos-tab--active {
@@ -8811,7 +8796,7 @@ kbd.eidos-cmd-kbd {
   color: var(--danger-contrast);
 }
 .eidos-tabs--danger .eidos-tab:focus-visible {
-  box-shadow: inset 0 0 0 2px rgba(var(--danger-rgb), 0.5);
+  box-shadow: inset 0 0 0 2px var(--danger-color);
 }
 
 .eidos-tabs--warning .eidos-tab--active {
@@ -8825,7 +8810,7 @@ kbd.eidos-cmd-kbd {
   color: var(--warning-contrast);
 }
 .eidos-tabs--warning .eidos-tab:focus-visible {
-  box-shadow: inset 0 0 0 2px rgba(var(--warning-rgb), 0.5);
+  box-shadow: inset 0 0 0 2px var(--warning-color);
 }
 
 .eidos-tabs--info .eidos-tab--active {
@@ -8839,7 +8824,7 @@ kbd.eidos-cmd-kbd {
   color: var(--info-contrast);
 }
 .eidos-tabs--info .eidos-tab:focus-visible {
-  box-shadow: inset 0 0 0 2px rgba(var(--info-rgb), 0.5);
+  box-shadow: inset 0 0 0 2px var(--info-color);
 }
 
 .eidos-tabs--pills .eidos-tab--active:focus-visible {
@@ -8934,7 +8919,7 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-tag-input-field--focused {
   border-color: var(--primary-color);
-  box-shadow: 0 0 0 3px rgba(var(--primary-rgb), 0.15);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--primary-color);
   outline: none;
 }
 .eidos-tag-input-field--error {
@@ -8942,7 +8927,7 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-tag-input-field--error.eidos-tag-input-field--focused {
   border-color: var(--danger-color);
-  box-shadow: 0 0 0 3px rgba(var(--danger-rgb), 0.15);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--danger-color);
 }
 .eidos-tag-input-field--disabled {
   opacity: 0.5;
@@ -8976,7 +8961,7 @@ kbd.eidos-cmd-kbd {
   line-height: 1.4;
 }
 .eidos-tag-input-input::placeholder {
-  color: var(--gray-400);
+  color: var(--text-muted);
 }
 
 .eidos-tag-input-dropdown-anchor {
@@ -9013,12 +8998,12 @@ kbd.eidos-cmd-kbd {
   padding: var(--spacing-md);
   text-align: center;
   font-size: var(--font-size-sm);
-  color: var(--gray-500);
+  color: var(--text-muted);
 }
 
 .eidos-tag-input-hint {
   font-size: var(--font-size-sm);
-  color: var(--gray-500);
+  color: var(--text-muted);
   margin-top: var(--spacing-xs);
   line-height: 1.4;
 }
@@ -9122,42 +9107,42 @@ kbd.eidos-cmd-kbd {
 .eidos-textarea-wrapper--filled:focus-within {
   background-color: var(--white);
   border-color: var(--primary-color);
-  box-shadow: 0 0 0 3px rgba(var(--primary-rgb), 0.1), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--primary-color), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
 }
 .eidos-textarea-wrapper--filled.eidos-textarea-wrapper--secondary:hover:not(:disabled) {
   border-color: var(--secondary-color);
 }
 .eidos-textarea-wrapper--filled.eidos-textarea-wrapper--secondary:focus-within {
   border-color: var(--secondary-color);
-  box-shadow: 0 0 0 3px rgba(var(--secondary-rgb), 0.1), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--secondary-color), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
 }
 .eidos-textarea-wrapper--filled.eidos-textarea-wrapper--success:hover:not(:disabled) {
   border-color: var(--success-color);
 }
 .eidos-textarea-wrapper--filled.eidos-textarea-wrapper--success:focus-within {
   border-color: var(--success-color);
-  box-shadow: 0 0 0 3px rgba(var(--success-rgb), 0.1), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--success-color), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
 }
 .eidos-textarea-wrapper--filled.eidos-textarea-wrapper--danger:hover:not(:disabled) {
   border-color: var(--danger-color);
 }
 .eidos-textarea-wrapper--filled.eidos-textarea-wrapper--danger:focus-within {
   border-color: var(--danger-color);
-  box-shadow: 0 0 0 3px rgba(var(--danger-rgb), 0.1), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--danger-color), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
 }
 .eidos-textarea-wrapper--filled.eidos-textarea-wrapper--warning:hover:not(:disabled) {
   border-color: var(--warning-color);
 }
 .eidos-textarea-wrapper--filled.eidos-textarea-wrapper--warning:focus-within {
   border-color: var(--warning-color);
-  box-shadow: 0 0 0 3px rgba(var(--warning-rgb), 0.1), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--warning-color), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
 }
 .eidos-textarea-wrapper--filled.eidos-textarea-wrapper--info:hover:not(:disabled) {
   border-color: var(--info-color);
 }
 .eidos-textarea-wrapper--filled.eidos-textarea-wrapper--info:focus-within {
   border-color: var(--info-color);
-  box-shadow: 0 0 0 3px rgba(var(--info-rgb), 0.1), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--info-color), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
 }
 .eidos-textarea-wrapper--outlined {
   background-color: transparent;
@@ -9168,7 +9153,7 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-textarea-wrapper--outlined:focus-within {
   border-color: var(--primary-color);
-  box-shadow: 0 0 0 3px rgba(var(--primary-rgb), 0.1), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--primary-color), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
 }
 .eidos-textarea-wrapper--outlined.eidos-textarea-wrapper--secondary {
   border-color: var(--secondary-color);
@@ -9178,7 +9163,7 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-textarea-wrapper--outlined.eidos-textarea-wrapper--secondary:focus-within {
   border-color: var(--secondary-color);
-  box-shadow: 0 0 0 3px rgba(var(--secondary-rgb), 0.1), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--secondary-color), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
 }
 .eidos-textarea-wrapper--outlined.eidos-textarea-wrapper--success {
   border-color: var(--success-color);
@@ -9188,7 +9173,7 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-textarea-wrapper--outlined.eidos-textarea-wrapper--success:focus-within {
   border-color: var(--success-color);
-  box-shadow: 0 0 0 3px rgba(var(--success-rgb), 0.1), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--success-color), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
 }
 .eidos-textarea-wrapper--outlined.eidos-textarea-wrapper--danger {
   border-color: var(--danger-color);
@@ -9198,7 +9183,7 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-textarea-wrapper--outlined.eidos-textarea-wrapper--danger:focus-within {
   border-color: var(--danger-color);
-  box-shadow: 0 0 0 3px rgba(var(--danger-rgb), 0.1), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--danger-color), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
 }
 .eidos-textarea-wrapper--outlined.eidos-textarea-wrapper--warning {
   border-color: var(--warning-color);
@@ -9208,7 +9193,7 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-textarea-wrapper--outlined.eidos-textarea-wrapper--warning:focus-within {
   border-color: var(--warning-color);
-  box-shadow: 0 0 0 3px rgba(var(--warning-rgb), 0.1), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--warning-color), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
 }
 .eidos-textarea-wrapper--outlined.eidos-textarea-wrapper--info {
   border-color: var(--info-color);
@@ -9218,7 +9203,7 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-textarea-wrapper--outlined.eidos-textarea-wrapper--info:focus-within {
   border-color: var(--info-color);
-  box-shadow: 0 0 0 3px rgba(var(--info-rgb), 0.1), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--info-color), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
 }
 .eidos-textarea-wrapper--text {
   background-color: transparent;
@@ -9292,7 +9277,7 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-textarea-wrapper--error:focus-within {
   border-color: var(--danger-color) !important;
-  box-shadow: 0 0 0 3px rgba(var(--danger-rgb), 0.1);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--danger-color);
 }
 .eidos-textarea-wrapper--loading {
   border-style: dashed;
@@ -9324,7 +9309,7 @@ kbd.eidos-cmd-kbd {
   min-height: 80px;
 }
 .eidos-textarea::placeholder {
-  color: var(--gray-400);
+  color: var(--text-muted);
   opacity: 1;
 }
 .eidos-textarea--resize-none {
@@ -9353,7 +9338,7 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-textarea:disabled:not(.eidos-textarea--loading) {
   cursor: not-allowed;
-  color: var(--gray-500);
+  color: var(--text-disabled);
 }
 .eidos-textarea--error {
   color: var(--danger-color);
@@ -9365,7 +9350,7 @@ kbd.eidos-cmd-kbd {
 .eidos-textarea-count {
   align-self: flex-end;
   font-size: var(--font-size-xs);
-  color: var(--gray-400);
+  color: var(--text-muted);
   line-height: 1;
   user-select: none;
 }
@@ -9424,7 +9409,7 @@ kbd.eidos-cmd-kbd {
 
 .eidos-theme-editor-section__hint {
   font-size: var(--font-size-sm);
-  color: var(--gray-500);
+  color: var(--text-muted);
 }
 .eidos-theme-editor-section__hint code {
   font-family: var(--font-family-mono);
@@ -9640,7 +9625,7 @@ kbd.eidos-cmd-kbd {
 
 .eidos-timeline-timestamp {
   font-size: var(--font-size-xs);
-  color: var(--gray-400);
+  color: var(--text-muted);
 }
 
 .eidos-timeline-title {
@@ -9652,7 +9637,7 @@ kbd.eidos-cmd-kbd {
 .eidos-timeline-description {
   margin: 0;
   font-size: var(--font-size-sm);
-  color: var(--gray-500);
+  color: var(--text-muted);
   line-height: 1.6;
 }
 
@@ -9735,7 +9720,7 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-tree-node:focus-visible > .eidos-tree-node-row {
   border-radius: var(--border-radius-sm);
-  box-shadow: 0 0 0 2px rgba(var(--primary-rgb), 0.3);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--primary-color);
 }
 
 .eidos-tree-node-row {
@@ -9781,7 +9766,7 @@ kbd.eidos-cmd-kbd {
   width: 20px;
   height: 20px;
   flex-shrink: 0;
-  color: var(--gray-400);
+  color: var(--text-muted);
   transition: transform 0.15s ease;
 }
 .eidos-tree-toggle svg {
@@ -9791,7 +9776,7 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-tree-toggle--expanded {
   transform: rotate(90deg);
-  color: var(--gray-500);
+  color: var(--text-muted);
 }
 .eidos-tree-toggle--leaf {
   opacity: 0;
@@ -9804,7 +9789,7 @@ kbd.eidos-cmd-kbd {
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
-  color: var(--gray-500);
+  color: var(--text-muted);
 }
 
 .eidos-tree-label {
@@ -9852,7 +9837,7 @@ kbd.eidos-cmd-kbd {
   gap: var(--spacing-sm);
   padding: var(--spacing-xl);
   min-height: 120px;
-  color: var(--gray-500);
+  color: var(--text-muted);
   font-size: var(--font-size-sm);
   text-align: center;
 }
@@ -10128,7 +10113,7 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-header__subtitle {
   font-size: var(--font-size-sm);
-  color: var(--gray-500);
+  color: var(--text-muted);
   overflow-wrap: break-word;
 }
 .eidos-header__meta {
@@ -10153,11 +10138,11 @@ kbd.eidos-cmd-kbd {
 .eidos-header__meta-icon {
   width: var(--font-size-sm);
   height: var(--font-size-sm);
-  color: var(--gray-400);
+  color: var(--text-muted);
   flex-shrink: 0;
 }
 .eidos-header__meta-label {
-  color: var(--gray-500);
+  color: var(--text-muted);
   font-weight: var(--font-weight-normal);
   flex-shrink: 0;
 }
@@ -10183,7 +10168,7 @@ kbd.eidos-cmd-kbd {
 .eidos-footer--copyright {
   display: flex;
   justify-content: center;
-  color: var(--gray-500);
+  color: var(--text-muted);
   font-size: var(--font-size-sm);
 }
 .eidos-footer--component > *:only-child {
@@ -10229,9 +10214,9 @@ kbd.eidos-cmd-kbd {
 .eidos-navigation__brand--clickable:hover {
   opacity: 0.85;
 }
-.eidos-navigation__brand--clickable:focus {
+.eidos-navigation__brand--clickable:focus-visible {
   outline: none;
-  box-shadow: 0 0 0 3px rgba(var(--primary-rgb), 0.3);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--primary-color);
 }
 .eidos-navigation__brand--logo-only {
   justify-content: center;