@vellira-ui/tokens 2.98.6 → 2.99.0

package/dist/css/tokens.css

@@ -189,36 +189,36 @@
   --action-primary-subtle-bg: #F4F3FF;
   --action-primary-subtle-fg: #342580;
   --action-primary-subtle-border: transparent;
-  --action-secondary-default-bg: #0B7D95;
-  --action-secondary-default-fg: #FFFFFF;
-  --action-secondary-default-border: #0B7D95;
-  --action-secondary-hover-bg: #0A6175;
-  --action-secondary-hover-fg: #FFFFFF;
-  --action-secondary-hover-border: #0A6175;
-  --action-secondary-pressed-bg: #094C5E;
-  --action-secondary-pressed-fg: #FFFFFF;
-  --action-secondary-pressed-border: #094C5E;
-  --action-secondary-muted-bg: #D9FBFF;
-  --action-secondary-muted-fg: #094C5E;
-  --action-secondary-muted-border: #79E8F8;
-  --action-secondary-subtle-bg: #F2FDFF;
-  --action-secondary-subtle-fg: #094C5E;
-  --action-secondary-subtle-border: transparent;
-  --action-close-default-bg: #D4CEE8;
-  --action-close-default-fg: #231F31;
-  --action-close-default-border: #D4CEE8;
-  --action-close-hover-bg: #BBB2D2;
-  --action-close-hover-fg: #181521;
-  --action-close-hover-border: #BBB2D2;
-  --action-close-pressed-bg: #958CB0;
-  --action-close-pressed-fg: #FFFFFF;
-  --action-close-pressed-border: #958CB0;
-  --action-close-muted-bg: #EEE8FA;
-  --action-close-muted-fg: #2F2A42;
-  --action-close-muted-border: #BBB2D2;
-  --action-close-subtle-bg: #F4F1FB;
-  --action-close-subtle-fg: #3D3754;
-  --action-close-subtle-border: transparent;
+  --action-accent-default-bg: #0B7D95;
+  --action-accent-default-fg: #FFFFFF;
+  --action-accent-default-border: #0B7D95;
+  --action-accent-hover-bg: #0A6175;
+  --action-accent-hover-fg: #FFFFFF;
+  --action-accent-hover-border: #0A6175;
+  --action-accent-pressed-bg: #094C5E;
+  --action-accent-pressed-fg: #FFFFFF;
+  --action-accent-pressed-border: #094C5E;
+  --action-accent-muted-bg: #D9FBFF;
+  --action-accent-muted-fg: #094C5E;
+  --action-accent-muted-border: #79E8F8;
+  --action-accent-subtle-bg: #F2FDFF;
+  --action-accent-subtle-fg: #094C5E;
+  --action-accent-subtle-border: transparent;
+  --action-neutral-default-bg: #D4CEE8;
+  --action-neutral-default-fg: #231F31;
+  --action-neutral-default-border: #D4CEE8;
+  --action-neutral-hover-bg: #BBB2D2;
+  --action-neutral-hover-fg: #181521;
+  --action-neutral-hover-border: #BBB2D2;
+  --action-neutral-pressed-bg: #958CB0;
+  --action-neutral-pressed-fg: #FFFFFF;
+  --action-neutral-pressed-border: #958CB0;
+  --action-neutral-muted-bg: #EEE8FA;
+  --action-neutral-muted-fg: #2F2A42;
+  --action-neutral-muted-border: #BBB2D2;
+  --action-neutral-subtle-bg: #F4F1FB;
+  --action-neutral-subtle-fg: #3D3754;
+  --action-neutral-subtle-border: transparent;
   --action-danger-default-bg: #BE123C;
   --action-danger-default-fg: #FFFFFF;
   --action-danger-default-border: #BE123C;
@@ -240,7 +240,7 @@
   --border-strong: #6B6386;
   --border-elevated: #D4CEE8;
   --border-disabled: #E4DDF4;
-  --border-focus: #5037C8;
+  --border-interactive: #5037C8;
   --control-default-bg: #FFFFFF;
   --control-default-fg: #3D3754;
   --control-default-border: #BBB2D2;
@@ -271,15 +271,15 @@
   --focus-ring-color: #5037C8;
   --focus-ring-width: 2px;
   --focus-ring-shadow: 0 0 8px rgba(99, 70, 232, 0.14);
