@vellira-ui/tokens 2.19.6

package/dist/css/tokens.css

@@ -0,0 +1,1453 @@
+/**
+ * AUTO-GENERATED FILE
+ * DO NOT EDIT MANUALLY
+ * Generated: 2026-07-04T19:45:49.463Z
+ */
+
+:root {
+  --space-0: 0px;
+  --space-1: 4px;
+  --space-2: 8px;
+  --space-3: 12px;
+  --space-4: 16px;
+  --space-5: 20px;
+  --space-6: 24px;
+  --space-8: 32px;
+  --space-10: 40px;
+  --space-12: 48px;
+  --space-16: 64px;
+  --radius-sm: 4px;
+  --radius-md: 8px;
+  --radius-lg: 12px;
+  --radius-xl: 16px;
+  --radius-full: 999px;
+  --z-index-dropdown: 100;
+  --z-index-popover: 200;
+  --z-index-tooltip: 300;
+  --z-index-backdrop: 900;
+  --z-index-modal: 1000;
+  --z-index-toast: 1100;
+  --font-family-base: KantumruyPro;
+  --font-family-extra-light: KantumruyPro-ExtraLight;
+  --font-family-regular: KantumruyPro-Regular;
+  --font-family-medium: KantumruyPro-Medium;
+  --font-family-semibold: KantumruyPro-SemiBold;
+  --font-weight-light: 200;
+  --font-weight-regular: 400;
+  --font-weight-medium: 600;
+  --font-weight-semibold: 700;
+  --font-size-xs: 12px;
+  --font-size-sm: 14px;
+  --font-size-md: 16px;
+  --font-size-lg: 20px;
+  --font-size-xl: 24px;
+  --font-size-xxl: 32px;
+  --line-height-sm: 16px;
+  --line-height-md: 24px;
+  --line-height-lg: 32px;
+  --line-height-xl: 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);
+}
+
+:root,
+[data-theme='light'],
+[data-vellira-theme='light'] {
+  --color-primary-50: #EEF0FF;
+  --color-primary-100: #DDD6FE;
+  --color-primary-200: #C4B5FD;
+  --color-primary-300: #A78BFA;
+  --color-primary-400: #8B7CF6;
+  --color-primary-500: #7C6CF2;
+  --color-primary-600: #6D5BD0;
+  --color-primary-700: #5B4BEA;
+  --color-primary-800: #4936D9;
+  --color-primary-900: #4338CA;
+  --color-primary-950: #3B2BBF;
+  --color-secondary-50: #F0F1FF;
+  --color-secondary-100: #D8DAFF;
+  --color-secondary-200: #B8BBF2;
+  --color-secondary-300: #9EA2EA;
+  --color-secondary-400: #7B80D8;
+  --color-secondary-500: #4C4F8F;
+  --color-secondary-600: #5F64B8;
+  --color-secondary-700: #555AA8;
+  --color-secondary-800: #494F95;
+  --color-secondary-900: #42477C;
+  --color-secondary-950: #373B68;
+  --color-vellira-25: #FDFCFF;
+  --color-vellira-50: #FAF8FF;
+  --color-vellira-100: #F4F1FB;
+  --color-vellira-150: #EEE8FA;
+  --color-vellira-200: #E8E2F3;
+  --color-vellira-250: #D8D3E8;
+  --color-vellira-300: #A8A1BA;
+  --color-vellira-400: #746F86;
+  --color-vellira-500: #413957;
+  --color-vellira-600: #3A334D;
+  --color-vellira-700: #312C44;
+  --color-vellira-800: #29253A;
+  --color-vellira-900: #211E2E;
+  --color-vellira-950: #1B1726;
+  --color-info-50: #F0F9FF;
+  --color-info-100: #EFF6FF;
+  --color-info-200: #DBEAFE;
+  --color-info-300: #93C5FD;
+  --color-info-400: #4DA3FF;
+  --color-info-500: #7BBCFF;
+  --color-info-600: #3399FF;
+  --color-info-700: #0EA5E9;
+  --color-info-800: #0284C7;
+  --color-info-900: #002B55;
+  --color-info-950: #102A43;
+  --color-success-50: #ECFDF5;
+  --color-success-100: #D1FAE5;
+  --color-success-200: #A7F3D0;
+  --color-success-300: #9AFFB8;
+  --color-success-400: #4ADE80;
+  --color-success-500: #00B956;
+  --color-success-600: #22C55E;
+  --color-success-700: #008F6A;
+  --color-success-800: #00785A;
+  --color-success-900: #166534;
+  --color-success-950: #0F2F26;
+  --color-error-50: #FEF2F2;
+  --color-error-100: #FFF1F2;
+  --color-error-200: #FDA4AF;
+  --color-error-300: #FF8A8A;
+  --color-error-400: #FB7185;
+  --color-error-500: #F43F5E;
+  --color-error-600: #E11D48;
+  --color-error-700: #DC2626;
+  --color-error-800: #B91C1C;
+  --color-error-900: #9F1239;
+  --color-error-950: #4C0519;
+  --color-warning-50: #FFF7ED;
+  --color-warning-100: #FFFBEB;
+  --color-warning-200: #FEF3C7;
+  --color-warning-300: #FCD34D;
+  --color-warning-400: #FFFF99;
+  --color-warning-500: #FFFF00;
+  --color-warning-600: #FFEA00;
+  --color-warning-700: #C05621;
+  --color-warning-800: #A74308;
+  --color-warning-900: #92400E;
+  --color-warning-950: #3A2412;
+  --color-gray-50: #F9FAFB;
+  --color-gray-100: #F3F4F6;
+  --color-gray-200: #E5E7EB;
+  --color-gray-300: #D1D5DB;
+  --color-gray-400: #9CA3AF;
+  --color-gray-500: #6B7280;
+  --color-gray-600: #4B5563;
+  --color-gray-700: #374151;
+  --color-gray-800: #1F2937;
+  --color-gray-900: #111827;
+  --color-gray-950: #0B1120;
+  --color-gray-blue-50: #F7FBFF;
+  --color-gray-blue-100: #EDF5FF;
+  --color-gray-blue-200: #D8E4F2;
+  --color-gray-blue-300: #C4D0DD;
+  --color-gray-blue-400: #98A8BD;
+  --color-gray-blue-500: #6B7F99;
+  --color-gray-blue-600: #4B5F7A;
+  --color-gray-blue-700: #33435F;
+  --color-gray-blue-800: #1E2A44;
+  --color-gray-blue-900: #111C2E;
+  --color-gray-blue-950: #0B1120;
+  --color-mono-50: #FFFFFF;
+  --color-mono-100: #F9FAFB;
+  --color-mono-200: #F3F4F6;
+  --color-mono-300: #E5E7EB;
+  --color-mono-400: #D1D5DB;
+  --color-mono-500: #9CA3AF;
+  --color-mono-600: #737373;
+  --color-mono-700: #4B5563;
+  --color-mono-800: #1A1A1A;
+  --color-mono-900: #0F0F0F;
+  --color-mono-950: #000000;
+  --action-primary-default-bg: #5B4BEA;
+  --action-primary-default-fg: #FFFFFF;
+  --action-primary-default-border: #5B4BEA;
+  --action-primary-hover-bg: #4936D9;
+  --action-primary-hover-fg: #FFFFFF;
+  --action-primary-hover-border: #4936D9;
+  --action-primary-active-bg: #3B2BBF;
+  --action-primary-active-fg: #FFFFFF;
+  --action-primary-active-border: #3B2BBF;
+  --action-primary-muted-bg: #7C6CF2;
+  --action-primary-muted-fg: #FFFFFF;
+  --action-primary-muted-border: #7C6CF2;
+  --action-primary-subtle-bg: #EEF0FF;
+  --action-primary-subtle-fg: #4338CA;
+  --action-primary-subtle-border: #5B4BEA;
+  --action-secondary-default-bg: #4C4F8F;
+  --action-secondary-default-fg: #FFFFFF;
+  --action-secondary-default-border: #4C4F8F;
+  --action-secondary-hover-bg: #42477C;
+  --action-secondary-hover-fg: #FFFFFF;
+  --action-secondary-hover-border: #42477C;
+  --action-secondary-active-bg: #373B68;
+  --action-secondary-active-fg: #FFFFFF;
+  --action-secondary-active-border: #373B68;
+  --action-danger-default-bg: #DC2626;
+  --action-danger-default-fg: #FFFFFF;
+  --action-danger-default-border: #DC2626;
+  --action-danger-hover-bg: #B91C1C;
+  --action-danger-hover-fg: #FFFFFF;
+  --action-danger-hover-border: #B91C1C;
+  --action-danger-active-bg: #B91C1C;
+  --action-danger-active-fg: #FFFFFF;
+  --action-danger-active-border: #B91C1C;
+  --action-danger-subtle-bg: #FEF2F2;
+  --action-danger-subtle-fg: #DC2626;
+  --action-danger-muted-bg: #FFF1F2;
+  --action-danger-muted-fg: #DC2626;
+  --border-default: #E8E2F3;
+  --border-muted: #EEE8FA;
+  --border-subtle: #D8D3E8;
+  --border-elevated: #746F86;
+  --border-strong: #3A334D;
+  --border-focus: #5B4BEA;
+  --control-hover-bg: #EEF0FF;
+  --control-hover-fg: #4338CA;
+  --control-hover-border: #5B4BEA;
+  --control-selected-default-bg: #5B4BEA;
+  --control-selected-default-fg: #FFFFFF;
+  --control-selected-default-border: #5B4BEA;
+  --control-selected-hover-bg: #4936D9;
+  --control-selected-hover-fg: #FFFFFF;
+  --control-selected-hover-border: #4936D9;
+  --control-selected-active-bg: #3B2BBF;
+  --control-selected-active-fg: #FFFFFF;
+  --control-selected-active-border: #3B2BBF;
+  --control-selected-muted-bg: #5B4BEA;
+  --control-selected-muted-fg: #FFFFFF;
+  --control-selected-muted-border: #7C6CF2;
+  --divider-default: #E5E7EB;
+  --divider-muted: #EDF5FF;
+  --divider-strong: #D1D5DB;
+  --focus-ring: #5B4BEA;
+  --focus-ring-offset: #FFFFFF;
+  --navigation-hover-bg: #F4F1FB;
+  --navigation-hover-fg: #3A334D;
+  --navigation-active-bg: #EEE8FA;
+  --navigation-active-fg: #3A334D;
+  --navigation-brand-hover-bg: #F4F1FB;
+  --navigation-brand-hover-fg: #4338CA;
+  --navigation-tab-hover-fg: #7C6CF2;
+  --navigation-tab-focus-ring: #FFFF00;
+  --navigation-option-hover-bg: #D1D5DB;
+  --navigation-option-hover-fg: #3A334D;
+  --navigation-option-active-bg: #E5E7EB;
+  --navigation-option-active-fg: #3A334D;
+  --navigation-border: #E8E2F3;
+  --skeleton-base: #F3F4F6;
+  --skeleton-highlight: #E5E7EB;
+  --status-success-fg: #008F6A;
+  --status-success-bg: #ECFDF5;
+  --status-success-border: #9AFFB8;
+  --status-success-strong: #008F6A;
+  --status-error-fg: #DC2626;
+  --status-error-bg: #FEF2F2;
+  --status-error-border: #FF8A8A;
+  --status-error-strong: #DC2626;
+  --status-warning-fg: #C05621;
+  --status-warning-bg: #FFF7ED;
+  --status-warning-border: #FCD34D;
+  --status-warning-strong: #C05621;
+  --status-info-fg: #0EA5E9;
+  --status-info-bg: #F0F9FF;
+  --status-info-border: #93C5FD;
+  --status-info-strong: #0EA5E9;
+  --surface-default: #FDFCFF;
+  --surface-muted: #FAF8FF;
+  --surface-subtle: #F4F1FB;
+  --surface-elevated: #FFFFFF;
+  --surface-hover: #EEE8FA;
+  --surface-active: #413957;
+  --surface-inverse: #1B1726;
+  --text-primary: #3A334D;
+  --text-secondary: #413957;
+  --text-muted: #746F86;
+  --text-disabled: #9CA3AF;
+  --text-subtle: #1A1A1A;
+  --text-inverse: #FFFFFF;
+  --text-on-inverse: #FFFFFF;
+  --text-brand: #5B4BEA;
+  --button-primary-default-bg: #5B4BEA;
+  --button-primary-default-fg: #FFFFFF;
+  --button-primary-default-border: #5B4BEA;
+  --button-primary-hover-bg: #4936D9;
+  --button-primary-hover-fg: #FFFFFF;
+  --button-primary-hover-border: #4936D9;
+  --button-primary-pressed-bg: #3B2BBF;
+  --button-primary-pressed-fg: #FFFFFF;
+  --button-primary-pressed-border: #3B2BBF;
+  --button-secondary-default-bg: #4C4F8F;
+  --button-secondary-default-fg: #FFFFFF;
+  --button-secondary-default-border: #4C4F8F;
+  --button-secondary-hover-bg: #42477C;
+  --button-secondary-hover-fg: #FFFFFF;
+  --button-secondary-hover-border: #42477C;
+  --button-secondary-pressed-bg: #373B68;
+  --button-secondary-pressed-fg: #FFFFFF;
+  --button-secondary-pressed-border: #373B68;
+  --button-danger-default-bg: #DC2626;
+  --button-danger-default-fg: #FFFFFF;
+  --button-danger-default-border: #DC2626;
+  --button-danger-hover-bg: #B91C1C;
+  --button-danger-hover-fg: #FFFFFF;
+  --button-danger-hover-border: #B91C1C;
+  --button-danger-pressed-bg: #B91C1C;
+  --button-danger-pressed-fg: #FFFFFF;
+  --button-danger-pressed-border: #B91C1C;
+  --button-disabled-bg: #F4F1FB;
+  --button-disabled-fg: #9CA3AF;
+  --button-disabled-border: #EEE8FA;
+  --checkbox-default-bg: #FDFCFF;
+  --checkbox-default-fg: #3A334D;
+  --checkbox-default-border: #D8D3E8;
+  --checkbox-hover-bg: #EEF0FF;
+  --checkbox-hover-fg: #4338CA;
+  --checkbox-hover-border: #5B4BEA;
+  --checkbox-checked-default-bg: #5B4BEA;
+  --checkbox-checked-default-fg: #FFFFFF;
+  --checkbox-checked-default-border: #5B4BEA;
+  --checkbox-checked-hover-bg: #4936D9;
+  --checkbox-checked-hover-fg: #FFFFFF;
+  --checkbox-checked-hover-border: #4936D9;
+  --checkbox-checked-pressed-bg: #3B2BBF;
+  --checkbox-checked-pressed-fg: #FFFFFF;
+  --checkbox-checked-pressed-border: #3B2BBF;
+  --checkbox-focus-ring: #5B4BEA;
+  --checkbox-disabled-bg: #F4F1FB;
+  --checkbox-disabled-fg: #9CA3AF;
+  --checkbox-disabled-border: #EEE8FA;
+  --checkbox-error-border: #DC2626;
+  --checkbox-error-fg: #DC2626;
+  --dropdown-trigger-default-bg: transparent;
+  --dropdown-trigger-default-fg: #5B4BEA;
+  --dropdown-trigger-default-border: transparent;
+  --dropdown-trigger-hover-bg: #F4F1FB;
+  --dropdown-trigger-hover-fg: #4338CA;
+  --dropdown-trigger-hover-border: transparent;
+  --dropdown-trigger-hover-ring: transparent;
+  --dropdown-trigger-focus-bg: transparent;
+  --dropdown-trigger-focus-fg: #5B4BEA;
+  --dropdown-trigger-focus-border: #5B4BEA;
+  --dropdown-trigger-focus-ring: #5B4BEA;
+  --dropdown-trigger-disabled-bg: #F4F1FB;
+  --dropdown-trigger-disabled-fg: #9CA3AF;
+  --dropdown-trigger-disabled-border: #EEE8FA;
+  --dropdown-content-bg: #FFFFFF;
+  --dropdown-content-fg: #3A334D;
+  --dropdown-content-border: #E8E2F3;
+  --dropdown-item-default-bg: transparent;
+  --dropdown-item-default-fg: #3A334D;
+  --dropdown-item-hover-bg: #F4F1FB;
+  --dropdown-item-hover-fg: #3A334D;
+  --dropdown-item-active-bg: #F4F1FB;
+  --dropdown-item-active-fg: #3A334D;
+  --dropdown-item-active-ring: transparent;
+  --dropdown-item-focus-ring: #5B4BEA;
+  --dropdown-item-disabled-bg: transparent;
+  --dropdown-item-disabled-fg: #9CA3AF;
+  --dropdown-item-danger-default-fg: #DC2626;
+  --dropdown-item-danger-hover-bg: #FEF2F2;
+  --dropdown-item-danger-hover-fg: #DC2626;
+  --dropdown-item-danger-active-bg: #FEF2F2;
+  --dropdown-item-danger-active-fg: #DC2626;
+  --dropdown-item-danger-active-ring: transparent;
+  --dropdown-group-label-fg: #746F86;
+  --dropdown-separator-bg: #EEE8FA;
+  --dropdown-separator-fg: #746F86;
+  --form-field-label-fg: #413957;
+  --form-field-description-fg: #746F86;
+  --form-field-helper-text-default-fg: #746F86;
+  --form-field-helper-text-error-fg: #DC2626;
+  --form-field-helper-text-success-fg: #008F6A;
+  --form-field-helper-text-warning-fg: #C05621;
+  --form-field-helper-text-info-fg: #0EA5E9;
+  --form-field-required-mark-fg: #DC2626;
+  --form-field-disabled-label-fg: #9CA3AF;
+  --form-field-disabled-description-fg: #9CA3AF;
+  --form-field-disabled-helper-text-fg: #9CA3AF;
+  --input-default-bg: transparent;
+  --input-default-fg: #3A334D;
+  --input-default-border: #E8E2F3;
+  --input-default-placeholder: #746F86;
+  --input-hover-bg: #EEF0FF;
+  --input-hover-fg: #3A334D;
+  --input-hover-border: #5B4BEA;
+  --input-hover-placeholder: #746F86;
+  --input-focus-bg: transparent;
+  --input-focus-fg: #3A334D;
+  --input-focus-border: #5B4BEA;
+  --input-focus-ring: #5B4BEA;
+  --input-focus-placeholder: #746F86;
+  --input-disabled-bg: #F4F1FB;
+  --input-disabled-fg: #9CA3AF;
+  --input-disabled-border: #E8E2F3;
+  --input-disabled-placeholder: #9CA3AF;
+  --input-error-border: #DC2626;
+  --input-error-ring: #DC2626;
+  --input-success-border: #008F6A;
+  --input-success-ring: #008F6A;
+  --menu-item-default-bg: transparent;
+  --menu-item-default-fg: #3A334D;
+  --menu-item-hover-bg: #F4F1FB;
+  --menu-item-hover-fg: #3A334D;
+  --menu-item-active-bg: #EEE8FA;
+  --menu-item-active-fg: #3A334D;
+  --menu-item-focus-ring: transparent;
+  --menu-item-disabled-bg: #F4F1FB;
+  --menu-item-disabled-fg: #9CA3AF;
+  --menu-item-danger-default-fg: #DC2626;
+  --menu-item-danger-hover-bg: #FEF2F2;
+  --menu-item-danger-hover-fg: #DC2626;
+  --menu-item-danger-active-bg: #FFF1F2;
+  --menu-item-danger-active-fg: #DC2626;
+  --menu-trigger-default-fg: #5B4BEA;
+  --menu-trigger-hover-bg: #F4F1FB;
+  --menu-trigger-hover-fg: #4338CA;
+  --menu-trigger-hover-ring: transparent;
+  --menu-group-label-fg: #746F86;
+  --modal-overlay-bg: rgba(0, 0, 0, 0.72);
+  --modal-content-bg: #FFFFFF;
+  --modal-content-fg: #3A334D;
+  --modal-content-border: #E8E2F3;
+  --modal-title-fg: #3A334D;
+  --modal-description-fg: #413957;
+  --modal-close-button-default-bg: transparent;
+  --modal-close-button-default-fg: #746F86;
+  --modal-close-button-hover-bg: #F4F1FB;
+  --modal-close-button-hover-fg: #3A334D;
+  --modal-close-button-disabled-bg: transparent;
+  --modal-close-button-disabled-fg: #9CA3AF;
+  --radio-default-bg: #FDFCFF;
+  --radio-default-fg: #3A334D;
+  --radio-default-border: #E8E2F3;
+  --radio-hover-bg: #EEF0FF;
+  --radio-hover-fg: #4338CA;
+  --radio-hover-border: #5B4BEA;
+  --radio-checked-default-bg: #5B4BEA;
+  --radio-checked-default-fg: #5B4BEA;
+  --radio-checked-default-border: #5B4BEA;
+  --radio-checked-hover-bg: #4936D9;
+  --radio-checked-hover-fg: #5B4BEA;
+  --radio-checked-hover-border: #4936D9;
+  --radio-checked-pressed-bg: #3B2BBF;
+  --radio-checked-pressed-fg: #FFFFFF;
+  --radio-checked-pressed-border: #3B2BBF;
+  --radio-focus-ring: #5B4BEA;
+  --radio-disabled-bg: #F4F1FB;
+  --radio-disabled-fg: #9CA3AF;
+  --radio-disabled-border: #E8E2F3;
+  --select-trigger-default-bg: #FDFCFF;
+  --select-trigger-default-fg: #1A1A1A;
+  --select-trigger-default-border: #E8E2F3;
+  --select-trigger-hover-bg: #EEF0FF;
+  --select-trigger-hover-fg: #4338CA;
+  --select-trigger-hover-border: #5B4BEA;
+  --select-trigger-focus-bg: #FDFCFF;
+  --select-trigger-focus-fg: #3A334D;
+  --select-trigger-focus-border: #5B4BEA;
+  --select-trigger-focus-ring: #5B4BEA;
+  --select-trigger-disabled-bg: #F4F1FB;
+  --select-trigger-disabled-fg: #9CA3AF;
+  --select-trigger-disabled-border: #EEE8FA;
+  --select-trigger-placeholder-fg: #746F86;
+  --select-trigger-error-border: #DC2626;
+  --select-trigger-error-ring: #FEF2F2;
+  --select-dropdown-bg: #FFFFFF;
+  --select-dropdown-fg: #3A334D;
+  --select-dropdown-border: #EEE8FA;
+  --select-option-default-bg: transparent;
+  --select-option-default-fg: #3A334D;
+  --select-option-default-border: #EEE8FA;
+  --select-option-hover-bg: #D1D5DB;
+  --select-option-hover-fg: #3A334D;
+  --select-option-active-bg: #E5E7EB;
+  --select-option-active-fg: #3A334D;
+  --select-option-active-ring: transparent;
+  --select-option-selected-bg: #5B4BEA;
+  --select-option-selected-fg: #FFFFFF;
+  --select-option-disabled-bg: transparent;
+  --select-option-disabled-fg: #9CA3AF;
+  --select-option-disabled-border: #EEE8FA;
+  --tabs-list-border: #E8E2F3;
+  --tabs-trigger-default-bg: transparent;
+  --tabs-trigger-default-fg: #3A334D;
+  --tabs-trigger-default-border: transparent;
+  --tabs-trigger-hover-bg: transparent;
+  --tabs-trigger-hover-fg: #F4F1FB;
+  --tabs-trigger-hover-border: #F4F1FB;
+  --tabs-trigger-active-bg: transparent;
+  --tabs-trigger-active-fg: #5B4BEA;
+  --tabs-trigger-active-border: #5B4BEA;
+  --tabs-trigger-focus-ring: #F4F1FB;
+  --tabs-trigger-disabled-bg: transparent;
+  --tabs-trigger-disabled-fg: #9CA3AF;
+  --tabs-trigger-disabled-border: transparent;
+  --tabs-pills-default-bg: transparent;
+  --tabs-pills-default-fg: #3A334D;
+  --tabs-pills-default-border: transparent;
+  --tabs-pills-hover-bg: #EEE8FA;
+  --tabs-pills-hover-fg: #3A334D;
+  --tabs-pills-hover-border: transparent;
+  --tabs-pills-active-bg: #5B4BEA;
+  --tabs-pills-active-fg: #FFFFFF;
+  --tabs-pills-active-border: #7C6CF2;
+  --tabs-pills-disabled-bg: transparent;
+  --tabs-pills-disabled-fg: #9CA3AF;
+  --tabs-pills-disabled-border: transparent;
+  --tabs-indicator-default-bg: #5B4BEA;
+  --tabs-indicator-hover-bg: #5B4BEA;
+  --tabs-indicator-active-bg: #5B4BEA;
+  --tabs-panel-fg: #3A334D;
+  --tooltip-content-bg: #1B1726;
+  --tooltip-content-fg: #FFFFFF;
+  --tooltip-content-border: #E8E2F3;
+  --tooltip-arrow-bg: #1B1726;
+}
+
+[data-theme='dark'],
+[data-vellira-theme='dark'] {
+  --color-primary-50: #EEF0FF;
+  --color-primary-100: #DDD6FE;
+  --color-primary-200: #C4B5FD;
+  --color-primary-300: #A78BFA;
+  --color-primary-400: #8B7CF6;
+  --color-primary-500: #7C6CF2;
+  --color-primary-600: #6D5BD0;
+  --color-primary-700: #5B4BEA;
+  --color-primary-800: #4936D9;
+  --color-primary-900: #4338CA;
+  --color-primary-950: #3B2BBF;
+  --color-secondary-50: #F0F1FF;
+  --color-secondary-100: #D8DAFF;
+  --color-secondary-200: #B8BBF2;
+  --color-secondary-300: #9EA2EA;
+  --color-secondary-400: #7B80D8;
+  --color-secondary-500: #4C4F8F;
+  --color-secondary-600: #5F64B8;
+  --color-secondary-700: #555AA8;
+  --color-secondary-800: #494F95;
+  --color-secondary-900: #42477C;
+  --color-secondary-950: #373B68;
+  --color-vellira-25: #FDFCFF;
+  --color-vellira-50: #FAF8FF;
+  --color-vellira-100: #F4F1FB;
+  --color-vellira-150: #EEE8FA;
+  --color-vellira-200: #E8E2F3;
+  --color-vellira-250: #D8D3E8;
+  --color-vellira-300: #A8A1BA;
+  --color-vellira-400: #746F86;
+  --color-vellira-500: #413957;
+  --color-vellira-600: #3A334D;
+  --color-vellira-700: #312C44;
+  --color-vellira-800: #29253A;
+  --color-vellira-900: #211E2E;
+  --color-vellira-950: #1B1726;
+  --color-info-50: #F0F9FF;
+  --color-info-100: #EFF6FF;
+  --color-info-200: #DBEAFE;
+  --color-info-300: #93C5FD;
+  --color-info-400: #4DA3FF;
+  --color-info-500: #7BBCFF;
+  --color-info-600: #3399FF;
+  --color-info-700: #0EA5E9;
+  --color-info-800: #0284C7;
+  --color-info-900: #002B55;
+  --color-info-950: #102A43;
+  --color-success-50: #ECFDF5;
+  --color-success-100: #D1FAE5;
+  --color-success-200: #A7F3D0;
+  --color-success-300: #9AFFB8;
+  --color-success-400: #4ADE80;
+  --color-success-500: #00B956;
+  --color-success-600: #22C55E;
+  --color-success-700: #008F6A;
+  --color-success-800: #00785A;
+  --color-success-900: #166534;
+  --color-success-950: #0F2F26;
+  --color-error-50: #FEF2F2;
+  --color-error-100: #FFF1F2;
+  --color-error-200: #FDA4AF;
+  --color-error-300: #FF8A8A;
+  --color-error-400: #FB7185;
+  --color-error-500: #F43F5E;
+  --color-error-600: #E11D48;
+  --color-error-700: #DC2626;
+  --color-error-800: #B91C1C;
+  --color-error-900: #9F1239;
+  --color-error-950: #4C0519;
+  --color-warning-50: #FFF7ED;
+  --color-warning-100: #FFFBEB;
+  --color-warning-200: #FEF3C7;
+  --color-warning-300: #FCD34D;
+  --color-warning-400: #FFFF99;
+  --color-warning-500: #FFFF00;
+  --color-warning-600: #FFEA00;
+  --color-warning-700: #C05621;
+  --color-warning-800: #A74308;
+  --color-warning-900: #92400E;
+  --color-warning-950: #3A2412;
+  --color-gray-50: #F9FAFB;
+  --color-gray-100: #F3F4F6;
+  --color-gray-200: #E5E7EB;
+  --color-gray-300: #D1D5DB;
+  --color-gray-400: #9CA3AF;
+  --color-gray-500: #6B7280;
+  --color-gray-600: #4B5563;
+  --color-gray-700: #374151;
+  --color-gray-800: #1F2937;
+  --color-gray-900: #111827;
+  --color-gray-950: #0B1120;
+  --color-gray-blue-50: #F7FBFF;
+  --color-gray-blue-100: #EDF5FF;
+  --color-gray-blue-200: #D8E4F2;
+  --color-gray-blue-300: #C4D0DD;
+  --color-gray-blue-400: #98A8BD;
+  --color-gray-blue-500: #6B7F99;
+  --color-gray-blue-600: #4B5F7A;
+  --color-gray-blue-700: #33435F;
+  --color-gray-blue-800: #1E2A44;
+  --color-gray-blue-900: #111C2E;
+  --color-gray-blue-950: #0B1120;
+  --color-mono-50: #FFFFFF;
+  --color-mono-100: #F9FAFB;
+  --color-mono-200: #F3F4F6;
+  --color-mono-300: #E5E7EB;
+  --color-mono-400: #D1D5DB;
+  --color-mono-500: #9CA3AF;
+  --color-mono-600: #737373;
+  --color-mono-700: #4B5563;
+  --color-mono-800: #1A1A1A;
+  --color-mono-900: #0F0F0F;
+  --color-mono-950: #000000;
+  --action-primary-default-bg: #6D5BD0;
+  --action-primary-default-fg: #FFFFFF;
+  --action-primary-default-border: #6D5BD0;
+  --action-primary-hover-bg: #5B4BEA;
+  --action-primary-hover-fg: #FFFFFF;
+  --action-primary-hover-border: #5B4BEA;
+  --action-primary-active-bg: #4936D9;
+  --action-primary-active-fg: #FFFFFF;
+  --action-primary-active-border: #4936D9;
+  --action-primary-muted-bg: #7C6CF2;
+  --action-primary-muted-fg: #FFFFFF;
+  --action-primary-muted-border: #7C6CF2;
+  --action-primary-subtle-bg: #6D5BD0;
+  --action-primary-subtle-fg: #A78BFA;
+  --action-primary-subtle-border: #A78BFA;
+  --action-secondary-default-bg: #5F64B8;
+  --action-secondary-default-fg: #FFFFFF;
+  --action-secondary-default-border: #5F64B8;
+  --action-secondary-hover-bg: #555AA8;
+  --action-secondary-hover-fg: #FFFFFF;
+  --action-secondary-hover-border: #555AA8;
+  --action-secondary-active-bg: #494F95;
+  --action-secondary-active-fg: #FFFFFF;
+  --action-secondary-active-border: #494F95;
+  --action-danger-default-bg: #E11D48;
+  --action-danger-default-fg: #FFFFFF;
+  --action-danger-default-border: #E11D48;
+  --action-danger-hover-bg: #DC2626;
+  --action-danger-hover-fg: #FFFFFF;
+  --action-danger-hover-border: #DC2626;
+  --action-danger-active-bg: #B91C1C;
+  --action-danger-active-fg: #FFFFFF;
+  --action-danger-active-border: #B91C1C;
+  --action-danger-subtle-bg: #4C0519;
+  --action-danger-subtle-fg: #FF8A8A;
+  --action-danger-muted-bg: #9F1239;
+  --action-danger-muted-fg: #FDA4AF;
+  --border-default: #3A334D;
+  --border-muted: #29253A;
+  --border-strong: #413957;
+  --border-subtle: #746F86;
+  --border-elevated: #E8E2F3;
+  --border-focus: #A78BFA;
+  --control-hover-bg: #29253A;
+  --control-hover-fg: #A78BFA;
+  --control-hover-border: #A78BFA;
+  --control-selected-default-bg: #6D5BD0;
+  --control-selected-default-fg: #FFFFFF;
+  --control-selected-default-border: #6D5BD0;
+  --control-selected-hover-bg: #5B4BEA;
+  --control-selected-hover-fg: #FFFFFF;
+  --control-selected-hover-border: #5B4BEA;
+  --control-selected-active-bg: #4936D9;
+  --control-selected-active-fg: #FFFFFF;
+  --control-selected-active-border: #4936D9;
+  --control-selected-muted-bg: #5B4BEA;
+  --control-selected-muted-fg: #FFFFFF;
+  --control-selected-muted-border: #7C6CF2;
+  --divider-default: #1F2937;
+  --divider-muted: #111827;
+  --divider-strong: #374151;
+  --focus-ring: #A78BFA;
+  --focus-ring-offset: #000000;
+  --navigation-hover-bg: #413957;
+  --navigation-hover-fg: #F4F1FB;
+  --navigation-active-bg: #413957;
+  --navigation-active-fg: #F4F1FB;
+  --navigation-brand-hover-bg: #29253A;
+  --navigation-brand-hover-fg: #C4B5FD;
+  --navigation-tab-hover-fg: #C4B5FD;
+  --navigation-tab-focus-ring: #FFFF00;
+  --navigation-option-hover-bg: #413957;
+  --navigation-option-hover-fg: #F4F1FB;
+  --navigation-option-active-bg: #413957;
+  --navigation-option-active-fg: #F4F1FB;
+  --navigation-border: #312C44;
+  --navigation-trigger-hover-bg: #29253A;
+  --navigation-trigger-hover-fg: #FAF8FF;
+  --skeleton-base: #1F2937;
+  --skeleton-highlight: #374151;
+  --status-success-fg: #4ADE80;
+  --status-success-bg: rgba(74, 222, 128, 0.14);
+  --status-success-border: #9AFFB8;
+  --status-success-strong: #22C55E;
+  --status-error-fg: #FB7185;
+  --status-error-bg: rgba(251, 113, 133, 0.16);
+  --status-error-border: #FF8A8A;
+  --status-error-strong: #E11D48;
+  --status-warning-fg: #FFFF99;
+  --status-warning-bg: rgba(251, 191, 36, 0.14);
+  --status-warning-border: #FCD34D;
+  --status-warning-strong: #FFEA00;
+  --status-info-fg: #4DA3FF;
+  --status-info-bg: rgba(96, 165, 250, 0.14);
+  --status-info-border: #93C5FD;
+  --status-info-strong: #3399FF;
+  --surface-default: #1B1726;
+  --surface-muted: #211E2E;
+  --surface-subtle: #29253A;
+  --surface-elevated: #312C44;
+  --surface-hover: #29253A;
+  --surface-active: #413957;
+  --surface-inverse: #FFFFFF;
+  --text-primary: #F4F1FB;
+  --text-secondary: #A8A1BA;
+  --text-muted: #413957;
+  --text-disabled: #413957;
+  --text-subtle: #FFFFFF;
+  --text-hover: #8B7CF6;
+  --text-inverse: #FFFFFF;
+  --text-on-inverse: #000000;
+  --text-brand: #A78BFA;
+  --button-primary-default-bg: #6D5BD0;
+  --button-primary-default-fg: #FFFFFF;
+  --button-primary-default-border: #6D5BD0;
+  --button-primary-hover-bg: #5B4BEA;
+  --button-primary-hover-fg: #FFFFFF;
+  --button-primary-hover-border: #5B4BEA;
+  --button-primary-pressed-bg: #4936D9;
+  --button-primary-pressed-fg: #FFFFFF;
+  --button-primary-pressed-border: #4936D9;
+  --button-secondary-default-bg: #5F64B8;
+  --button-secondary-default-fg: #FFFFFF;
+  --button-secondary-default-border: #5F64B8;
+  --button-secondary-hover-bg: #555AA8;
+  --button-secondary-hover-fg: #FFFFFF;
+  --button-secondary-hover-border: #555AA8;
+  --button-secondary-pressed-bg: #494F95;
+  --button-secondary-pressed-fg: #FFFFFF;
+  --button-secondary-pressed-border: #494F95;
+  --button-danger-default-bg: #E11D48;
+  --button-danger-default-fg: #FFFFFF;
+  --button-danger-default-border: #E11D48;
+  --button-danger-hover-bg: #DC2626;
+  --button-danger-hover-fg: #FFFFFF;
+  --button-danger-hover-border: #DC2626;
+  --button-danger-pressed-bg: #B91C1C;
+  --button-danger-pressed-fg: #FFFFFF;
+  --button-danger-pressed-border: #B91C1C;
+  --button-disabled-bg: #29253A;
+  --button-disabled-fg: #413957;
+  --button-disabled-border: #3A334D;
+  --checkbox-default-bg: #1B1726;
+  --checkbox-default-fg: #FFFFFF;
+  --checkbox-default-border: #746F86;
+  --checkbox-hover-bg: #29253A;
+  --checkbox-hover-fg: #FFFFFF;
+  --checkbox-hover-border: #A78BFA;
+  --checkbox-checked-default-bg: #6D5BD0;
+  --checkbox-checked-default-fg: #FFFFFF;
+  --checkbox-checked-default-border: #6D5BD0;
+  --checkbox-checked-hover-bg: #5B4BEA;
+  --checkbox-checked-hover-fg: #FFFFFF;
+  --checkbox-checked-hover-border: #5B4BEA;
+  --checkbox-checked-pressed-bg: #4936D9;
+  --checkbox-checked-pressed-fg: #FFFFFF;
+  --checkbox-checked-pressed-border: #4936D9;
+  --checkbox-focus-ring: #A78BFA;
+  --checkbox-disabled-bg: #29253A;
+  --checkbox-disabled-fg: #413957;
+  --checkbox-disabled-border: #3A334D;
+  --checkbox-error-border: #FB7185;
+  --checkbox-error-fg: #FB7185;
+  --dropdown-trigger-default-bg: transparent;
+  --dropdown-trigger-default-fg: #A78BFA;
+  --dropdown-trigger-default-border: transparent;
+  --dropdown-trigger-hover-bg: #29253A;
+  --dropdown-trigger-hover-fg: #C4B5FD;
+  --dropdown-trigger-hover-border: transparent;
+  --dropdown-trigger-hover-ring: transparent;
+  --dropdown-trigger-focus-bg: transparent;
+  --dropdown-trigger-focus-fg: #A78BFA;
+  --dropdown-trigger-focus-border: #A78BFA;
+  --dropdown-trigger-focus-ring: #A78BFA;
+  --dropdown-trigger-disabled-bg: #29253A;
+  --dropdown-trigger-disabled-fg: #413957;
+  --dropdown-trigger-disabled-border: #3A334D;
+  --dropdown-content-bg: #312C44;
+  --dropdown-content-fg: #F4F1FB;
+  --dropdown-content-border: #3A334D;
+  --dropdown-item-default-bg: transparent;
+  --dropdown-item-default-fg: #F4F1FB;
+  --dropdown-item-hover-bg: #413957;
+  --dropdown-item-hover-fg: #F4F1FB;
+  --dropdown-item-active-bg: #413957;
+  --dropdown-item-active-fg: #F4F1FB;
+  --dropdown-item-active-ring: transparent;
+  --dropdown-item-focus-ring: #A78BFA;
+  --dropdown-item-disabled-bg: transparent;
+  --dropdown-item-disabled-fg: #413957;
+  --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: #FF8A8A;
+  --dropdown-item-danger-active-fg: #FB7185;
+  --dropdown-item-danger-active-ring: transparent;
+  --dropdown-group-label-fg: #A8A1BA;
+  --dropdown-separator-bg: #29253A;
+  --dropdown-separator-fg: #413957;
+  --form-field-label-fg: #F4F1FB;
+  --form-field-description-fg: #A8A1BA;
+  --form-field-helper-text-default-fg: #A8A1BA;
+  --form-field-helper-text-error-fg: #FB7185;
+  --form-field-helper-text-success-fg: #4ADE80;
+  --form-field-helper-text-warning-fg: #FFFF99;
+  --form-field-helper-text-info-fg: #4DA3FF;
+  --form-field-required-mark-fg: #FB7185;
+  --form-field-disabled-label-fg: #413957;
+  --form-field-disabled-description-fg: #413957;
+  --form-field-disabled-helper-text-fg: #413957;
+  --input-default-bg: transparent;
+  --input-default-fg: #F4F1FB;
+  --input-default-border: #E8E2F3;
+  --input-default-placeholder: #A8A1BA;
+  --input-hover-bg: #29253A;
+  --input-hover-fg: #F4F1FB;
+  --input-hover-border: #A78BFA;
+  --input-hover-placeholder: #413957;
+  --input-focus-bg: transparent;
+  --input-focus-fg: #F4F1FB;
+  --input-focus-border: #A78BFA;
+  --input-focus-ring: #A78BFA;
+  --input-focus-placeholder: #413957;
+  --input-disabled-bg: #29253A;
+  --input-disabled-fg: #413957;
+  --input-disabled-border: #3A334D;
+  --input-disabled-placeholder: #413957;
+  --input-error-border: #FF8A8A;
+  --input-error-ring: #FB7185;
+  --input-success-border: #22C55E;
+  --input-success-ring: #4ADE80;
+  --menu-item-default-bg: transparent;
+  --menu-item-default-fg: #F4F1FB;
+  --menu-item-hover-bg: #413957;
+  --menu-item-hover-fg: #F4F1FB;
+  --menu-item-active-bg: #413957;
+  --menu-item-active-fg: #F4F1FB;
+  --menu-item-focus-ring: transparent;
+  --menu-item-disabled-bg: #29253A;
+  --menu-item-disabled-fg: #413957;
+  --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: #FF8A8A;
+  --menu-item-danger-active-fg: #FB7185;
+  --menu-trigger-default-fg: #A78BFA;
+  --menu-trigger-hover-bg: #29253A;
+  --menu-trigger-hover-fg: #FAF8FF;
+  --menu-trigger-hover-ring: transparent;
+  --menu-group-label-fg: #413957;
+  --modal-overlay-bg: rgba(0, 0, 0, 0.72);
+  --modal-content-bg: #312C44;
+  --modal-content-fg: #F4F1FB;
+  --modal-content-border: #3A334D;
+  --modal-title-fg: #F4F1FB;
+  --modal-description-fg: #413957;
+  --modal-close-button-default-bg: transparent;
+  --modal-close-button-default-fg: #A8A1BA;
+  --modal-close-button-hover-bg: #29253A;
+  --modal-close-button-hover-fg: #F4F1FB;
+  --modal-close-button-disabled-bg: transparent;
+  --modal-close-button-disabled-fg: #413957;
+  --radio-default-bg: #1B1726;
+  --radio-default-fg: #F4F1FB;
+  --radio-default-border: #746F86;
+  --radio-hover-bg: #29253A;
+  --radio-hover-fg: #A78BFA;
+  --radio-hover-border: #A78BFA;
+  --radio-checked-default-bg: #6D5BD0;
+  --radio-checked-default-fg: #A78BFA;
+  --radio-checked-default-border: #6D5BD0;
+  --radio-checked-hover-bg: #5B4BEA;
+  --radio-checked-hover-fg: #A78BFA;
+  --radio-checked-hover-border: #5B4BEA;
+  --radio-checked-pressed-bg: #4936D9;
+  --radio-checked-pressed-fg: #FFFFFF;
+  --radio-checked-pressed-border: #4936D9;
+  --radio-focus-ring: #A78BFA;
+  --radio-disabled-bg: #29253A;
+  --radio-disabled-fg: #413957;
+  --radio-disabled-border: #3A334D;
+  --select-trigger-default-bg: #1B1726;
+  --select-trigger-default-fg: #FFFFFF;
+  --select-trigger-default-border: #746F86;
+  --select-trigger-hover-bg: #29253A;
+  --select-trigger-hover-fg: #A78BFA;
+  --select-trigger-hover-border: #A78BFA;
+  --select-trigger-focus-bg: #1B1726;
+  --select-trigger-focus-fg: #F4F1FB;
+  --select-trigger-focus-border: #A78BFA;
+  --select-trigger-focus-ring: #A78BFA;
+  --select-trigger-disabled-bg: #29253A;
+  --select-trigger-disabled-fg: #413957;
+  --select-trigger-disabled-border: #3A334D;
+  --select-trigger-placeholder-fg: #A8A1BA;
+  --select-trigger-error-border: #FB7185;
+  --select-trigger-error-ring: rgba(251, 113, 133, 0.16);
+  --select-dropdown-bg: #312C44;
+  --select-dropdown-fg: #F4F1FB;
+  --select-dropdown-border: #3A334D;
+  --select-option-default-bg: transparent;
+  --select-option-default-fg: #F4F1FB;
+  --select-option-default-border: #3A334D;
+  --select-option-hover-bg: #413957;
+  --select-option-hover-fg: #F4F1FB;
+  --select-option-active-bg: #413957;
+  --select-option-active-fg: #F4F1FB;
+  --select-option-active-ring: transparent;
+  --select-option-selected-bg: #5B4BEA;
+  --select-option-selected-fg: #FFFFFF;
+  --select-option-disabled-bg: transparent;
+  --select-option-disabled-fg: #413957;
+  --select-option-disabled-border: #3A334D;
+  --tabs-list-border: #3A334D;
+  --tabs-trigger-default-bg: transparent;
+  --tabs-trigger-default-fg: #F4F1FB;
+  --tabs-trigger-default-border: transparent;
+  --tabs-trigger-hover-bg: transparent;
+  --tabs-trigger-hover-fg: #413957;
+  --tabs-trigger-hover-border: #413957;
+  --tabs-trigger-active-bg: transparent;
+  --tabs-trigger-active-fg: #A78BFA;
+  --tabs-trigger-active-border: #6D5BD0;
+  --tabs-trigger-focus-ring: #413957;
+  --tabs-trigger-disabled-bg: transparent;
+  --tabs-trigger-disabled-fg: #413957;
+  --tabs-trigger-disabled-border: transparent;
+  --tabs-pills-default-bg: transparent;
+  --tabs-pills-default-fg: #F4F1FB;
+  --tabs-pills-default-border: transparent;
+  --tabs-pills-hover-bg: #29253A;
+  --tabs-pills-hover-fg: #F4F1FB;
+  --tabs-pills-hover-border: transparent;
+  --tabs-pills-active-bg: #5B4BEA;
+  --tabs-pills-active-fg: #FFFFFF;
+  --tabs-pills-active-border: #7C6CF2;
+  --tabs-pills-disabled-bg: transparent;
+  --tabs-pills-disabled-fg: #413957;
+  --tabs-pills-disabled-border: transparent;
+  --tabs-indicator-default-bg: #A78BFA;
+  --tabs-indicator-hover-bg: #5B4BEA;
+  --tabs-indicator-active-bg: #A78BFA;
+  --tabs-panel-fg: #F4F1FB;
+  --tooltip-content-bg: #FFFFFF;
+  --tooltip-content-fg: #000000;
+  --tooltip-content-border: #3A334D;
+  --tooltip-arrow-bg: #FFFFFF;
+}
+
+[data-theme='high-contrast'],
+[data-vellira-theme='high-contrast'] {
+  --color-primary-50: #EEF0FF;
+  --color-primary-100: #DDD6FE;
+  --color-primary-200: #C4B5FD;
+  --color-primary-300: #A78BFA;
+  --color-primary-400: #8B7CF6;
+  --color-primary-500: #7C6CF2;
+  --color-primary-600: #6D5BD0;
+  --color-primary-700: #5B4BEA;
+  --color-primary-800: #4936D9;
+  --color-primary-900: #4338CA;
+  --color-primary-950: #3B2BBF;
+  --color-secondary-50: #F0F1FF;
+  --color-secondary-100: #D8DAFF;
+  --color-secondary-200: #B8BBF2;
+  --color-secondary-300: #9EA2EA;
+  --color-secondary-400: #7B80D8;
+  --color-secondary-500: #4C4F8F;
+  --color-secondary-600: #5F64B8;
+  --color-secondary-700: #555AA8;
+  --color-secondary-800: #494F95;
+  --color-secondary-900: #42477C;
+  --color-secondary-950: #373B68;
+  --color-vellira-25: #FDFCFF;
+  --color-vellira-50: #FAF8FF;
+  --color-vellira-100: #F4F1FB;
+  --color-vellira-150: #EEE8FA;
+  --color-vellira-200: #E8E2F3;
+  --color-vellira-250: #D8D3E8;
+  --color-vellira-300: #A8A1BA;
+  --color-vellira-400: #746F86;
+  --color-vellira-500: #413957;
+  --color-vellira-600: #3A334D;
+  --color-vellira-700: #312C44;
+  --color-vellira-800: #29253A;
+  --color-vellira-900: #211E2E;
+  --color-vellira-950: #1B1726;
+  --color-info-50: #F0F9FF;
+  --color-info-100: #EFF6FF;
+  --color-info-200: #DBEAFE;
+  --color-info-300: #93C5FD;
+  --color-info-400: #4DA3FF;
+  --color-info-500: #7BBCFF;
+  --color-info-600: #3399FF;
+  --color-info-700: #0EA5E9;
+  --color-info-800: #0284C7;
+  --color-info-900: #002B55;
+  --color-info-950: #102A43;
+  --color-success-50: #ECFDF5;
+  --color-success-100: #D1FAE5;
+  --color-success-200: #A7F3D0;
+  --color-success-300: #9AFFB8;
+  --color-success-400: #4ADE80;
+  --color-success-500: #00B956;
+  --color-success-600: #22C55E;
+  --color-success-700: #008F6A;
+  --color-success-800: #00785A;
+  --color-success-900: #166534;
+  --color-success-950: #0F2F26;
+  --color-error-50: #FEF2F2;
+  --color-error-100: #FFF1F2;
+  --color-error-200: #FDA4AF;
+  --color-error-300: #FF8A8A;
+  --color-error-400: #FB7185;
+  --color-error-500: #F43F5E;
+  --color-error-600: #E11D48;
+  --color-error-700: #DC2626;
+  --color-error-800: #B91C1C;
+  --color-error-900: #9F1239;
+  --color-error-950: #4C0519;
+  --color-warning-50: #FFF7ED;
+  --color-warning-100: #FFFBEB;
+  --color-warning-200: #FEF3C7;
+  --color-warning-300: #FCD34D;
+  --color-warning-400: #FFFF99;
+  --color-warning-500: #FFFF00;
+  --color-warning-600: #FFEA00;
+  --color-warning-700: #C05621;
+  --color-warning-800: #A74308;
+  --color-warning-900: #92400E;
+  --color-warning-950: #3A2412;
+  --color-gray-50: #F9FAFB;
+  --color-gray-100: #F3F4F6;
+  --color-gray-200: #E5E7EB;
+  --color-gray-300: #D1D5DB;
+  --color-gray-400: #9CA3AF;
+  --color-gray-500: #6B7280;
+  --color-gray-600: #4B5563;
+  --color-gray-700: #374151;
+  --color-gray-800: #1F2937;
+  --color-gray-900: #111827;
+  --color-gray-950: #0B1120;
+  --color-gray-blue-50: #F7FBFF;
+  --color-gray-blue-100: #EDF5FF;
+  --color-gray-blue-200: #D8E4F2;
+  --color-gray-blue-300: #C4D0DD;
+  --color-gray-blue-400: #98A8BD;
+  --color-gray-blue-500: #6B7F99;
+  --color-gray-blue-600: #4B5F7A;
+  --color-gray-blue-700: #33435F;
+  --color-gray-blue-800: #1E2A44;
+  --color-gray-blue-900: #111C2E;
+  --color-gray-blue-950: #0B1120;
+  --color-mono-50: #FFFFFF;
+  --color-mono-100: #F9FAFB;
+  --color-mono-200: #F3F4F6;
+  --color-mono-300: #E5E7EB;
+  --color-mono-400: #D1D5DB;
+  --color-mono-500: #9CA3AF;
+  --color-mono-600: #737373;
+  --color-mono-700: #4B5563;
+  --color-mono-800: #1A1A1A;
+  --color-mono-900: #0F0F0F;
+  --color-mono-950: #000000;
+  --action-primary-default-bg: #7C6CF2;
+  --action-primary-default-fg: #FFFFFF;
+  --action-primary-default-border: #7C6CF2;
+  --action-primary-hover-bg: #6D5BD0;
+  --action-primary-hover-fg: #FFFFFF;
+  --action-primary-hover-border: #6D5BD0;
+  --action-primary-active-bg: #6D5BD0;
+  --action-primary-active-fg: #FFFFFF;
+  --action-primary-active-border: #6D5BD0;
+  --action-primary-muted-bg: #6D5BD0;
+  --action-primary-muted-fg: #FFFFFF;
+  --action-primary-muted-border: #6D5BD0;
+  --action-primary-subtle-bg: #111827;
+  --action-primary-subtle-fg: #000000;
+  --action-primary-subtle-border: #7C6CF2;
+  --action-secondary-default-bg: #FFFFFF;
+  --action-secondary-default-fg: #000000;
+  --action-secondary-default-border: #FFFFFF;
+  --action-secondary-hover-bg: #E5E7EB;
+  --action-secondary-hover-fg: #000000;
+  --action-secondary-hover-border: #E5E7EB;
+  --action-secondary-active-bg: #9CA3AF;
+  --action-secondary-active-fg: #000000;
+  --action-secondary-active-border: #9CA3AF;
+  --action-danger-default-bg: #FB7185;
+  --action-danger-default-fg: #000000;
+  --action-danger-default-border: #FB7185;
+  --action-danger-hover-bg: #FF8A8A;
+  --action-danger-hover-fg: #000000;
+  --action-danger-hover-border: #FF8A8A;
+  --action-danger-active-bg: #B91C1C;
+  --action-danger-active-fg: #000000;
+  --action-danger-active-border: #B91C1C;
+  --action-danger-subtle-bg: #111827;
+  --action-danger-subtle-fg: #FF8A8A;
+  --action-danger-muted-bg: #4C0519;
+  --action-danger-muted-fg: #FF8A8A;
+  --border-default: #FFFFFF;
+  --border-muted: #4B5563;
+  --border-subtle: #374151;
+  --border-elevated: #D1D5DB;
+  --border-strong: #F9FAFB;
+  --border-disabled: #374151;
+  --border-focus: #FFFF00;
+  --control-hover-bg: #111827;
+  --control-hover-fg: #000000;
+  --control-hover-border: #7C6CF2;
+  --control-radio-hover-bg: #111827;
+  --control-radio-hover-fg: #7C6CF2;
+  --control-radio-hover-border: #A78BFA;
+  --control-selected-default-bg: #7C6CF2;
+  --control-selected-default-fg: #FFFFFF;
+  --control-selected-default-border: #7C6CF2;
+  --control-selected-hover-bg: #7BBCFF;
+  --control-selected-hover-fg: #000000;
+  --control-selected-hover-border: #7BBCFF;
+  --control-selected-active-bg: #4936D9;
+  --control-selected-active-fg: #000000;
+  --control-selected-active-border: #4936D9;
+  --control-selected-muted-bg: #6D5BD0;
+  --control-selected-muted-fg: #FFFFFF;
+  --control-selected-muted-border: #6D5BD0;
+  --control-selected-radio-default-bg: #8B7CF6;
+  --control-selected-radio-default-fg: #6D5BD0;
+  --control-selected-radio-default-border: #7C6CF2;
+  --divider-default: #FFFFFF;
+  --divider-muted: #4B5563;
+  --divider-strong: #FFFFFF;
+  --focus-ring: #FFFF00;
+  --focus-ring-offset: #000000;
+  --navigation-hover-bg: #FFFF00;
+  --navigation-hover-fg: #000000;
+  --navigation-active-bg: #FFFF00;
+  --navigation-active-fg: #000000;
+  --navigation-brand-hover-bg: #FFFF00;
+  --navigation-brand-hover-fg: #000000;
+  --navigation-tab-hover-fg: #FFFF00;
+  --navigation-tab-focus-ring: #FFFF00;
+  --navigation-option-hover-bg: #1F2937;
+  --navigation-option-hover-fg: #FFFFFF;
+  --navigation-option-active-bg: #111827;
+  --navigation-option-active-fg: #FFFFFF;
+  --navigation-disabled-bg: #111827;
+  --navigation-disabled-fg: #4B5563;
+  --navigation-group-label-fg: #9CA3AF;
+  --navigation-item-hover-bg: #1F2937;
+  --navigation-item-hover-fg: #FFFFFF;
+  --navigation-item-active-bg: #1F2937;
+  --navigation-item-active-fg: #FFFFFF;
+  --navigation-border: #E5E7EB;
+  --skeleton-base: #111827;
+  --skeleton-highlight: #4DA3FF;
+  --status-success-fg: #9AFFB8;
+  --status-success-bg: #111827;
+  --status-success-border: #9AFFB8;
+  --status-success-strong: #9AFFB8;
+  --status-error-fg: #FF8A8A;
+  --status-error-bg: #111827;
+  --status-error-border: #FF8A8A;
+  --status-error-strong: #FF8A8A;
+  --status-warning-fg: #FFFF00;
+  --status-warning-bg: #111827;
+  --status-warning-border: #FFFF00;
+  --status-warning-strong: #FFFF00;
+  --status-info-fg: #4DA3FF;
+  --status-info-bg: #111827;
+  --status-info-border: #4DA3FF;
+  --status-info-strong: #4DA3FF;
+  --surface-default: #000000;
+  --surface-muted: #111827;
+  --surface-subtle: #1F2937;
+  --surface-elevated: #374151;
+  --surface-hover: #1F2937;
+  --surface-active: #111827;
+  --surface-inverse: #FFFFFF;
+  --text-primary: #FFFFFF;
+  --text-secondary: #EEE8FA;
+  --text-muted: #E5E7EB;
+  --text-disabled: #6B7280;
+  --text-subtle: #F3F4F6;
+  --text-inverse: #000000;
+  --text-on-inverse: #000000;
+  --text-brand: #A78BFA;
+  --button-primary-default-bg: #7C6CF2;
+  --button-primary-default-fg: #FFFFFF;
+  --button-primary-default-border: #7C6CF2;
+  --button-primary-hover-bg: #6D5BD0;
+  --button-primary-hover-fg: #FFFFFF;
+  --button-primary-hover-border: #6D5BD0;
+  --button-primary-pressed-bg: #6D5BD0;
+  --button-primary-pressed-fg: #FFFFFF;
+  --button-primary-pressed-border: #6D5BD0;
+  --button-secondary-default-bg: #FFFFFF;
+  --button-secondary-default-fg: #000000;
+  --button-secondary-default-border: #FFFFFF;
+  --button-secondary-hover-bg: #E5E7EB;
+  --button-secondary-hover-fg: #000000;
+  --button-secondary-hover-border: #E5E7EB;
+  --button-secondary-pressed-bg: #9CA3AF;
+  --button-secondary-pressed-fg: #000000;
+  --button-secondary-pressed-border: #9CA3AF;
+  --button-danger-default-bg: #FB7185;
+  --button-danger-default-fg: #000000;
+  --button-danger-default-border: #FB7185;
+  --button-danger-hover-bg: #FF8A8A;
+  --button-danger-hover-fg: #000000;
+  --button-danger-hover-border: #FF8A8A;
+  --button-danger-pressed-bg: #B91C1C;
+  --button-danger-pressed-fg: #000000;
+  --button-danger-pressed-border: #B91C1C;
+  --button-disabled-bg: #1F2937;
+  --button-disabled-fg: #6B7280;
+  --button-disabled-border: #4B5563;
+  --checkbox-default-bg: #000000;
+  --checkbox-default-fg: #FFFFFF;
+  --checkbox-default-border: #4B5563;
+  --checkbox-hover-bg: #111827;
+  --checkbox-hover-fg: #000000;
+  --checkbox-hover-border: #7C6CF2;
+  --checkbox-checked-default-bg: #7C6CF2;
+  --checkbox-checked-default-fg: #FFFFFF;
+  --checkbox-checked-default-border: #7C6CF2;
+  --checkbox-checked-hover-bg: #7BBCFF;
+  --checkbox-checked-hover-fg: #000000;
+  --checkbox-checked-hover-border: #7BBCFF;
+  --checkbox-checked-pressed-bg: #4936D9;
+  --checkbox-checked-pressed-fg: #000000;
+  --checkbox-checked-pressed-border: #4936D9;
+  --checkbox-focus-ring: #FFFF00;
+  --checkbox-disabled-bg: #1F2937;
+  --checkbox-disabled-fg: #6B7280;
+  --checkbox-disabled-border: #4B5563;
+  --checkbox-error-border: #FF8A8A;
+  --checkbox-error-fg: #FF8A8A;
+  --dropdown-trigger-default-bg: transparent;
+  --dropdown-trigger-default-fg: #FFFFFF;
+  --dropdown-trigger-default-border: transparent;
+  --dropdown-trigger-hover-bg: transparent;
+  --dropdown-trigger-hover-fg: #FFFFFF;
+  --dropdown-trigger-hover-border: #FFFF00;
+  --dropdown-trigger-hover-ring: #FFFF00;
+  --dropdown-trigger-focus-bg: transparent;
+  --dropdown-trigger-focus-fg: #FFFFFF;
+  --dropdown-trigger-focus-border: #FFFF00;
+  --dropdown-trigger-focus-ring: #FFFF00;
+  --dropdown-trigger-disabled-bg: #111827;
+  --dropdown-trigger-disabled-fg: #6B7280;
+  --dropdown-trigger-disabled-border: #4B5563;
+  --dropdown-content-bg: #374151;
+  --dropdown-content-fg: #FFFFFF;
+  --dropdown-content-border: #E5E7EB;
+  --dropdown-item-default-bg: transparent;
+  --dropdown-item-default-fg: #FFFFFF;
+  --dropdown-item-hover-bg: #1F2937;
+  --dropdown-item-hover-fg: #FFFFFF;
+  --dropdown-item-active-bg: #1F2937;
+  --dropdown-item-active-fg: #FFFFFF;
+  --dropdown-item-active-ring: #FFFF00;
+  --dropdown-item-focus-ring: #FFFF00;
+  --dropdown-item-disabled-bg: transparent;
+  --dropdown-item-disabled-fg: #6B7280;
+  --dropdown-item-danger-default-fg: #FF8A8A;
+  --dropdown-item-danger-hover-bg: #1F2937;
+  --dropdown-item-danger-hover-fg: #FF8A8A;
+  --dropdown-item-danger-active-bg: #1F2937;
+  --dropdown-item-danger-active-fg: #FF8A8A;
+  --dropdown-item-danger-active-ring: #FFFF00;
+  --dropdown-group-label-fg: #E5E7EB;
+  --dropdown-separator-bg: #4B5563;
+  --dropdown-separator-fg: #E5E7EB;
+  --form-field-label-fg: #EEE8FA;
+  --form-field-description-fg: #E5E7EB;
+  --form-field-helper-text-default-fg: #E5E7EB;
+  --form-field-helper-text-error-fg: #FF8A8A;
+  --form-field-helper-text-success-fg: #9AFFB8;
+  --form-field-helper-text-warning-fg: #FFFF00;
+  --form-field-helper-text-info-fg: #4DA3FF;
+  --form-field-required-mark-fg: #FF8A8A;
+  --form-field-disabled-label-fg: #6B7280;
+  --form-field-disabled-description-fg: #6B7280;
+  --form-field-disabled-helper-text-fg: #6B7280;
+  --input-default-bg: transparent;
+  --input-default-fg: #FFFFFF;
+  --input-default-border: #FFFFFF;
+  --input-default-placeholder: #E5E7EB;
+  --input-hover-bg: #FFFF00;
+  --input-hover-fg: #000000;
+  --input-hover-border: #FFFF00;
+  --input-hover-placeholder: #000000;
+  --input-focus-bg: transparent;
+  --input-focus-fg: #FFFFFF;
+  --input-focus-border: #FFFF00;
+  --input-focus-ring: #FFFF00;
+  --input-focus-placeholder: #E5E7EB;
+  --input-disabled-bg: #111827;
+  --input-disabled-fg: #6B7280;
+  --input-disabled-border: #4B5563;
+  --input-disabled-placeholder: #6B7280;
+  --input-error-border: #FF8A8A;
+  --input-error-ring: #FF8A8A;
+  --input-success-border: #9AFFB8;
+  --input-success-ring: #9AFFB8;
+  --menu-item-default-bg: transparent;
+  --menu-item-default-fg: #FFFFFF;
+  --menu-item-hover-bg: #1F2937;
+  --menu-item-hover-fg: #FFFFFF;
+  --menu-item-active-bg: #1F2937;
+  --menu-item-active-fg: #FFFFFF;
+  --menu-item-focus-ring: #FFFF00;
+  --menu-item-disabled-bg: #111827;
+  --menu-item-disabled-fg: #6B7280;
+  --menu-item-danger-default-fg: #FB7185;
+  --menu-item-danger-hover-bg: #111827;
+  --menu-item-danger-hover-fg: #FF8A8A;
+  --menu-item-danger-active-bg: #4C0519;
+  --menu-item-danger-active-fg: #FF8A8A;
+  --menu-trigger-default-fg: #FFFFFF;
+  --menu-trigger-hover-bg: #FFFF00;
+  --menu-trigger-hover-fg: #000000;
+  --menu-trigger-hover-ring: transparent;
+  --menu-group-label-fg: #E5E7EB;
+  --modal-overlay-bg: rgba(0, 0, 0, 0.72);
+  --modal-content-bg: #374151;
+  --modal-content-fg: #FFFFFF;
+  --modal-content-border: #FFFFFF;
+  --modal-title-fg: #FFFFFF;
+  --modal-description-fg: #E5E7EB;
+  --modal-close-button-default-bg: transparent;
+  --modal-close-button-default-fg: #EEE8FA;
+  --modal-close-button-hover-bg: #1F2937;
+  --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-border: #FFFFFF;
+  --radio-hover-bg: #111827;
+  --radio-hover-fg: #7C6CF2;
+  --radio-hover-border: #A78BFA;
+  --radio-checked-default-bg: #8B7CF6;
+  --radio-checked-default-fg: #6D5BD0;
+  --radio-checked-default-border: #7C6CF2;
+  --radio-checked-hover-bg: #7BBCFF;
+  --radio-checked-hover-fg: #FFFFFF;
+  --radio-checked-hover-border: #7BBCFF;
+  --radio-checked-pressed-bg: #4936D9;
+  --radio-checked-pressed-fg: #FFFFFF;
+  --radio-checked-pressed-border: #4936D9;
+  --radio-focus-ring: #FFFF00;
+  --radio-disabled-bg: #1F2937;
+  --radio-disabled-fg: #6B7280;
+  --radio-disabled-border: #FFFFFF;
+  --select-trigger-default-bg: #000000;
+  --select-trigger-default-fg: #FFFFFF;
+  --select-trigger-default-border: #FFFFFF;
+  --select-trigger-hover-bg: transparent;
+  --select-trigger-hover-fg: #FFFFFF;
+  --select-trigger-hover-border: #FFFF00;
+  --select-trigger-focus-bg: #000000;
+  --select-trigger-focus-fg: #FFFFFF;
+  --select-trigger-focus-border: #FFFF00;
+  --select-trigger-focus-ring: #FFFF00;
+  --select-trigger-disabled-bg: #1F2937;
+  --select-trigger-disabled-fg: #6B7280;
+  --select-trigger-disabled-border: #374151;
+  --select-trigger-placeholder-fg: #E5E7EB;
+  --select-trigger-error-border: #FF8A8A;
+  --select-trigger-error-ring: #111827;
+  --select-dropdown-bg: #374151;
+  --select-dropdown-fg: #FFFFFF;
+  --select-dropdown-border: #FFFF00;
+  --select-option-default-bg: transparent;
+  --select-option-default-fg: #FFFFFF;
+  --select-option-default-border: #4B5563;
+  --select-option-hover-bg: #FFFF00;
+  --select-option-hover-fg: #000000;
+  --select-option-active-bg: #FFFF00;
+  --select-option-active-fg: #000000;
+  --select-option-active-ring: transparent;
+  --select-option-selected-bg: #7C6CF2;
+  --select-option-selected-fg: #FFFFFF;
+  --select-option-disabled-bg: transparent;
+  --select-option-disabled-fg: #6B7280;
+  --select-option-disabled-border: #374151;
+  --tabs-list-border: #FFFFFF;
+  --tabs-trigger-default-bg: transparent;
+  --tabs-trigger-default-fg: #FFFFFF;
+  --tabs-trigger-default-border: transparent;
+  --tabs-trigger-hover-bg: transparent;
+  --tabs-trigger-hover-fg: #FFFF00;
+  --tabs-trigger-hover-border: #FFFF00;
+  --tabs-trigger-active-bg: transparent;
+  --tabs-trigger-active-fg: #A78BFA;
+  --tabs-trigger-active-border: #7C6CF2;
+  --tabs-trigger-focus-ring: #FFFF00;
+  --tabs-trigger-disabled-bg: transparent;
+  --tabs-trigger-disabled-fg: #6B7280;
+  --tabs-trigger-disabled-border: transparent;
+  --tabs-pills-default-bg: transparent;
+  --tabs-pills-default-fg: #FFFFFF;
+  --tabs-pills-default-border: transparent;
+  --tabs-pills-hover-bg: #FFFF00;
+  --tabs-pills-hover-fg: #000000;
+  --tabs-pills-hover-border: transparent;
+  --tabs-pills-active-bg: #6D5BD0;
+  --tabs-pills-active-fg: #FFFFFF;
+  --tabs-pills-active-border: #6D5BD0;
+  --tabs-pills-disabled-bg: transparent;
+  --tabs-pills-disabled-fg: #6B7280;
+  --tabs-pills-disabled-border: transparent;
+  --tabs-indicator-default-bg: #FFFF00;
+  --tabs-indicator-hover-bg: #FFFF00;
+  --tabs-indicator-active-bg: #A78BFA;
+  --tabs-panel-fg: #FFFFFF;
+  --tooltip-content-bg: #FFFFFF;
+  --tooltip-content-fg: #000000;
+  --tooltip-content-border: #FFFFFF;
+  --tooltip-arrow-bg: #FFFFFF;
+}