@vellira-ui/tokens 2.23.0 → 2.25.0

package/dist/css/tokens.css

@@ -1,7 +1,7 @@
 /**
  * AUTO-GENERATED FILE
  * DO NOT EDIT MANUALLY
- * Generated: 2026-07-12T09:54:57.231Z
+ * Generated: 2026-07-13T19:21:57.010Z
  */
 
 :root {
@@ -28,7 +28,7 @@
   --z-index-backdrop: 900;
   --z-index-modal: 1000;
   --z-index-toast: 1100;
-  --font-family-base: KantumruyPro;
+  --font-family-base: KantumruyPro, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
   --font-family-extra-light: KantumruyPro-ExtraLight;
   --font-family-regular: KantumruyPro-Regular;
   --font-family-medium: KantumruyPro-Medium;
@@ -43,10 +43,12 @@
   --font-size-lg: 20px;
   --font-size-xl: 24px;
   --font-size-xxl: 32px;
-  --line-height-sm: 16px;
+  --line-height-xs: 16px;
+  --line-height-sm: 20px;
   --line-height-md: 24px;
-  --line-height-lg: 32px;
-  --line-height-xl: 40px;
+  --line-height-lg: 28px;
+  --line-height-xl: 32px;
+  --line-height-xxl: 40px;
   --shadow-sm: 0px 1px 3px rgba(0,0,0,0.04);
   --shadow-md: 0px 6px 16px rgba(0,0,0,0.08);
   --shadow-lg: 0px 12px 32px rgba(0,0,0,0.1);
@@ -89,6 +91,7 @@
   --color-vellira-600: #4F4867;
   --color-vellira-700: #3D3754;
   --color-vellira-800: #2F2A42;
+  --color-vellira-850: #242034;
   --color-vellira-900: #231F31;
   --color-vellira-950: #181521;
   --color-info-50: #F0F9FF;
@@ -239,19 +242,22 @@
   --control-default-fg: #4F4867;
   --control-default-border: #D4CEE8;
   --control-hover-bg: #F4F3FF;
-  --control-hover-fg: #342580;
+  --control-hover-fg: #5037C8;
   --control-hover-border: #5037C8;
-  --control-selected-default-bg: #5037C8;
+  --control-active-bg: #E9E6FF;
+  --control-active-fg: #342580;
+  --control-active-border: #402C9F;
+  --control-selected-default-bg: #6346E8;
   --control-selected-default-fg: #FFFFFF;
-  --control-selected-default-border: #5037C8;
+  --control-selected-default-border: #6346E8;
   --control-selected-hover-bg: #402C9F;
-  --control-selected-hover-fg: #FFFFFF;
+  --control-selected-hover-fg: #5037C8;
   --control-selected-hover-border: #402C9F;
   --control-selected-active-bg: #21164F;
-  --control-selected-active-fg: #FFFFFF;
+  --control-selected-active-fg: #0F0F0F;
   --control-selected-active-border: #21164F;
   --control-selected-muted-bg: #5037C8;
-  --control-selected-muted-fg: #FFFFFF;
+  --control-selected-muted-fg: #0F0F0F;
   --control-selected-muted-border: #7C5CFF;
   --divider-default: #E5E7EB;
   --divider-muted: #EDF5FF;
@@ -279,7 +285,7 @@
   --status-success-strong: #047857;
   --status-error-fg: #E11D48;
   --status-error-bg: #FFE4E6;
-  --status-error-border: #FDA4AF;
+  --status-error-border: #E11D48;
   --status-error-strong: #BE123C;
   --status-warning-fg: #B45309;
   --status-warning-bg: #FFFBEB;
@@ -304,8 +310,8 @@
   --text-muted: #958CB0;
   --text-disabled: #9CA3AF;
   --text-subtle: #1A1A1A;
-  --text-inverse: #FFFFFF;
-  --text-on-inverse: #0F0F0F;
+  --text-inverse: #0F0F0F;
+  --text-on-inverse: #FFFFFF;
   --text-brand: #5037C8;
   --button-primary-solid-default-bg: #6346E8;
   --button-primary-solid-default-fg: #FFFFFF;
@@ -422,16 +428,16 @@
   --checkbox-default-fg: #4F4867;
   --checkbox-default-border: #D4CEE8;
   --checkbox-hover-bg: #F4F3FF;
-  --checkbox-hover-fg: #342580;
+  --checkbox-hover-fg: #5037C8;
   --checkbox-hover-border: #5037C8;
-  --checkbox-checked-default-bg: #5037C8;
+  --checkbox-checked-default-bg: #6346E8;
   --checkbox-checked-default-fg: #FFFFFF;
-  --checkbox-checked-default-border: #5037C8;
+  --checkbox-checked-default-border: #6346E8;
   --checkbox-checked-hover-bg: #402C9F;
-  --checkbox-checked-hover-fg: #FFFFFF;
+  --checkbox-checked-hover-fg: #5037C8;
   --checkbox-checked-hover-border: #402C9F;
   --checkbox-checked-pressed-bg: #21164F;
-  --checkbox-checked-pressed-fg: #FFFFFF;
+  --checkbox-checked-pressed-fg: #0F0F0F;
   --checkbox-checked-pressed-border: #21164F;
   --checkbox-focus-ring: #5037C8;
   --checkbox-disabled-bg: #FFFFFF;
@@ -489,7 +495,7 @@
   --input-default-bg: transparent;
   --input-default-fg: #4F4867;
   --input-default-border: #BBB2D2;
-  --input-default-placeholder: #958CB0;
+  --input-default-placeholder: #6B6386;
   --input-default-icon: #9B7CFF;
   --input-hover-bg: #F4F3FF;
   --input-hover-fg: #4F4867;
@@ -523,6 +529,7 @@
   --input-icon-danger: #E11D48;
   --input-icon-muted: #6B6386;
   --input-icon-inverse: #1A1A1A;
+  --input-icon-brand: #9B7CFF;
   --input-clear-button-fg: #E11D48;
   --input-clear-button-hover-fg: #E11D48;
   --input-clear-button-hover-bg: #FFE4E680;
@@ -563,34 +570,44 @@
   --radio-default-fg: #4F4867;
   --radio-default-border: #BBB2D2;
   --radio-hover-bg: #F4F3FF;
-  --radio-hover-fg: #342580;
+  --radio-hover-fg: #5037C8;
   --radio-hover-border: #5037C8;
-  --radio-checked-default-bg: #5037C8;
+  --radio-pressed-bg: #E9E6FF;
+  --radio-pressed-fg: #342580;
+  --radio-pressed-border: #402C9F;
+  --radio-checked-default-bg: #6346E8;
   --radio-checked-default-fg: #5037C8;
-  --radio-checked-default-border: #5037C8;
+  --radio-checked-default-border: #6346E8;
   --radio-checked-hover-bg: #402C9F;
   --radio-checked-hover-fg: #5037C8;
   --radio-checked-hover-border: #402C9F;
   --radio-checked-pressed-bg: #21164F;
-  --radio-checked-pressed-fg: #FFFFFF;
+  --radio-checked-pressed-fg: #5037C8;
   --radio-checked-pressed-border: #21164F;
+  --radio-checked-disabled-bg: #FFFFFF;
+  --radio-checked-disabled-fg: #9CA3AF;
+  --radio-checked-disabled-border: #BBB2D2;
+  --radio-invalid-bg: #F4F1FB;
+  --radio-invalid-fg: #0F0F0F;
+  --radio-invalid-border: #E11D48;
   --radio-focus-ring: #5037C8;
+  --radio-focus-border: #5037C8;
   --radio-disabled-bg: #FFFFFF;
   --radio-disabled-fg: #9CA3AF;
   --radio-disabled-border: #BBB2D2;
-  --select-trigger-default-bg: #F4F1FB;
+  --select-trigger-default-bg: #FFFFFF;
   --select-trigger-default-fg: #1A1A1A;
   --select-trigger-default-border: #BBB2D2;
   --select-trigger-hover-bg: #F4F3FF;
-  --select-trigger-hover-fg: #342580;
+  --select-trigger-hover-fg: #5037C8;
   --select-trigger-hover-border: #5037C8;
   --select-trigger-focus-bg: #F4F1FB;
   --select-trigger-focus-fg: #4F4867;
   --select-trigger-focus-border: #5037C8;
   --select-trigger-focus-ring: #5037C8;
-  --select-trigger-disabled-bg: #FFFFFF;
+  --select-trigger-disabled-bg: #F4F1FB;
   --select-trigger-disabled-fg: #9CA3AF;
-  --select-trigger-disabled-border: #EEE8FA;
+  --select-trigger-disabled-border: #E4DDF4;
   --select-trigger-placeholder-fg: #6B6386;
   --select-trigger-error-border: #E11D48;
   --select-trigger-error-ring: #FFE4E6;
@@ -605,7 +622,7 @@
   --select-option-active-bg: #F4F1FB;
   --select-option-active-fg: #342580;
   --select-option-active-ring: transparent;
-  --select-option-selected-bg: #5037C8;
+  --select-option-selected-bg: #6346E8;
   --select-option-selected-fg: #FFFFFF;
   --select-option-disabled-bg: transparent;
   --select-option-disabled-fg: #9CA3AF;
@@ -631,7 +648,7 @@
   --tabs-pills-hover-fg: #4F4867;
   --tabs-pills-hover-border: transparent;
   --tabs-pills-active-bg: #5037C8;
-  --tabs-pills-active-fg: #FFFFFF;
+  --tabs-pills-active-fg: #0F0F0F;
   --tabs-pills-active-border: #7C5CFF;
   --tabs-pills-disabled-bg: transparent;
   --tabs-pills-disabled-fg: #9CA3AF;
@@ -641,7 +658,7 @@
   --tabs-indicator-active-bg: #5037C8;
   --tabs-panel-fg: #4F4867;
   --tooltip-content-bg: #181521;
-  --tooltip-content-fg: #FFFFFF;
+  --tooltip-content-fg: #0F0F0F;
   --tooltip-content-border: #BBB2D2;
   --tooltip-arrow-bg: #181521;
 }