-  --focus-ring-offset: #FFFFFF;
+  --focus-ring-offset-color: #FFFFFF;
   --icons-default: #3D3754;
   --icons-secondary: #6B6386;
   --icons-muted: #958CB0;
   --icons-subtle: #958CB0;
   --icons-disabled: #958CB0;
-  --icons-primary: #5037C8;
+  --icons-interactive: #5037C8;
   --icons-brand: #5037C8;
-  --icons-hover: #402C9F;
+  --icons-interactive-hover: #402C9F;
   --icons-success: #14B8A6;
   --icons-danger: #BE123C;
   --icons-inverse: #FFFFFF;
@@ -303,29 +303,14 @@
   --menu-item-danger-active-fg: #9F1239;
   --menu-item-danger-disabled-bg: transparent;
   --menu-item-danger-disabled-fg: #958CB0;
-  --navigation-hover-bg: #F4F1FB;
-  --navigation-hover-fg: #3D3754;
-  --navigation-active-bg: #EEE8FA;
-  --navigation-active-fg: #3D3754;
-  --navigation-brand-hover-bg: #F4F1FB;
-  --navigation-brand-hover-fg: #402C9F;
-  --navigation-tab-hover-fg: #402C9F;
-  --navigation-tab-focus-ring: #5037C8;
-  --navigation-option-hover-bg: #F4F1FB;
-  --navigation-option-hover-fg: #3D3754;
-  --navigation-option-active-bg: #EEE8FA;
-  --navigation-option-active-fg: #3D3754;
-  --navigation-trigger-hover-bg: #F4F1FB;
-  --navigation-trigger-hover-fg: #402C9F;
-  --navigation-border: #E4DDF4;
   --overlay-backdrop: rgba(255, 255, 255, 0.12);
   --overlay-tooltip-bg: #FFFFFF;
   --overlay-tooltip-fg: #3D3754;
   --overlay-tooltip-border: #E4DDF4;
-  --overlay-popover-bg: #FFFFFF;
-  --overlay-popover-border: #E4DDF4;
-  --overlay-modal-bg: #FFFFFF;
-  --overlay-modal-border: #E4DDF4;
+  --overlay-floating-bg: #FFFFFF;
+  --overlay-floating-border: #E4DDF4;
+  --overlay-dialog-bg: #FFFFFF;
+  --overlay-dialog-border: #E4DDF4;
   --shadow-sm: 0 1px 2px rgba(24, 21, 33, 0.08);
   --shadow-md: 0 4px 12px rgba(24, 21, 33, 0.12);
   --shadow-lg: 0 12px 40px rgba(24, 21, 33, 0.16), 0 2px 8px rgba(24, 21, 33, 0.1);
@@ -337,28 +322,28 @@
   --status-success-bg: #F0FDFA;
   --status-success-border: #0F766E;
   --status-success-ring: #14B8A6;
-  --status-success-strong: #115E59;
+  --status-success-emphasis-fg: #115E59;
   --status-error-fg: #BE123C;
   --status-error-bg: #FFE4E6;
   --status-error-border: #E11D48;
   --status-error-ring: #F43F5E;
-  --status-error-strong: #9F1239;
+  --status-error-emphasis-fg: #9F1239;
   --status-warning-fg: #B45309;
   --status-warning-bg: #FFFBEB;
   --status-warning-border: #B45309;
   --status-warning-ring: #F59E0B;
-  --status-warning-strong: #92400E;
+  --status-warning-emphasis-fg: #92400E;
   --status-info-fg: #0C4A6E;
   --status-info-bg: #F0F9FF;
   --status-info-border: #0369A1;
   --status-info-ring: #0369A1;
-  --status-info-strong: #082F49;
+  --status-info-emphasis-fg: #082F49;
   --surface-canvas: #FAF8FF;
   --surface-default: #FAF8FF;
+  --surface-panel: #FFFFFF;
   --surface-muted: #F4F1FB;
   --surface-subtle: #FDFCFF;
   --surface-elevated: #FFFFFF;
-  --surface-background: #FFFFFF;
   --surface-hover: #F4F1FB;
   --surface-active: #EEE8FA;
   --surface-pressed: #E4DDF4;
@@ -1284,7 +1269,6 @@
   --modal-content-gap: 16px;
   --modal-content-min-width: 320px;
   --modal-content-max-height: 90vh;
-  --modal-content-native-max-height: 90%;
   --modal-content-viewport-margin: 32px;
   --modal-content-top-offset: 40px;
   --modal-content-z-index-offset: 1;
@@ -1326,13 +1310,7 @@
   --popover-content-bg: #FFFFFF;
   --popover-content-fg: #3D3754;
   --popover-content-border: #E4DDF4;
-  --popover-content-shadow-web: 0 12px 40px rgba(24, 21, 33, 0.16), 0 2px 8px rgba(24, 21, 33, 0.1);
-  --popover-content-shadow-native-x: 0px;
-  --popover-content-shadow-native-y: 12px;
-  --popover-content-shadow-native-blur: 32px;
-  --popover-content-shadow-native-color: #000000;
-  --popover-content-shadow-native-opacity: 0.1;
-  --popover-content-shadow-native-elevation: 8;
+  --popover-content-shadow: 0 12px 40px rgba(24, 21, 33, 0.16), 0 2px 8px rgba(24, 21, 33, 0.1);
   --popover-content-border-width: 1px;
   --popover-content-radius: 16px;
   --popover-content-padding: 16px;
@@ -2363,6 +2341,14 @@
   --tooltip-arrow-bg: #FFFFFF;
   --tooltip-arrow-size: 10px;
   --tooltip-arrow-compact-size: 6px;
+  --modal-content-native-max-height: 90%;
+  --popover-content-shadow-web: 0 12px 40px rgba(24, 21, 33, 0.16), 0 2px 8px rgba(24, 21, 33, 0.1);
+  --popover-content-shadow-native-x: 0px;
+  --popover-content-shadow-native-y: 12px;
+  --popover-content-shadow-native-blur: 32px;
+  --popover-content-shadow-native-color: #000000;
+  --popover-content-shadow-native-opacity: 0.1;
+  --popover-content-shadow-native-elevation: 8;
 }
 
 [data-theme='dark'],
@@ -2498,36 +2484,36 @@
   --action-primary-subtle-bg: #D4CCFF;
   --action-primary-subtle-fg: #402C9F;
   --action-primary-subtle-border: transparent;
-  --action-secondary-default-bg: #1FBEDB;
-  --action-secondary-default-fg: #000000;
-  --action-secondary-default-border: #1FBEDB;
-  --action-secondary-hover-bg: #3ED5EE;
-  --action-secondary-hover-fg: #000000;
-  --action-secondary-hover-border: #3ED5EE;
-  --action-secondary-pressed-bg: #0F9BB8;
-  --action-secondary-pressed-fg: #000000;
-  --action-secondary-pressed-border: #0F9BB8;
-  --action-secondary-muted-bg: #094C5E;
-  --action-secondary-muted-fg: #FFFFFF;
-  --action-secondary-muted-border: #0B7D95;
-  --action-secondary-subtle-bg: #B4F4FD;
-  --action-secondary-subtle-fg: #0A6175;
-  --action-secondary-subtle-border: transparent;
-  --action-close-default-bg: #BBB2D2;
-  --action-close-default-fg: #000000;
-  --action-close-default-border: #BBB2D2;
-  --action-close-hover-bg: #E4DDF4;
-  --action-close-hover-fg: #000000;
-  --action-close-hover-border: #E4DDF4;
-  --action-close-pressed-bg: #6B6386;
-  --action-close-pressed-fg: #FFFFFF;
-  --action-close-pressed-border: #6B6386;
-  --action-close-muted-bg: #231F31;
-  --action-close-muted-fg: #FFFFFF;
-  --action-close-muted-border: #3D3754;
-  --action-close-subtle-bg: #EEE8FA;
-  --action-close-subtle-fg: #BBB2D2;
-  --action-close-subtle-border: transparent;
+  --action-accent-default-bg: #1FBEDB;
+  --action-accent-default-fg: #000000;
+  --action-accent-default-border: #1FBEDB;
+  --action-accent-hover-bg: #3ED5EE;
+  --action-accent-hover-fg: #000000;
+  --action-accent-hover-border: #3ED5EE;
+  --action-accent-pressed-bg: #0F9BB8;
+  --action-accent-pressed-fg: #000000;
+  --action-accent-pressed-border: #0F9BB8;
+  --action-accent-muted-bg: #094C5E;
+  --action-accent-muted-fg: #FFFFFF;
+  --action-accent-muted-border: #0B7D95;
+  --action-accent-subtle-bg: #B4F4FD;
+  --action-accent-subtle-fg: #0A6175;
+  --action-accent-subtle-border: transparent;
+  --action-neutral-default-bg: #BBB2D2;
+  --action-neutral-default-fg: #000000;
+  --action-neutral-default-border: #BBB2D2;
+  --action-neutral-hover-bg: #E4DDF4;
+  --action-neutral-hover-fg: #000000;
+  --action-neutral-hover-border: #E4DDF4;
+  --action-neutral-pressed-bg: #6B6386;
+  --action-neutral-pressed-fg: #FFFFFF;
+  --action-neutral-pressed-border: #6B6386;
+  --action-neutral-muted-bg: #231F31;
+  --action-neutral-muted-fg: #FFFFFF;
+  --action-neutral-muted-border: #3D3754;
+  --action-neutral-subtle-bg: #EEE8FA;
+  --action-neutral-subtle-fg: #BBB2D2;
+  --action-neutral-subtle-border: transparent;
   --action-danger-default-bg: #E11D48;
   --action-danger-default-fg: #FFFFFF;
   --action-danger-default-border: #E11D48;