@@ -682,6 +699,7 @@
   --color-vellira-600: #4F4867;
   --color-vellira-700: #3D3754;
   --color-vellira-800: #2F2A42;
+  --color-vellira-850: #242034;
   --color-vellira-900: #231F31;
   --color-vellira-950: #181521;
   --color-info-50: #F0F9FF;
@@ -823,11 +841,12 @@
   --action-danger-subtle-bg: #F43F5E;
   --action-danger-subtle-fg: #F43F5E;
   --action-danger-subtle-border: #F43F5E;
-  --border-default: #4F4867;
+  --border-default: #958CB0;
   --border-muted: #3D3754;
   --border-strong: #2F2A42;
   --border-subtle: #231F31;
   --border-elevated: #6B6386;
+  --border-disabled: #4F4867;
   --border-focus: #B8A8FF;
   --control-default-bg: #3D3754;
   --control-default-fg: #FFFFFF;
@@ -835,9 +854,12 @@
   --control-hover-bg: #3D3754;
   --control-hover-fg: #B8A8FF;
   --control-hover-border: #B8A8FF;
-  --control-selected-default-bg: #6346E8;
+  --control-active-bg: #E9E6FF;
+  --control-active-fg: #342580;
+  --control-active-border: #402C9F;
+  --control-selected-default-bg: #9B7CFF;
   --control-selected-default-fg: #FFFFFF;
-  --control-selected-default-border: #6346E8;
+  --control-selected-default-border: #9B7CFF;
   --control-selected-hover-bg: #5037C8;
   --control-selected-hover-fg: #FFFFFF;
   --control-selected-hover-border: #5037C8;
@@ -875,7 +897,7 @@
   --status-success-strong: #059669;
   --status-error-fg: #FB7185;
   --status-error-bg: rgba(251, 113, 133, 0.16);
-  --status-error-border: #FB7185;
+  --status-error-border: #F43F5E;
   --status-error-strong: #E11D48;
   --status-warning-fg: #FBBF24;
   --status-warning-bg: rgba(251, 191, 36, 0.14);
@@ -887,17 +909,18 @@
   --status-info-strong: #075985;
   --surface-default: #181521;
   --surface-muted: #231F31;
-  --surface-subtle: #2F2A42;
+  --surface-subtle: #242034;
   --surface-elevated: #3D3754;
   --surface-pressed: #4F4867;
   --surface-danger: #9F123980;
+  --surface-disabled: #2F2A42;
   --surface-hover: #3D3754;
   --surface-active: #6B6386;
   --surface-inverse: #FFFFFF;
   --text-primary: #F4F1FB;
   --text-secondary: #BBB2D2;
   --text-muted: #6B6386;
-  --text-disabled: #958CB0;
+  --text-disabled: #6B6386;
   --text-subtle: #FFFFFF;
   --text-hover: #9B7CFF;
   --text-inverse: #FFFFFF;
@@ -942,7 +965,7 @@
   --button-secondary-outline-default-bg: transparent;
   --button-secondary-outline-default-fg: #79E8F8;
   --button-secondary-outline-default-border: #79E8F8;
-  --button-secondary-outline-hover-bg: #231F31;
+  --button-secondary-outline-hover-bg: #3D3754;
   --button-secondary-outline-hover-fg: #3ED5EE;
   --button-secondary-outline-hover-border: #3ED5EE;
   --button-secondary-outline-pressed-bg: #231F31;
@@ -951,7 +974,7 @@
   --button-secondary-ghost-default-bg: transparent;
   --button-secondary-ghost-default-fg: #79E8F8;
   --button-secondary-ghost-default-border: transparent;
-  --button-secondary-ghost-hover-bg: #231F31;
+  --button-secondary-ghost-hover-bg: #3D3754;
   --button-secondary-ghost-hover-fg: #B4F4FD;
   --button-secondary-ghost-hover-border: transparent;
   --button-secondary-ghost-pressed-bg: #231F31;
@@ -1011,18 +1034,18 @@
   --button-danger-ghost-pressed-bg: rgba(251, 113, 133, 0.16);
   --button-danger-ghost-pressed-fg: #FB7185;
   --button-danger-ghost-pressed-border: transparent;
-  --button-disabled-bg: #231F31;
-  --button-disabled-fg: #958CB0;
-  --button-disabled-border: #3D3754;
+  --button-disabled-bg: #2F2A42;
+  --button-disabled-fg: #6B6386;
+  --button-disabled-border: #4F4867;
   --checkbox-default-bg: #3D3754;
   --checkbox-default-fg: #FFFFFF;
-  --checkbox-default-border: #4F4867;
+  --checkbox-default-border: #958CB0;
   --checkbox-hover-bg: #3D3754;
   --checkbox-hover-fg: #FFFFFF;
   --checkbox-hover-border: #B8A8FF;