@@ -2549,7 +2535,7 @@
   --border-strong: #6B6386;
   --border-elevated: #4F4867;
   --border-disabled: #3D3754;
-  --border-focus: #B8A8FF;
+  --border-interactive: #B8A8FF;
   --control-default-bg: #2F2A42;
   --control-default-fg: #F4F1FB;
   --control-default-border: #4F4867;
@@ -2580,15 +2566,15 @@
   --focus-ring-color: #B8A8FF;
   --focus-ring-width: 2px;
   --focus-ring-shadow: 0 0 8px rgba(184, 168, 255, 0.14);
-  --focus-ring-offset: #181521;
+  --focus-ring-offset-color: #181521;
   --icons-default: #F4F1FB;
   --icons-secondary: #E5E7EB;
   --icons-muted: #958CB0;
   --icons-subtle: #6B6386;
   --icons-disabled: #6B6386;
-  --icons-primary: #B8A8FF;
+  --icons-interactive: #B8A8FF;
   --icons-brand: #B8A8FF;
-  --icons-hover: #D4CCFF;
+  --icons-interactive-hover: #D4CCFF;
   --icons-success: #2DD4BF;
   --icons-danger: #FB7185;
   --icons-inverse: #000000;
@@ -2612,29 +2598,14 @@
   --menu-item-danger-active-fg: #FB7185;
   --menu-item-danger-disabled-bg: transparent;
   --menu-item-danger-disabled-fg: #6B6386;
-  --navigation-hover-bg: #2F2A42;
-  --navigation-hover-fg: #F4F1FB;
-  --navigation-active-bg: #3D3754;
-  --navigation-active-fg: #F4F1FB;
-  --navigation-brand-hover-bg: #2F2A42;
-  --navigation-brand-hover-fg: #D4CCFF;
-  --navigation-tab-hover-fg: #D4CCFF;
-  --navigation-tab-focus-ring: #F59E0B;
-  --navigation-option-hover-bg: #2F2A42;
-  --navigation-option-hover-fg: #F4F1FB;
-  --navigation-option-active-bg: #3D3754;
-  --navigation-option-active-fg: #F4F1FB;
-  --navigation-trigger-hover-bg: #2F2A42;
-  --navigation-trigger-hover-fg: #F4F1FB;
-  --navigation-border: #3D3754;
   --overlay-backdrop: rgba(0, 0, 0, 0.72);
   --overlay-tooltip-bg: #2F2A42;
   --overlay-tooltip-fg: #F4F1FB;
   --overlay-tooltip-border: #4F4867;
-  --overlay-popover-bg: #242034;
-  --overlay-popover-border: #3D3754;
-  --overlay-modal-bg: #242034;
-  --overlay-modal-border: #3D3754;
+  --overlay-floating-bg: #242034;
+  --overlay-floating-border: #3D3754;
+  --overlay-dialog-bg: #242034;
+  --overlay-dialog-border: #3D3754;
   --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.12);
   --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.22);
   --shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.35), 0 2px 8px rgba(0, 0, 0, 0.25);
@@ -2646,28 +2617,28 @@
   --status-success-bg: rgba(52, 211, 153, 0.14);
   --status-success-border: #2DD4BF;
   --status-success-ring: #5EEAD4;
-  --status-success-strong: #0F9E94;
+  --status-success-emphasis-fg: #0F9E94;
   --status-error-fg: #FB7185;
   --status-error-bg: rgba(251, 113, 133, 0.16);
   --status-error-border: #FB7185;
   --status-error-ring: #FB7185;
-  --status-error-strong: #E11D48;
+  --status-error-emphasis-fg: #E11D48;
   --status-warning-fg: #FBBF24;
   --status-warning-bg: rgba(251, 191, 36, 0.14);
   --status-warning-border: #FBBF24;
-  --status-warning-ring: #FB7185;
-  --status-warning-strong: #D97706;
+  --status-warning-ring: #FCD34D;
+  --status-warning-emphasis-fg: #D97706;
   --status-info-fg: #7DD3FC;
   --status-info-bg: rgba(56, 189, 248, 0.14);
   --status-info-border: #7DD3FC;
-  --status-info-ring: #FB7185;
-  --status-info-strong: #0369A1;
+  --status-info-ring: #7DD3FC;
+  --status-info-emphasis-fg: #0369A1;
   --surface-canvas: #000000;
   --surface-default: #181521;
+  --surface-panel: #181521;
   --surface-muted: #231F31;
   --surface-subtle: #242034;
   --surface-elevated: #2F2A42;
-  --surface-background: #181521;
   --surface-hover: #2F2A42;
   --surface-active: #3D3754;
   --surface-pressed: #4F4867;
@@ -2676,8 +2647,8 @@
   --surface-inverse: #FFFFFF;
   --text-primary: #F4F1FB;
   --text-secondary: #BBB2D2;
-  --text-muted: #958CB0;
-  --text-subtle: #9CA3AF;
+  --text-muted: #9CA3AF;
+  --text-subtle: #958CB0;
   --text-disabled: #6B6386;
   --text-brand: #B8A8FF;
   --text-interactive: #B8A8FF;
@@ -3248,14 +3219,14 @@
   --dropdown-item-danger-disabled-fg: #6B6386;
   --dropdown-group-label-fg: #BBB2D2;
   --dropdown-separator-bg: #3D3754;
-  --dropdown-separator-fg: #958CB0;
+  --dropdown-separator-fg: #9CA3AF;
   --form-field-label-fg: #F4F1FB;
   --form-field-optional-fg: #BBB2D2;
   --form-field-label-info-fg: #BBB2D2;
   --form-field-label-info-border: #BBB2D2;
   --form-field-label-info-radius: 999px;
   --form-field-description-fg: #BBB2D2;
-  --form-field-helper-text-default-fg: #958CB0;
+  --form-field-helper-text-default-fg: #9CA3AF;
   --form-field-helper-text-error-fg: #FB7185;
   --form-field-helper-text-success-fg: #2DD4BF;
   --form-field-helper-text-warning-fg: #FBBF24;
@@ -3556,7 +3527,7 @@
   --input-read-only-bg: #242034;
   --input-read-only-fg: #BBB2D2;
   --input-read-only-border: #3D3754;
-  --input-read-only-placeholder: #958CB0;
+  --input-read-only-placeholder: #9CA3AF;
   --input-read-only-icon: #958CB0;
   --input-icon-default: #F4F1FB;
   --input-icon-primary: #B8A8FF;
@@ -3593,7 +3564,6 @@
   --modal-content-gap: 16px;
   --modal-content-min-width: 320px;
   --modal-content-max-height: 90vh;
-  --modal-content-native-max-height: 90%;
   --modal-content-viewport-margin: 32px;
   --modal-content-top-offset: 40px;
   --modal-content-z-index-offset: 1;
@@ -3619,7 +3589,7 @@
   --modal-close-button-hover-bg: #2F2A42;
   --modal-close-button-hover-fg: #F4F1FB;
   --modal-close-button-hover-border: transparent;
-  --modal-close-button-pressed-bg: #3D3754;
+  --modal-close-button-pressed-bg: #4F4867;
   --modal-close-button-pressed-fg: #F4F1FB;
   --modal-close-button-pressed-border: transparent;
   --modal-close-button-focus-ring-color: #B8A8FF;
@@ -3635,13 +3605,7 @@
   --popover-content-bg: #242034;
   --popover-content-fg: #F4F1FB;
   --popover-content-border: #3D3754;