-  --checkbox-checked-default-bg: #6346E8;
+  --checkbox-checked-default-bg: #9B7CFF;
   --checkbox-checked-default-fg: #FFFFFF;
-  --checkbox-checked-default-border: #6346E8;
+  --checkbox-checked-default-border: #9B7CFF;
   --checkbox-checked-hover-bg: #5037C8;
   --checkbox-checked-hover-fg: #FFFFFF;
   --checkbox-checked-hover-border: #5037C8;
@@ -1030,9 +1053,9 @@
   --checkbox-checked-pressed-fg: #FFFFFF;
   --checkbox-checked-pressed-border: #402C9F;
   --checkbox-focus-ring: #B8A8FF;
-  --checkbox-disabled-bg: #2F2A42;
-  --checkbox-disabled-fg: #958CB0;
-  --checkbox-disabled-border: #4F4867;
+  --checkbox-disabled-bg: #242034;
+  --checkbox-disabled-fg: #6B6386;
+  --checkbox-disabled-border: #958CB0;
   --checkbox-error-fg: #FB7185;
   --checkbox-error-border: #FB7185;
   --dropdown-trigger-default-bg: transparent;
@@ -1046,12 +1069,12 @@
   --dropdown-trigger-focus-fg: #B8A8FF;
   --dropdown-trigger-focus-border: #B8A8FF;
   --dropdown-trigger-focus-ring: #B8A8FF;
-  --dropdown-trigger-disabled-bg: #2F2A42;
-  --dropdown-trigger-disabled-fg: #958CB0;
-  --dropdown-trigger-disabled-border: #4F4867;
+  --dropdown-trigger-disabled-bg: #242034;
+  --dropdown-trigger-disabled-fg: #6B6386;
+  --dropdown-trigger-disabled-border: #958CB0;
   --dropdown-content-bg: #3D3754;
   --dropdown-content-fg: #F4F1FB;
-  --dropdown-content-border: #4F4867;
+  --dropdown-content-border: #958CB0;
   --dropdown-item-default-bg: transparent;
   --dropdown-item-default-fg: #F4F1FB;
   --dropdown-item-hover-bg: #6B6386;
@@ -1061,11 +1084,11 @@
   --dropdown-item-active-ring: transparent;
   --dropdown-item-focus-ring: #B8A8FF;
   --dropdown-item-disabled-bg: transparent;
-  --dropdown-item-disabled-fg: #958CB0;
+  --dropdown-item-disabled-fg: #6B6386;
   --dropdown-item-danger-default-fg: #FB7185;
   --dropdown-item-danger-hover-bg: rgba(251, 113, 133, 0.16);
   --dropdown-item-danger-hover-fg: #FB7185;
-  --dropdown-item-danger-active-bg: #FB7185;
+  --dropdown-item-danger-active-bg: #F43F5E;
   --dropdown-item-danger-active-fg: #FB7185;
   --dropdown-item-danger-active-ring: transparent;
   --dropdown-group-label-fg: #BBB2D2;
@@ -1079,12 +1102,12 @@
   --form-field-helper-text-warning-fg: #FBBF24;
   --form-field-helper-text-info-fg: #0284C7;
   --form-field-required-mark-fg: #FB7185;
-  --form-field-disabled-label-fg: #958CB0;
-  --form-field-disabled-description-fg: #958CB0;
-  --form-field-disabled-helper-text-fg: #958CB0;
+  --form-field-disabled-label-fg: #6B6386;
+  --form-field-disabled-description-fg: #6B6386;
+  --form-field-disabled-helper-text-fg: #6B6386;
   --input-default-bg: transparent;
   --input-default-fg: #F4F1FB;
-  --input-default-border: #6B6386;
+  --input-default-border: #958CB0;
   --input-default-placeholder: #BBB2D2;
   --input-default-icon: #9B7CFF;
   --input-hover-bg: #3D3754;
@@ -1099,17 +1122,17 @@
   --input-focus-placeholder: #6B6386;
   --input-focus-icon: #FFFFFF;
   --input-disabled-bg: #3D3754;
-  --input-disabled-fg: #958CB0;
-  --input-disabled-border: #4F4867;
-  --input-disabled-placeholder: #958CB0;
+  --input-disabled-fg: #6B6386;
+  --input-disabled-border: #958CB0;
+  --input-disabled-placeholder: #6B6386;
   --input-disabled-icon: #D1D5DB;
-  --input-error-border: #FB7185;
+  --input-error-border: #F43F5E;
   --input-error-ring: #FB7185;
   --input-success-border: #059669;
   --input-success-ring: #34D399;
-  --input-read-only-bg: #2F2A42;
+  --input-read-only-bg: #242034;
   --input-read-only-fg: #BBB2D2;
-  --input-read-only-border: #4F4867;
+  --input-read-only-border: #958CB0;
   --input-read-only-placeholder: #6B6386;
   --input-read-only-icon: #9CA3AF;
   --input-icon-default: #0F0F0F;