-  --popover-content-shadow-web: 0 12px 40px rgba(0, 0, 0, 0.35), 0 2px 8px rgba(0, 0, 0, 0.25);
-  --popover-content-shadow-native-x: 0px;
-  --popover-content-shadow-native-y: 12px;
-  --popover-content-shadow-native-blur: 32px;
-  --popover-content-shadow-native-color: #000000;
-  --popover-content-shadow-native-opacity: 0.1;
-  --popover-content-shadow-native-elevation: 8;
+  --popover-content-shadow: 0 12px 40px rgba(0, 0, 0, 0.35), 0 2px 8px rgba(0, 0, 0, 0.25);
   --popover-content-border-width: 1px;
   --popover-content-radius: 16px;
   --popover-content-padding: 16px;
@@ -4672,6 +4636,14 @@
   --tooltip-arrow-bg: #2F2A42;
   --tooltip-arrow-size: 10px;
   --tooltip-arrow-compact-size: 6px;
+  --modal-content-native-max-height: 90%;
+  --popover-content-shadow-web: 0 12px 40px rgba(0, 0, 0, 0.35), 0 2px 8px rgba(0, 0, 0, 0.25);
+  --popover-content-shadow-native-x: 0px;
+  --popover-content-shadow-native-y: 12px;
+  --popover-content-shadow-native-blur: 32px;
+  --popover-content-shadow-native-color: #000000;
+  --popover-content-shadow-native-opacity: 0.1;
+  --popover-content-shadow-native-elevation: 8;
 }
 
 [data-theme='high-contrast'],
@@ -4807,36 +4779,36 @@
   --action-primary-subtle-bg: #111827;
   --action-primary-subtle-fg: #D4CCFF;
   --action-primary-subtle-border: transparent;
-  --action-secondary-default-bg: #79E8F8;
-  --action-secondary-default-fg: #000000;
-  --action-secondary-default-border: #FFFFFF;
-  --action-secondary-hover-bg: #B4F4FD;
-  --action-secondary-hover-fg: #000000;
-  --action-secondary-hover-border: #79E8F8;
-  --action-secondary-pressed-bg: #3ED5EE;
-  --action-secondary-pressed-fg: #000000;
-  --action-secondary-pressed-border: #FCD34D;
-  --action-secondary-muted-bg: #062F3B;
-  --action-secondary-muted-fg: #D9FBFF;
-  --action-secondary-muted-border: #79E8F8;
-  --action-secondary-subtle-bg: #111827;
-  --action-secondary-subtle-fg: #B4F4FD;
-  --action-secondary-subtle-border: transparent;
-  --action-close-default-bg: #FFFFFF;
-  --action-close-default-fg: #000000;
-  --action-close-default-border: #000000;
-  --action-close-hover-bg: #E5E7EB;
-  --action-close-hover-fg: #000000;
-  --action-close-hover-border: #0B1120;
-  --action-close-pressed-bg: #9CA3AF;
-  --action-close-pressed-fg: #000000;
-  --action-close-pressed-border: #0B1120;
-  --action-close-muted-bg: #1F2937;
-  --action-close-muted-fg: #FFFFFF;
-  --action-close-muted-border: #D1D5DB;
-  --action-close-subtle-bg: #111827;
-  --action-close-subtle-fg: #FFFFFF;
-  --action-close-subtle-border: transparent;
+  --action-accent-default-bg: #79E8F8;
+  --action-accent-default-fg: #000000;
+  --action-accent-default-border: #FFFFFF;
+  --action-accent-hover-bg: #B4F4FD;
+  --action-accent-hover-fg: #000000;
+  --action-accent-hover-border: #79E8F8;
+  --action-accent-pressed-bg: #3ED5EE;
+  --action-accent-pressed-fg: #000000;
+  --action-accent-pressed-border: #FCD34D;
+  --action-accent-muted-bg: #062F3B;
+  --action-accent-muted-fg: #D9FBFF;
+  --action-accent-muted-border: #79E8F8;
+  --action-accent-subtle-bg: #111827;
+  --action-accent-subtle-fg: #B4F4FD;
+  --action-accent-subtle-border: transparent;
+  --action-neutral-default-bg: #FFFFFF;
+  --action-neutral-default-fg: #000000;
+  --action-neutral-default-border: #000000;
+  --action-neutral-hover-bg: #E5E7EB;
+  --action-neutral-hover-fg: #000000;
+  --action-neutral-hover-border: #0B1120;
+  --action-neutral-pressed-bg: #9CA3AF;
+  --action-neutral-pressed-fg: #000000;
+  --action-neutral-pressed-border: #0B1120;
+  --action-neutral-muted-bg: #1F2937;
+  --action-neutral-muted-fg: #FFFFFF;
+  --action-neutral-muted-border: #D1D5DB;
+  --action-neutral-subtle-bg: #111827;
+  --action-neutral-subtle-fg: #FFFFFF;
+  --action-neutral-subtle-border: transparent;
   --action-danger-default-bg: #E11D48;
   --action-danger-default-fg: #FFFFFF;
   --action-danger-default-border: #FFFFFF;
@@ -4858,7 +4830,7 @@
   --border-strong: #FCD34D;
   --border-elevated: #D1D5DB;
   --border-disabled: #4B5563;
-  --border-focus: #FCD34D;
+  --border-interactive: #FCD34D;
   --control-default-bg: #000000;
   --control-default-fg: #FFFFFF;
   --control-default-border: #9CA3AF;
@@ -4889,15 +4861,15 @@
   --focus-ring-color: #FCD34D;
   --focus-ring-width: 2px;
   --focus-ring-shadow: 0 0 0 1px rgba(255, 255, 255, 0.28);
-  --focus-ring-offset: #000000;
+  --focus-ring-offset-color: #000000;
   --icons-default: #FFFFFF;
   --icons-secondary: #E5E7EB;
-  --icons-muted: #9CA3AF;
-  --icons-subtle: #D1D5DB;
+  --icons-muted: #D1D5DB;
+  --icons-subtle: #9CA3AF;
   --icons-disabled: #6B7280;
-  --icons-primary: #FCD34D;
+  --icons-interactive: #FCD34D;
   --icons-brand: #FCD34D;
-  --icons-hover: #FDE68A;
+  --icons-interactive-hover: #FDE68A;
   --icons-success: #5EEAD4;
   --icons-danger: #FDA4AF;
   --icons-inverse: #000000;
@@ -4921,29 +4893,14 @@
   --menu-item-danger-active-fg: #FFFFFF;
   --menu-item-danger-disabled-bg: transparent;
   --menu-item-danger-disabled-fg: #6B7280;
-  --navigation-hover-bg: #374151;
-  --navigation-hover-fg: #FFFFFF;
-  --navigation-active-bg: #374151;
-  --navigation-active-fg: #FFFFFF;
-  --navigation-brand-hover-bg: #374151;
-  --navigation-brand-hover-fg: #FCD34D;
-  --navigation-tab-hover-fg: #FCD34D;
-  --navigation-tab-focus-ring: #FBBF24;
-  --navigation-option-hover-bg: #374151;
-  --navigation-option-hover-fg: #FFFFFF;
-  --navigation-option-active-bg: #374151;
-  --navigation-option-active-fg: #FFFFFF;
-  --navigation-trigger-hover-bg: #374151;
-  --navigation-trigger-hover-fg: #FCD34D;
-  --navigation-border: #9CA3AF;
   --overlay-backdrop: rgba(0, 0, 0, 0.72);
   --overlay-tooltip-bg: #FFFFFF;
   --overlay-tooltip-fg: #000000;
   --overlay-tooltip-border: #FCD34D;
-  --overlay-popover-bg: #111827;
-  --overlay-popover-border: #9CA3AF;
-  --overlay-modal-bg: #111827;
-  --overlay-modal-border: #9CA3AF;
+  --overlay-floating-bg: #111827;
+  --overlay-floating-border: #9CA3AF;
+  --overlay-dialog-bg: #111827;
+  --overlay-dialog-border: #9CA3AF;
   --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.5);
   --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.6);
   --shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.7);
@@ -4955,28 +4912,28 @@
   --status-success-bg: #042F2E;
   --status-success-border: #5EEAD4;
   --status-success-ring: #5EEAD4;
-  --status-success-strong: #99F6E4;
+  --status-success-emphasis-fg: #99F6E4;
   --status-error-fg: #FB7185;
   --status-error-bg: #4C0519;
   --status-error-border: #FB7185;
   --status-error-ring: #FB7185;
-  --status-error-strong: #FECDD3;
+  --status-error-emphasis-fg: #FECDD3;
   --status-warning-fg: #FCD34D;
   --status-warning-bg: #451A03;
   --status-warning-border: #FCD34D;
   --status-warning-ring: #FCD34D;
-  --status-warning-strong: #FDE68A;
+  --status-warning-emphasis-fg: #FDE68A;
   --status-info-fg: #7DD3FC;
   --status-info-bg: #071927;
   --status-info-border: #7DD3FC;
   --status-info-ring: #7DD3FC;