@@ -1119,6 +1142,7 @@
   --input-icon-danger: #F43F5E;
   --input-icon-muted: #9CA3AF;
   --input-icon-inverse: #1A1A1A;
+  --input-icon-brand: #9B7CFF;
   --input-clear-button-fg: #FB7185;
   --input-clear-button-hover-fg: #FB7185;
   --input-clear-button-hover-bg: #9F123980;
@@ -1131,12 +1155,12 @@
   --menu-item-active-bg: #6B6386;
   --menu-item-active-fg: #F4F1FB;
   --menu-item-focus-ring: transparent;
-  --menu-item-disabled-bg: #2F2A42;
-  --menu-item-disabled-fg: #958CB0;
+  --menu-item-disabled-bg: #242034;
+  --menu-item-disabled-fg: #6B6386;
   --menu-item-danger-default-fg: #FB7185;
   --menu-item-danger-hover-bg: rgba(251, 113, 133, 0.16);
   --menu-item-danger-hover-fg: #FB7185;
-  --menu-item-danger-active-bg: #FB7185;
+  --menu-item-danger-active-bg: #F43F5E;
   --menu-item-danger-active-fg: #FB7185;
   --menu-trigger-default-fg: #B8A8FF;
   --menu-trigger-hover-bg: #3D3754;
@@ -1146,37 +1170,47 @@
   --modal-overlay-bg: rgba(0, 0, 0, 0.72);
   --modal-content-bg: #3D3754;
   --modal-content-fg: #F4F1FB;
-  --modal-content-border: #4F4867;
+  --modal-content-border: #958CB0;
   --modal-title-fg: #F4F1FB;
   --modal-description-fg: #6B6386;
   --modal-close-button-default-bg: transparent;
   --modal-close-button-default-fg: #BBB2D2;
-  --modal-close-button-hover-bg: #2F2A42;
+  --modal-close-button-hover-bg: #242034;
   --modal-close-button-hover-fg: #F4F1FB;
   --modal-close-button-disabled-bg: transparent;
-  --modal-close-button-disabled-fg: #958CB0;
+  --modal-close-button-disabled-fg: #6B6386;
   --radio-default-bg: #3D3754;
   --radio-default-fg: #F4F1FB;
-  --radio-default-border: #231F31;
+  --radio-default-border: #958CB0;
   --radio-hover-bg: #3D3754;
   --radio-hover-fg: #B8A8FF;
   --radio-hover-border: #B8A8FF;
-  --radio-checked-default-bg: #6346E8;
+  --radio-pressed-bg: #E9E6FF;
+  --radio-pressed-fg: #342580;
+  --radio-pressed-border: #402C9F;
+  --radio-checked-default-bg: #9B7CFF;
   --radio-checked-default-fg: #B8A8FF;
-  --radio-checked-default-border: #6346E8;
+  --radio-checked-default-border: #9B7CFF;
   --radio-checked-hover-bg: #5037C8;
   --radio-checked-hover-fg: #B8A8FF;
   --radio-checked-hover-border: #5037C8;
   --radio-checked-pressed-bg: #402C9F;
-  --radio-checked-pressed-fg: #FFFFFF;
+  --radio-checked-pressed-fg: #B8A8FF;
   --radio-checked-pressed-border: #402C9F;
+  --radio-checked-disabled-bg: #2F2A42;
+  --radio-checked-disabled-fg: #6B6386;
+  --radio-checked-disabled-border: #4F4867;
   --radio-focus-ring: #B8A8FF;
+  --radio-focus-border: #B8A8FF;
+  --radio-invalid-bg: #181521;
+  --radio-invalid-fg: #FFFFFF;
+  --radio-invalid-border: #F43F5E;
   --radio-disabled-bg: #2F2A42;
-  --radio-disabled-fg: #958CB0;
+  --radio-disabled-fg: #6B6386;
   --radio-disabled-border: #4F4867;
   --select-trigger-default-bg: transparent;
   --select-trigger-default-fg: #FFFFFF;
-  --select-trigger-default-border: #231F31;
+  --select-trigger-default-border: #958CB0;
   --select-trigger-hover-bg: #3D3754;
   --select-trigger-hover-fg: #B8A8FF;
   --select-trigger-hover-border: #B8A8FF;
@@ -1185,17 +1219,17 @@
   --select-trigger-focus-border: #B8A8FF;
   --select-trigger-focus-ring: #B8A8FF;
   --select-trigger-disabled-bg: #2F2A42;
-  --select-trigger-disabled-fg: #958CB0;
+  --select-trigger-disabled-fg: #6B6386;
   --select-trigger-disabled-border: #4F4867;
   --select-trigger-placeholder-fg: #BBB2D2;
   --select-trigger-error-border: #FB7185;
   --select-trigger-error-ring: rgba(251, 113, 133, 0.16);
   --select-dropdown-bg: #3D3754;
   --select-dropdown-fg: #F4F1FB;
-  --select-dropdown-border: #4F4867;
+  --select-dropdown-border: #3D3754;
   --select-option-default-bg: transparent;
   --select-option-default-fg: #F4F1FB;
-  --select-option-default-border: #4F4867;
+  --select-option-default-border: #958CB0;
   --select-option-hover-bg: #6B6386;
   --select-option-hover-fg: #F4F1FB;
   --select-option-active-bg: #6B6386;
@@ -1204,9 +1238,9 @@
   --select-option-selected-bg: #5037C8;
   --select-option-selected-fg: #FFFFFF;
   --select-option-disabled-bg: transparent;
-  --select-option-disabled-fg: #958CB0;
-  --select-option-disabled-border: #4F4867;
-  --tabs-list-border: #4F4867;
+  --select-option-disabled-fg: #6B6386;
+  --select-option-disabled-border: #958CB0;
+  --tabs-list-border: #958CB0;
   --tabs-trigger-default-bg: transparent;
   --tabs-trigger-default-fg: #F4F1FB;
   --tabs-trigger-default-border: transparent;
@@ -1218,7 +1252,7 @@
   --tabs-trigger-active-border: #6346E8;
   --tabs-trigger-focus-ring: #6B6386;
   --tabs-trigger-disabled-bg: transparent;
-  --tabs-trigger-disabled-fg: #958CB0;
+  --tabs-trigger-disabled-fg: #6B6386;
   --tabs-trigger-disabled-border: transparent;
   --tabs-pills-default-bg: transparent;
   --tabs-pills-default-fg: #F4F1FB;
@@ -1230,7 +1264,7 @@
   --tabs-pills-active-fg: #FFFFFF;
   --tabs-pills-active-border: #7C5CFF;
   --tabs-pills-disabled-bg: transparent;
-  --tabs-pills-disabled-fg: #958CB0;
+  --tabs-pills-disabled-fg: #6B6386;
   --tabs-pills-disabled-border: transparent;
   --tabs-indicator-default-bg: #B8A8FF;
   --tabs-indicator-hover-bg: #5037C8;
@@ -1238,7 +1272,7 @@
   --tabs-panel-fg: #F4F1FB;
   --tooltip-content-bg: #FFFFFF;
   --tooltip-content-fg: #000000;
-  --tooltip-content-border: #4F4867;
+  --tooltip-content-border: #958CB0;
   --tooltip-arrow-bg: #FFFFFF;
 }
 
@@ -1278,6 +1312,7 @@
   --color-vellira-600: #4F4867;
   --color-vellira-700: #3D3754;
   --color-vellira-800: #2F2A42;
+  --color-vellira-850: #242034;
   --color-vellira-900: #231F31;
   --color-vellira-950: #181521;
   --color-info-50: #F0F9FF;
@@ -1372,7 +1407,7 @@
   --action-primary-muted-fg: #FFFFFF;
   --action-primary-muted-border: #B8A8FF;
   --action-primary-subtle-bg: #D4CCFF;
-  --action-primary-subtle-fg: #000000;
+  --action-primary-subtle-fg: #F9FAFB;
   --action-primary-subtle-border: #D4CCFF;
   --action-secondary-default-bg: #3ED5EE;
   --action-secondary-default-fg: #000000;
@@ -1420,23 +1455,26 @@
   --border-strong: #F9FAFB;
   --border-disabled: #4B5563;
   --border-focus: #FBBF24;
-  --control-default-bg: #000000;
+  --control-default-bg: #1F2937;
   --control-default-fg: #FFFFFF;
   --control-default-border: #4B5563;
   --control-hover-bg: #111827;
-  --control-hover-fg: #000000;
+  --control-hover-fg: #B8A8FF;
   --control-hover-border: #7C5CFF;
+  --control-active-bg: #E9E6FF;
+  --control-active-fg: #342580;
+  --control-active-border: #402C9F;
   --control-radio-hover-bg: #111827;
   --control-radio-hover-fg: #B8A8FF;
   --control-radio-hover-border: #B8A8FF;
-  --control-selected-default-bg: #7C5CFF;
+  --control-selected-default-bg: #9B7CFF;
   --control-selected-default-fg: #FFFFFF;
-  --control-selected-default-border: #7C5CFF;
+  --control-selected-default-border: #9B7CFF;
   --control-selected-hover-bg: #0369A1;
-  --control-selected-hover-fg: #000000;
+  --control-selected-hover-fg: #F9FAFB;
   --control-selected-hover-border: #0369A1;
   --control-selected-active-bg: #402C9F;
-  --control-selected-active-fg: #000000;
+  --control-selected-active-fg: #F9FAFB;
   --control-selected-active-border: #402C9F;
   --control-selected-muted-bg: #6346E8;
   --control-selected-muted-fg: #FFFFFF;
@@ -1459,7 +1497,7 @@
   --navigation-tab-focus-ring: #F59E0B;
   --navigation-option-hover-bg: #1F2937;
   --navigation-option-hover-fg: #FFFFFF;
-  --navigation-option-active-bg: #111827;
+  --navigation-option-active-bg: #6B7280;
   --navigation-option-active-fg: #FFFFFF;
   --navigation-disabled-bg: #111827;
   --navigation-disabled-fg: #4B5563;