-  --status-info-strong: #BAE6FD;
+  --status-info-emphasis-fg: #BAE6FD;
   --surface-canvas: #000000;
   --surface-default: #000000;
+  --surface-panel: #0B1120;
   --surface-muted: #111827;
   --surface-subtle: #1F2937;
   --surface-elevated: #374151;
-  --surface-background: #0B1120;
   --surface-hover: #374151;
   --surface-active: #374151;
   --surface-pressed: #4B5563;
@@ -5866,16 +5823,16 @@
   --input-read-only-fg: #EEE8FA;
   --input-read-only-border: #6B7280;
   --input-read-only-placeholder: #D1D5DB;
-  --input-read-only-icon: #9CA3AF;
+  --input-read-only-icon: #D1D5DB;
   --input-icon-default: #FFFFFF;
   --input-icon-primary: #FCD34D;
   --input-icon-secondary: #E5E7EB;
   --input-icon-success: #5EEAD4;
   --input-icon-danger: #FDA4AF;
-  --input-icon-muted: #9CA3AF;
+  --input-icon-muted: #D1D5DB;
   --input-icon-inverse: #000000;
   --input-icon-brand: #FCD34D;
-  --input-clear-button-fg: #9CA3AF;
+  --input-clear-button-fg: #D1D5DB;
   --input-clear-button-hover-fg: #FB7185;
   --input-clear-button-hover-bg: #4C0519;
   --input-clear-button-focus-bg: #1F2937;
@@ -5888,7 +5845,7 @@
   --input-addon-border: #9CA3AF;
   --input-affix-fg: #FFFFFF;
   --input-counter-fg: #EEE8FA;
-  --input-spinner-fg: #9CA3AF;
+  --input-spinner-fg: #D1D5DB;
   --modal-overlay-bg: rgba(0, 0, 0, 0.72);
   --modal-overlay-blur: 4px;
   --modal-overlay-animation-duration: 180ms;
@@ -5902,7 +5859,6 @@
   --modal-content-gap: 16px;
   --modal-content-min-width: 320px;
   --modal-content-max-height: 90vh;
-  --modal-content-native-max-height: 90%;
   --modal-content-viewport-margin: 32px;
   --modal-content-top-offset: 40px;
   --modal-content-z-index-offset: 1;
@@ -5944,13 +5900,7 @@
   --popover-content-bg: #111827;
   --popover-content-fg: #FFFFFF;
   --popover-content-border: #9CA3AF;
-  --popover-content-shadow-web: 0 12px 40px rgba(0, 0, 0, 0.7);
-  --popover-content-shadow-native-x: 0px;
-  --popover-content-shadow-native-y: 12px;
-  --popover-content-shadow-native-blur: 32px;
-  --popover-content-shadow-native-color: #000000;
-  --popover-content-shadow-native-opacity: 0.1;
-  --popover-content-shadow-native-elevation: 8;
+  --popover-content-shadow: 0 12px 40px rgba(0, 0, 0, 0.7);
   --popover-content-border-width: 1px;
   --popover-content-radius: 16px;
   --popover-content-padding: 16px;
@@ -6765,7 +6715,7 @@
   --select-dropdown-empty-fg: #EEE8FA;
   --select-dropdown-group-label-fg: #B8A8FF;
   --select-dropdown-separator-bg: #6B7280;
-  --select-clear-button-fg: #9CA3AF;
+  --select-clear-button-fg: #D1D5DB;
   --select-clear-button-hover-fg: #FB7185;
   --select-clear-button-hover-bg: #4C0519;
   --select-clear-button-focus-bg: #1F2937;
@@ -6981,4 +6931,12 @@
   --tooltip-arrow-bg: #FFFFFF;
   --tooltip-arrow-size: 10px;
   --tooltip-arrow-compact-size: 6px;
+  --modal-content-native-max-height: 90%;
+  --popover-content-shadow-web: 0 12px 40px rgba(0, 0, 0, 0.7);
+  --popover-content-shadow-native-x: 0px;
+  --popover-content-shadow-native-y: 12px;
+  --popover-content-shadow-native-blur: 32px;
+  --popover-content-shadow-native-color: #000000;
+  --popover-content-shadow-native-opacity: 0.1;
+  --popover-content-shadow-native-elevation: 8;
 }