@@ -1476,8 +1514,8 @@
   --status-success-border: #6EE7B7;
   --status-success-strong: #6EE7B7;
   --status-error-fg: #FB7185;
-  --status-error-bg: #111827;
-  --status-error-border: #FB7185;
+  --status-error-bg: #E11D48;
+  --status-error-border: #F43F5E;
   --status-error-strong: #FDA4AF;
   --status-warning-fg: #FBBF24;
   --status-warning-bg: #111827;
@@ -1493,15 +1531,17 @@
   --surface-elevated: #374151;
   --surface-pressed: #111827;
   --surface-danger: #9F123980;
+  --surface-disabled: #1F2937;
   --surface-hover: #1F2937;
-  --surface-active: #111827;
+  --surface-active: #6B7280;
   --surface-inverse: #FFFFFF;
   --text-primary: #FFFFFF;
   --text-secondary: #EEE8FA;
   --text-muted: #E5E7EB;
   --text-disabled: #6B7280;
   --text-subtle: #F3F4F6;
-  --text-inverse: #000000;
+  --text-elevated: #9CA3AF;
+  --text-inverse: #F9FAFB;
   --text-on-inverse: #000000;
   --text-brand: #B8A8FF;
   --button-primary-solid-default-bg: #6346E8;
@@ -1597,38 +1637,38 @@
   --button-danger-outline-default-bg: transparent;
   --button-danger-outline-default-fg: #FB7185;
   --button-danger-outline-default-border: #FB7185;
-  --button-danger-outline-hover-bg: #111827;
+  --button-danger-outline-hover-bg: #9F123980;
   --button-danger-outline-hover-fg: #FDA4AF;
   --button-danger-outline-hover-border: #FDA4AF;
-  --button-danger-outline-pressed-bg: #111827;
+  --button-danger-outline-pressed-bg: #9F123980;
   --button-danger-outline-pressed-fg: #9F1239;
   --button-danger-outline-pressed-border: #9F1239;
   --button-danger-ghost-default-bg: transparent;
   --button-danger-ghost-default-fg: #FB7185;
   --button-danger-ghost-default-border: transparent;
-  --button-danger-ghost-hover-bg: #111827;
+  --button-danger-ghost-hover-bg: #9F123980;
   --button-danger-ghost-hover-fg: #FDA4AF;
   --button-danger-ghost-hover-border: transparent;
-  --button-danger-ghost-pressed-bg: #111827;
+  --button-danger-ghost-pressed-bg: #9F123980;
   --button-danger-ghost-pressed-fg: #9F1239;
   --button-danger-ghost-pressed-border: transparent;
   --button-disabled-bg: #374151;
   --button-disabled-fg: #6B7280;
   --button-disabled-border: #4B5563;
-  --checkbox-default-bg: #000000;
+  --checkbox-default-bg: #1F2937;
   --checkbox-default-fg: #FFFFFF;
   --checkbox-default-border: #4B5563;
   --checkbox-hover-bg: #111827;
-  --checkbox-hover-fg: #000000;
+  --checkbox-hover-fg: #B8A8FF;
   --checkbox-hover-border: #7C5CFF;
-  --checkbox-checked-default-bg: #7C5CFF;
+  --checkbox-checked-default-bg: #9B7CFF;
   --checkbox-checked-default-fg: #FFFFFF;
-  --checkbox-checked-default-border: #7C5CFF;
+  --checkbox-checked-default-border: #9B7CFF;
   --checkbox-checked-hover-bg: #0369A1;
-  --checkbox-checked-hover-fg: #000000;
+  --checkbox-checked-hover-fg: #F9FAFB;
   --checkbox-checked-hover-border: #0369A1;
   --checkbox-checked-pressed-bg: #402C9F;
-  --checkbox-checked-pressed-fg: #000000;
+  --checkbox-checked-pressed-fg: #F9FAFB;
   --checkbox-checked-pressed-border: #402C9F;
   --checkbox-focus-ring: #F59E0B;
   --checkbox-disabled-bg: #111827;
@@ -1673,7 +1713,7 @@
   --dropdown-separator-bg: #4B5563;
   --dropdown-separator-fg: #E5E7EB;
   --form-field-label-fg: #EEE8FA;
-  --form-field-description-fg: #E5E7EB;
+  --form-field-description-fg: #9CA3AF;
   --form-field-helper-text-default-fg: #E5E7EB;
   --form-field-helper-text-error-fg: #FB7185;
   --form-field-helper-text-success-fg: #6EE7B7;
@@ -1704,7 +1744,7 @@
   --input-disabled-border: #4B5563;
   --input-disabled-placeholder: #6B7280;
   --input-disabled-icon: #D1D5DB;
-  --input-error-border: #FB7185;
+  --input-error-border: #F43F5E;
   --input-error-ring: #FB7185;
   --input-success-border: #6EE7B7;
   --input-success-ring: #6EE7B7;
@@ -1720,11 +1760,12 @@
   --input-icon-danger: #F43F5E;
   --input-icon-muted: #9CA3AF;
   --input-icon-inverse: #1A1A1A;
+  --input-icon-brand: #9B7CFF;
   --input-clear-button-fg: #FB7185;
   --input-clear-button-hover-fg: #FB7185;
   --input-clear-button-hover-bg: #9F123980;
   --input-clear-button-focus-bg: #FFFFFF;
-  --input-clear-button-pressed-bg: #111827;
+  --input-clear-button-pressed-bg: #6B7280;
   --menu-item-default-bg: transparent;
   --menu-item-default-fg: #FFFFFF;
   --menu-item-hover-bg: #1F2937;
@@ -1756,25 +1797,35 @@
   --modal-close-button-hover-fg: #FFFFFF;
   --modal-close-button-disabled-bg: transparent;
   --modal-close-button-disabled-fg: #6B7280;
-  --radio-default-bg: #000000;
-  --radio-default-fg: #FFFFFF;
+  --radio-default-bg: #1F2937;
+  --radio-default-fg: #F9FAFB;
   --radio-default-border: #FFFFFF;
   --radio-hover-bg: #111827;
   --radio-hover-fg: #B8A8FF;
-  --radio-hover-border: #B8A8FF;
+  --radio-hover-border: #7C5CFF;
+  --radio-pressed-bg: #E9E6FF;
+  --radio-pressed-fg: #342580;
+  --radio-pressed-border: #402C9F;
   --radio-checked-default-bg: #9B7CFF;
-  --radio-checked-default-fg: #7C5CFF;
-  --radio-checked-default-border: #B8A8FF;
+  --radio-checked-default-fg: #B8A8FF;
+  --radio-checked-default-border: #9B7CFF;
   --radio-checked-hover-bg: #0369A1;
-  --radio-checked-hover-fg: #FFFFFF;
+  --radio-checked-hover-fg: #B8A8FF;
   --radio-checked-hover-border: #0369A1;
   --radio-checked-pressed-bg: #402C9F;
-  --radio-checked-pressed-fg: #FFFFFF;
+  --radio-checked-pressed-fg: #B8A8FF;
   --radio-checked-pressed-border: #402C9F;
+  --radio-checked-disabled-bg: #111827;
+  --radio-checked-disabled-fg: #6B7280;
+  --radio-checked-disabled-border: #4B5563;
   --radio-focus-ring: #F59E0B;
+  --radio-focus-border: #FBBF24;
+  --radio-invalid-bg: #000000;
+  --radio-invalid-fg: #F9FAFB;
+  --radio-invalid-border: #F43F5E;
   --radio-disabled-bg: #111827;
   --radio-disabled-fg: #6B7280;
-  --radio-disabled-border: #FFFFFF;
+  --radio-disabled-border: #4B5563;
   --select-trigger-default-bg: transparent;
   --select-trigger-default-fg: #FFFFFF;
   --select-trigger-default-border: #FFFFFF;
@@ -1785,12 +1836,12 @@
   --select-trigger-focus-fg: #FFFFFF;
   --select-trigger-focus-border: #FBBF24;
   --select-trigger-focus-ring: #F59E0B;
-  --select-trigger-disabled-bg: #111827;
+  --select-trigger-disabled-bg: #1F2937;
   --select-trigger-disabled-fg: #6B7280;
   --select-trigger-disabled-border: #4B5563;
   --select-trigger-placeholder-fg: #E5E7EB;
   --select-trigger-error-border: #FB7185;
-  --select-trigger-error-ring: #111827;
+  --select-trigger-error-ring: #E11D48;
   --select-dropdown-bg: #374151;
   --select-dropdown-fg: #FFFFFF;
   --select-dropdown-border: #FBBF24;
@@ -1802,7 +1853,7 @@
   --select-option-active-bg: #FBBF24;
   --select-option-active-fg: #000000;
   --select-option-active-ring: transparent;
-  --select-option-selected-bg: #7C5CFF;
+  --select-option-selected-bg: #9B7CFF;
   --select-option-selected-fg: #FFFFFF;
   --select-option-disabled-bg: transparent;
   --select-option-disabled-fg: #6B7280;
@@ -1825,7 +1876,7 @@
   --tabs-pills-default-fg: #FFFFFF;
   --tabs-pills-default-border: transparent;
   --tabs-pills-hover-bg: #FBBF24;
-  --tabs-pills-hover-fg: #000000;
+  --tabs-pills-hover-fg: #F9FAFB;
   --tabs-pills-hover-border: transparent;
   --tabs-pills-active-bg: #B8A8FF;
   --tabs-pills-active-fg: #FFFFFF;
@@ -1838,7 +1889,7 @@
   --tabs-indicator-active-bg: #B8A8FF;
   --tabs-panel-fg: #FFFFFF;
   --tooltip-content-bg: #FFFFFF;
-  --tooltip-content-fg: #000000;
+  --tooltip-content-fg: #F9FAFB;
   --tooltip-content-border: #FFFFFF;
   --tooltip-arrow-bg: #FFFFFF;
 }