@vellira-ui/tokens 2.20.0 → 2.22.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (138) hide show
  1. package/README.md +3 -3
  2. package/dist/css/tokens.css +1078 -967
  3. package/dist/dark/components/button.d.ts +74 -74
  4. package/dist/dark/components/button.d.ts.map +1 -1
  5. package/dist/dark/components/button.js +34 -33
  6. package/dist/dark/components/checkbox.d.ts +15 -15
  7. package/dist/dark/components/checkbox.js +1 -1
  8. package/dist/dark/components/dropdown.d.ts +19 -19
  9. package/dist/dark/components/formField.d.ts +8 -8
  10. package/dist/dark/components/input.d.ts +42 -15
  11. package/dist/dark/components/input.d.ts.map +1 -1
  12. package/dist/dark/components/input.js +29 -1
  13. package/dist/dark/components/menu.d.ts +8 -8
  14. package/dist/dark/components/modal.d.ts +6 -6
  15. package/dist/dark/components/radio.d.ts +17 -17
  16. package/dist/dark/components/select.d.ts +19 -19
  17. package/dist/dark/components/tabs.d.ts +14 -14
  18. package/dist/dark/components/tooltip.d.ts +1 -1
  19. package/dist/dark/semantic/action.d.ts +52 -31
  20. package/dist/dark/semantic/action.d.ts.map +1 -1
  21. package/dist/dark/semantic/action.js +43 -22
  22. package/dist/dark/semantic/border.d.ts +6 -6
  23. package/dist/dark/semantic/border.js +4 -4
  24. package/dist/dark/semantic/control.d.ts +16 -11
  25. package/dist/dark/semantic/control.d.ts.map +1 -1
  26. package/dist/dark/semantic/control.js +6 -0
  27. package/dist/dark/semantic/focus.d.ts +1 -1
  28. package/dist/dark/semantic/icons.d.ts +15 -0
  29. package/dist/dark/semantic/icons.d.ts.map +1 -0
  30. package/dist/dark/semantic/icons.js +15 -0
  31. package/dist/dark/semantic/navigation.d.ts +10 -10
  32. package/dist/dark/semantic/status.d.ts +9 -9
  33. package/dist/dark/semantic/status.js +1 -1
  34. package/dist/dark/semantic/surface.d.ts +8 -7
  35. package/dist/dark/semantic/surface.d.ts.map +1 -1
  36. package/dist/dark/semantic/surface.js +3 -1
  37. package/dist/dark/semantic/text.d.ts +5 -5
  38. package/dist/dark/theme.d.ts +74 -73
  39. package/dist/dark/theme.d.ts.map +1 -1
  40. package/dist/generated/token-types.d.ts +7 -7
  41. package/dist/generated/token-types.d.ts.map +1 -1
  42. package/dist/generated/token-types.js +160 -0
  43. package/dist/highContrast/components/button.d.ts +50 -50
  44. package/dist/highContrast/components/button.d.ts.map +1 -1
  45. package/dist/highContrast/components/button.js +29 -28
  46. package/dist/highContrast/components/checkbox.d.ts +11 -11
  47. package/dist/highContrast/components/checkbox.d.ts.map +1 -1
  48. package/dist/highContrast/components/checkbox.js +2 -6
  49. package/dist/highContrast/components/dropdown.d.ts +11 -11
  50. package/dist/highContrast/components/formField.d.ts +5 -5
  51. package/dist/highContrast/components/input.d.ts +36 -9
  52. package/dist/highContrast/components/input.d.ts.map +1 -1
  53. package/dist/highContrast/components/input.js +30 -2
  54. package/dist/highContrast/components/menu.d.ts +7 -7
  55. package/dist/highContrast/components/modal.d.ts +1 -1
  56. package/dist/highContrast/components/radio.d.ts +11 -11
  57. package/dist/highContrast/components/select.d.ts +13 -13
  58. package/dist/highContrast/components/select.js +2 -2
  59. package/dist/highContrast/components/tabs.d.ts +11 -11
  60. package/dist/highContrast/semantic/action.d.ts +38 -26
  61. package/dist/highContrast/semantic/action.d.ts.map +1 -1
  62. package/dist/highContrast/semantic/action.js +34 -22
  63. package/dist/highContrast/semantic/border.d.ts +2 -2
  64. package/dist/highContrast/semantic/border.js +2 -2
  65. package/dist/highContrast/semantic/control.d.ts +19 -14
  66. package/dist/highContrast/semantic/control.d.ts.map +1 -1
  67. package/dist/highContrast/semantic/control.js +10 -3
  68. package/dist/highContrast/semantic/focus.d.ts +1 -1
  69. package/dist/highContrast/semantic/icons.d.ts +15 -0
  70. package/dist/highContrast/semantic/icons.d.ts.map +1 -0
  71. package/dist/highContrast/semantic/icons.js +15 -0
  72. package/dist/highContrast/semantic/navigation.d.ts +5 -5
  73. package/dist/highContrast/semantic/navigation.js +2 -2
  74. package/dist/highContrast/semantic/skeleton.d.ts +1 -1
  75. package/dist/highContrast/semantic/status.d.ts +12 -12
  76. package/dist/highContrast/semantic/status.js +5 -5
  77. package/dist/highContrast/semantic/surface.d.ts +3 -2
  78. package/dist/highContrast/semantic/surface.d.ts.map +1 -1
  79. package/dist/highContrast/semantic/surface.js +4 -2
  80. package/dist/highContrast/semantic/text.d.ts +1 -1
  81. package/dist/highContrast/theme.d.ts +74 -73
  82. package/dist/highContrast/theme.d.ts.map +1 -1
  83. package/dist/index.d.ts +5 -4
  84. package/dist/index.d.ts.map +1 -1
  85. package/dist/light/components/button.d.ts +76 -76
  86. package/dist/light/components/button.d.ts.map +1 -1
  87. package/dist/light/components/button.js +19 -18
  88. package/dist/light/components/checkbox.d.ts +16 -16
  89. package/dist/light/components/checkbox.d.ts.map +1 -1
  90. package/dist/light/components/checkbox.js +2 -6
  91. package/dist/light/components/dropdown.d.ts +18 -18
  92. package/dist/light/components/dropdown.js +2 -2
  93. package/dist/light/components/formField.d.ts +8 -8
  94. package/dist/light/components/formField.js +2 -2
  95. package/dist/light/components/input.d.ts +43 -16
  96. package/dist/light/components/input.d.ts.map +1 -1
  97. package/dist/light/components/input.js +30 -2
  98. package/dist/light/components/menu.d.ts +12 -12
  99. package/dist/light/components/modal.d.ts +7 -7
  100. package/dist/light/components/modal.js +1 -1
  101. package/dist/light/components/radio.d.ts +17 -17
  102. package/dist/light/components/select.d.ts +20 -20
  103. package/dist/light/components/select.js +4 -4
  104. package/dist/light/components/tabs.d.ts +12 -12
  105. package/dist/light/components/tooltip.d.ts +3 -3
  106. package/dist/light/semantic/action.d.ts +53 -33
  107. package/dist/light/semantic/action.d.ts.map +1 -1
  108. package/dist/light/semantic/action.js +39 -19
  109. package/dist/light/semantic/border.d.ts +6 -5
  110. package/dist/light/semantic/border.d.ts.map +1 -1
  111. package/dist/light/semantic/border.js +2 -1
  112. package/dist/light/semantic/control.d.ts +16 -11
  113. package/dist/light/semantic/control.d.ts.map +1 -1
  114. package/dist/light/semantic/control.js +7 -0
  115. package/dist/light/semantic/focus.d.ts +1 -1
  116. package/dist/light/semantic/icons.d.ts +15 -0
  117. package/dist/light/semantic/icons.d.ts.map +1 -0
  118. package/dist/light/semantic/icons.js +15 -0
  119. package/dist/light/semantic/navigation.d.ts +8 -8
  120. package/dist/light/semantic/status.d.ts +13 -13
  121. package/dist/light/semantic/status.js +2 -2
  122. package/dist/light/semantic/surface.d.ts +8 -6
  123. package/dist/light/semantic/surface.d.ts.map +1 -1
  124. package/dist/light/semantic/surface.js +8 -5
  125. package/dist/light/semantic/text.d.ts +4 -4
  126. package/dist/light/theme.d.ts +74 -73
  127. package/dist/light/theme.d.ts.map +1 -1
  128. package/dist/primitives/colors.d.ts +73 -71
  129. package/dist/primitives/colors.d.ts.map +1 -1
  130. package/dist/primitives/colors.js +73 -71
  131. package/dist/semantic/selection.d.ts +1 -1
  132. package/dist/tokens/radius.d.ts +5 -4
  133. package/dist/tokens/radius.d.ts.map +1 -1
  134. package/dist/tokens/radius.js +5 -4
  135. package/dist/utils/color.d.ts +2 -0
  136. package/dist/utils/color.d.ts.map +1 -0
  137. package/dist/utils/color.js +12 -0
  138. package/package.json +1 -1
package/dist/css/tokens.css CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * AUTO-GENERATED FILE
3
3
  * DO NOT EDIT MANUALLY
4
- * Generated: 2026-07-06T12:07:57.680Z
4
+ * Generated: 2026-07-08T21:08:56.804Z
5
5
  */
6
6
 
7
7
  :root {
@@ -16,10 +16,11 @@
16
16
  --space-10: 40px;
17
17
  --space-12: 48px;
18
18
  --space-16: 64px;
19
- --radius-sm: 4px;
20
- --radius-md: 8px;
21
- --radius-lg: 12px;
22
- --radius-xl: 16px;
19
+ --radius-xs: 4px;
20
+ --radius-sm: 8px;
21
+ --radius-md: 12px;
22
+ --radius-lg: 16px;
23
+ --radius-xl: 20px;
23
24
  --radius-full: 999px;
24
25
  --z-index-dropdown: 100;
25
26
  --z-index-popover: 200;
@@ -54,88 +55,88 @@
54
55
  :root,
55
56
  [data-theme='light'],
56
57
  [data-vellira-theme='light'] {
57
- --color-primary-50: #EEF0FF;
58
- --color-primary-100: #DDD6FE;
59
- --color-primary-200: #C4B5FD;
60
- --color-primary-300: #A78BFA;
61
- --color-primary-400: #8B7CF6;
62
- --color-primary-500: #7C6CF2;
63
- --color-primary-600: #6D5BD0;
64
- --color-primary-700: #5B4BEA;
65
- --color-primary-800: #4936D9;
66
- --color-primary-900: #4338CA;
67
- --color-primary-950: #3B2BBF;
68
- --color-secondary-50: #F0F1FF;
69
- --color-secondary-100: #D8DAFF;
70
- --color-secondary-200: #B8BBF2;
71
- --color-secondary-300: #9EA2EA;
72
- --color-secondary-400: #7B80D8;
73
- --color-secondary-500: #4C4F8F;
74
- --color-secondary-600: #3c2d9e;
75
- --color-secondary-700: #2e156e;
76
- --color-secondary-800: #2f106c;
77
- --color-secondary-900: #190947;
78
- --color-secondary-950: #160537;
58
+ --color-primary-50: #F4F3FF;
59
+ --color-primary-100: #E9E6FF;
60
+ --color-primary-200: #D4CCFF;
61
+ --color-primary-300: #B8A8FF;
62
+ --color-primary-400: #9B7CFF;
63
+ --color-primary-500: #7C5CFF;
64
+ --color-primary-600: #6346E8;
65
+ --color-primary-700: #5037C8;
66
+ --color-primary-800: #402C9F;
67
+ --color-primary-900: #342580;
68
+ --color-primary-950: #21164F;
69
+ --color-secondary-50: #F2FDFF;
70
+ --color-secondary-100: #D9FBFF;
71
+ --color-secondary-200: #B4F4FD;
72
+ --color-secondary-300: #79E8F8;
73
+ --color-secondary-400: #3ED5EE;
74
+ --color-secondary-500: #1FBEDB;
75
+ --color-secondary-600: #0F9BB8;
76
+ --color-secondary-700: #0B7D95;
77
+ --color-secondary-800: #0A6175;
78
+ --color-secondary-900: #094C5E;
79
+ --color-secondary-950: #062F3B;
79
80
  --color-vellira-25: #FDFCFF;
80
81
  --color-vellira-50: #FAF8FF;
81
82
  --color-vellira-100: #F4F1FB;
82
83
  --color-vellira-150: #EEE8FA;
83
- --color-vellira-200: #E8E2F3;
84
- --color-vellira-250: #D8D3E8;
85
- --color-vellira-300: #A8A1BA;
86
- --color-vellira-400: #746F86;
87
- --color-vellira-500: #413957;
88
- --color-vellira-600: #3A334D;
89
- --color-vellira-700: #312C44;
90
- --color-vellira-800: #29253A;
91
- --color-vellira-900: #211E2E;
92
- --color-vellira-950: #1B1726;
84
+ --color-vellira-200: #E4DDF4;
85
+ --color-vellira-250: #D4CEE8;
86
+ --color-vellira-300: #BBB2D2;
87
+ --color-vellira-400: #958CB0;
88
+ --color-vellira-500: #6B6386;
89
+ --color-vellira-600: #4F4867;
90
+ --color-vellira-700: #3D3754;
91
+ --color-vellira-800: #2F2A42;
92
+ --color-vellira-900: #231F31;
93
+ --color-vellira-950: #181521;
93
94
  --color-info-50: #F0F9FF;
94
- --color-info-100: #EFF6FF;
95
- --color-info-150: #DBEAFE;
96
- --color-info-200: #93C5FD;
97
- --color-info-250: #4DA3FF;
98
- --color-info-300: #7BBCFF;
99
- --color-info-400: #3399FF;
100
- --color-info-500: #0EA5E9;
101
- --color-info-600: #0284C7;
102
- --color-info-700: #0265c7;
103
- --color-info-800: #023ac7;
104
- --color-info-900: #002B55;
105
- --color-info-950: #102A43;
95
+ --color-info-100: #E0F2FE;
96
+ --color-info-150: #BAE6FD;
97
+ --color-info-200: #7DD3FC;
98
+ --color-info-250: #38BDF8;
99
+ --color-info-300: #0EA5E9;
100
+ --color-info-400: #0284C7;
101
+ --color-info-500: #0369A1;
102
+ --color-info-600: #075985;
103
+ --color-info-700: #0C4A6E;
104
+ --color-info-800: #082F49;
105
+ --color-info-900: #0B2538;
106
+ --color-info-950: #071927;
106
107
  --color-success-50: #ECFDF5;
107
108
  --color-success-100: #D1FAE5;
108
109
  --color-success-200: #A7F3D0;
109
- --color-success-300: #9AFFB8;
110
- --color-success-400: #4ADE80;
111
- --color-success-500: #00B956;
112
- --color-success-600: #22C55E;
113
- --color-success-700: #008F6A;
114
- --color-success-800: #00785A;
115
- --color-success-900: #166534;
116
- --color-success-950: #0F2F26;
117
- --color-error-50: #FEF2F2;
118
- --color-error-100: #FFF1F2;
119
- --color-error-200: #FDA4AF;
120
- --color-error-300: #FF8A8A;
110
+ --color-success-300: #6EE7B7;
111
+ --color-success-400: #34D399;
112
+ --color-success-500: #10B981;
113
+ --color-success-600: #059669;
114
+ --color-success-700: #047857;
115
+ --color-success-800: #065F46;
116
+ --color-success-900: #064E3B;
117
+ --color-success-950: #022C22;
118
+ --color-error-50: #FFF1F2;
119
+ --color-error-100: #FFE4E6;
120
+ --color-error-200: #FECDD3;
121
+ --color-error-300: #FDA4AF;
121
122
  --color-error-400: #FB7185;
122
123
  --color-error-500: #F43F5E;
123
124
  --color-error-600: #E11D48;
124
- --color-error-700: #DC2626;
125
- --color-error-800: #B91C1C;
126
- --color-error-900: #9F1239;
125
+ --color-error-700: #BE123C;
126
+ --color-error-800: #9F1239;
127
+ --color-error-900: #881337;
127
128
  --color-error-950: #4C0519;
128
- --color-warning-50: #FFF7ED;
129
- --color-warning-100: #FFFBEB;
130
- --color-warning-200: #FEF3C7;
129
+ --color-warning-50: #FFFBEB;
130
+ --color-warning-100: #FEF3C7;
131
+ --color-warning-200: #FDE68A;
131
132
  --color-warning-300: #FCD34D;
132
- --color-warning-400: #FFFF99;
133
- --color-warning-500: #FFFF00;
134
- --color-warning-600: #FFEA00;
135
- --color-warning-700: #C05621;
136
- --color-warning-800: #A74308;
137
- --color-warning-900: #92400E;
138
- --color-warning-950: #3A2412;
133
+ --color-warning-400: #FBBF24;
134
+ --color-warning-500: #F59E0B;
135
+ --color-warning-600: #D97706;
136
+ --color-warning-700: #B45309;
137
+ --color-warning-800: #92400E;
138
+ --color-warning-900: #78350F;
139
+ --color-warning-950: #451A03;
139
140
  --color-gray-50: #F9FAFB;
140
141
  --color-gray-100: #F3F4F6;
141
142
  --color-gray-200: #E5E7EB;
@@ -169,527 +170,566 @@
169
170
  --color-mono-800: #1A1A1A;
170
171
  --color-mono-900: #0F0F0F;
171
172
  --color-mono-950: #000000;
172
- --action-primary-default-bg: #5B4BEA;
173
+ --action-primary-default-bg: #6346E8;
173
174
  --action-primary-default-fg: #FFFFFF;
174
- --action-primary-default-border: #5B4BEA;
175
- --action-primary-hover-bg: #4936D9;
175
+ --action-primary-default-border: #6346E8;
176
+ --action-primary-hover-bg: #5037C8;
176
177
  --action-primary-hover-fg: #FFFFFF;
177
- --action-primary-hover-border: #4936D9;
178
- --action-primary-active-bg: #3B2BBF;
178
+ --action-primary-hover-border: #5037C8;
179
+ --action-primary-active-bg: #402C9F;
179
180
  --action-primary-active-fg: #FFFFFF;
180
- --action-primary-active-border: #3B2BBF;
181
- --action-primary-muted-bg: #7C6CF2;
181
+ --action-primary-active-border: #402C9F;
182
+ --action-primary-muted-bg: #7C5CFF;
182
183
  --action-primary-muted-fg: #FFFFFF;
183
- --action-primary-muted-border: #7C6CF2;
184
- --action-primary-subtle-bg: #EEF0FF;
185
- --action-primary-subtle-fg: #4338CA;
186
- --action-primary-subtle-border: #5B4BEA;
187
- --action-secondary-default-bg: #4C4F8F;
184
+ --action-primary-muted-border: #7C5CFF;
185
+ --action-primary-subtle-bg: #F4F3FF;
186
+ --action-primary-subtle-fg: #342580;
187
+ --action-primary-subtle-border: #5037C8;
188
+ --action-secondary-default-bg: #0B7D95;
188
189
  --action-secondary-default-fg: #FFFFFF;
189
- --action-secondary-default-border: #4C4F8F;
190
- --action-secondary-hover-bg: #190947;
190
+ --action-secondary-default-border: #0B7D95;
191
+ --action-secondary-hover-bg: #0A6175;
191
192
  --action-secondary-hover-fg: #FFFFFF;
192
- --action-secondary-hover-border: #190947;
193
- --action-secondary-active-bg: #160537;
193
+ --action-secondary-hover-border: #0A6175;
194
+ --action-secondary-active-bg: #094C5E;
194
195
  --action-secondary-active-fg: #FFFFFF;
195
- --action-secondary-active-border: #160537;
196
- --action-close-default-bg: #E8E2F3;
196
+ --action-secondary-active-border: #094C5E;
197
+ --action-secondary-muted-bg: #1FBEDB;
198
+ --action-secondary-muted-fg: #FFFFFF;
199
+ --action-secondary-muted-border: #1FBEDB;
200
+ --action-secondary-subtle-bg: #F2FDFF;
201
+ --action-secondary-subtle-fg: #FFFFFF;
202
+ --action-secondary-subtle-border: #0B7D95;
203
+ --action-close-default-bg: #D8E4F2;
197
204
  --action-close-default-fg: #0F0F0F;
198
- --action-close-default-border: #E8E2F3;
199
- --action-close-hover-bg: #D8D3E8;
205
+ --action-close-default-border: #D8E4F2;
206
+ --action-close-hover-bg: #C4D0DD;
200
207
  --action-close-hover-fg: #0F0F0F;
201
- --action-close-hover-border: #D8D3E8;
202
- --action-close-active-bg: #A8A1BA;
208
+ --action-close-hover-border: #C4D0DD;
209
+ --action-close-active-bg: #98A8BD;
203
210
  --action-close-active-fg: #0F0F0F;
204
- --action-close-active-border: #A8A1BA;
205
- --action-danger-default-bg: #DC2626;
211
+ --action-close-active-border: #98A8BD;
212
+ --action-close-muted-bg: #4B5F7A;
213
+ --action-close-muted-fg: #FFFFFF;
214
+ --action-close-muted-border: #4B5F7A;
215
+ --action-close-subtle-bg: #6B7F99;
216
+ --action-close-subtle-fg: #FFFFFF;
217
+ --action-close-subtle-border: #6B7F99;
218
+ --action-danger-default-bg: #BE123C;
206
219
  --action-danger-default-fg: #FFFFFF;
207
- --action-danger-default-border: #DC2626;
208
- --action-danger-hover-bg: #B91C1C;
220
+ --action-danger-default-border: #BE123C;
221
+ --action-danger-hover-bg: #9F1239;
209
222
  --action-danger-hover-fg: #FFFFFF;
210
- --action-danger-hover-border: #B91C1C;
211
- --action-danger-active-bg: #B91C1C;
223
+ --action-danger-hover-border: #9F1239;
224
+ --action-danger-active-bg: #881337;
212
225
  --action-danger-active-fg: #FFFFFF;
213
- --action-danger-active-border: #B91C1C;
214
- --action-danger-subtle-bg: #FEF2F2;
215
- --action-danger-subtle-fg: #DC2626;
216
- --action-danger-muted-bg: #FFF1F2;
217
- --action-danger-muted-fg: #DC2626;
218
- --border-default: #E8E2F3;
226
+ --action-danger-active-border: #881337;
227
+ --action-danger-subtle-bg: #FFF1F2;
228
+ --action-danger-subtle-fg: #BE123C;
229
+ --action-danger-muted-bg: #FFE4E6;
230
+ --action-danger-muted-fg: #BE123C;
231
+ --border-default: #BBB2D2;
219
232
  --border-muted: #EEE8FA;
220
- --border-subtle: #D8D3E8;
221
- --border-elevated: #746F86;
222
- --border-strong: #3A334D;
223
- --border-focus: #5B4BEA;
224
- --control-hover-bg: #EEF0FF;
225
- --control-hover-fg: #4338CA;
226
- --control-hover-border: #5B4BEA;
227
- --control-selected-default-bg: #5B4BEA;
233
+ --border-subtle: #D4CEE8;
234
+ --border-elevated: #958CB0;
235
+ --border-strong: #4F4867;
236
+ --border-disabled: #E4DDF4;
237
+ --border-focus: #5037C8;
238
+ --control-default-bg: #F4F1FB;
239
+ --control-default-fg: #4F4867;
240
+ --control-default-border: #D4CEE8;
241
+ --control-hover-bg: #F4F3FF;
242
+ --control-hover-fg: #342580;
243
+ --control-hover-border: #5037C8;
244
+ --control-selected-default-bg: #5037C8;
228
245
  --control-selected-default-fg: #FFFFFF;
229
- --control-selected-default-border: #5B4BEA;
230
- --control-selected-hover-bg: #4936D9;
246
+ --control-selected-default-border: #5037C8;
247
+ --control-selected-hover-bg: #402C9F;
231
248
  --control-selected-hover-fg: #FFFFFF;
232
- --control-selected-hover-border: #4936D9;
233
- --control-selected-active-bg: #3B2BBF;
249
+ --control-selected-hover-border: #402C9F;
250
+ --control-selected-active-bg: #21164F;
234
251
  --control-selected-active-fg: #FFFFFF;
235
- --control-selected-active-border: #3B2BBF;
236
- --control-selected-muted-bg: #5B4BEA;
252
+ --control-selected-active-border: #21164F;
253
+ --control-selected-muted-bg: #5037C8;
237
254
  --control-selected-muted-fg: #FFFFFF;
238
- --control-selected-muted-border: #7C6CF2;
255
+ --control-selected-muted-border: #7C5CFF;
239
256
  --divider-default: #E5E7EB;
240
257
  --divider-muted: #EDF5FF;
241
258
  --divider-strong: #D1D5DB;
242
- --focus-ring: #5B4BEA;
259
+ --focus-ring: #5037C8;
243
260
  --focus-ring-offset: #FFFFFF;
244
261
  --navigation-hover-bg: #F4F1FB;
245
- --navigation-hover-fg: #3A334D;
262
+ --navigation-hover-fg: #4F4867;
246
263
  --navigation-active-bg: #EEE8FA;
247
- --navigation-active-fg: #3A334D;
264
+ --navigation-active-fg: #4F4867;
248
265
  --navigation-brand-hover-bg: #F4F1FB;
249
- --navigation-brand-hover-fg: #4338CA;
250
- --navigation-tab-hover-fg: #7C6CF2;
251
- --navigation-tab-focus-ring: #FFFF00;
266
+ --navigation-brand-hover-fg: #342580;
267
+ --navigation-tab-hover-fg: #7C5CFF;
268
+ --navigation-tab-focus-ring: #F59E0B;
252
269
  --navigation-option-hover-bg: #D1D5DB;
253
- --navigation-option-hover-fg: #3A334D;
270
+ --navigation-option-hover-fg: #4F4867;
254
271
  --navigation-option-active-bg: #E5E7EB;
255
- --navigation-option-active-fg: #3A334D;
256
- --navigation-border: #E8E2F3;
272
+ --navigation-option-active-fg: #4F4867;
273
+ --navigation-border: #E4DDF4;
257
274
  --skeleton-base: #F3F4F6;
258
275
  --skeleton-highlight: #E5E7EB;
259
- --status-success-fg: #008F6A;
276
+ --status-success-fg: #047857;
260
277
  --status-success-bg: #ECFDF5;
261
- --status-success-border: #9AFFB8;
262
- --status-success-strong: #008F6A;
263
- --status-error-fg: #DC2626;
264
- --status-error-bg: #FEF2F2;
265
- --status-error-border: #FF8A8A;
266
- --status-error-strong: #DC2626;
267
- --status-warning-fg: #C05621;
268
- --status-warning-bg: #FFF7ED;
278
+ --status-success-border: #6EE7B7;
279
+ --status-success-strong: #047857;
280
+ --status-error-fg: #F43F5E;
281
+ --status-error-bg: #FFE4E6;
282
+ --status-error-border: #FDA4AF;
283
+ --status-error-strong: #BE123C;
284
+ --status-warning-fg: #B45309;
285
+ --status-warning-bg: #FFFBEB;
269
286
  --status-warning-border: #FCD34D;
270
- --status-warning-strong: #C05621;
271
- --status-info-fg: #0265c7;
287
+ --status-warning-strong: #B45309;
288
+ --status-info-fg: #0C4A6E;
272
289
  --status-info-bg: #F0F9FF;
273
- --status-info-border: #7BBCFF;
274
- --status-info-strong: #0265c7;
275
- --surface-default: #FDFCFF;
290
+ --status-info-border: #0EA5E9;
291
+ --status-info-strong: #0C4A6E;
292
+ --surface-default: #F4F1FB;
276
293
  --surface-muted: #FAF8FF;
277
- --surface-subtle: #F4F1FB;
278
- --surface-elevated: #FFFFFF;
279
- --surface-pressed: #EEE8FA;
294
+ --surface-subtle: #FFFFFF;
295
+ --surface-elevated: #D9FBFF;
296
+ --surface-pressed: #E4DDF4;
297
+ --surface-disabled: #F4F1FB;
298
+ --surface-danger: #FFE4E680;
280
299
  --surface-hover: #EEE8FA;
281
- --surface-active: #413957;
282
- --surface-inverse: #1B1726;
283
- --text-primary: #3A334D;
284
- --text-secondary: #413957;
285
- --text-muted: #746F86;
300
+ --surface-active: #BBB2D2;
301
+ --surface-inverse: #181521;
302
+ --text-primary: #4F4867;
303
+ --text-secondary: #6B6386;
304
+ --text-muted: #958CB0;
286
305
  --text-disabled: #9CA3AF;
287
306
  --text-subtle: #1A1A1A;
288
307
  --text-inverse: #FFFFFF;
289
308
  --text-on-inverse: #0F0F0F;
290
- --text-brand: #5B4BEA;
291
- --button-primary-solid-default-bg: #5B4BEA;
309
+ --text-brand: #5037C8;
310
+ --button-primary-solid-default-bg: #6346E8;
292
311
  --button-primary-solid-default-fg: #FFFFFF;
293
- --button-primary-solid-default-border: #5B4BEA;
294
- --button-primary-solid-hover-bg: #4936D9;
312
+ --button-primary-solid-default-border: #6346E8;
313
+ --button-primary-solid-hover-bg: #5037C8;
295
314
  --button-primary-solid-hover-fg: #FFFFFF;
296
- --button-primary-solid-hover-border: #4936D9;
297
- --button-primary-solid-pressed-bg: #3B2BBF;
315
+ --button-primary-solid-hover-border: #5037C8;
316
+ --button-primary-solid-pressed-bg: #402C9F;
298
317
  --button-primary-solid-pressed-fg: #FFFFFF;
299
- --button-primary-solid-pressed-border: #3B2BBF;
318
+ --button-primary-solid-pressed-border: #402C9F;
300
319
  --button-primary-outline-default-bg: transparent;
301
- --button-primary-outline-default-fg: #5B4BEA;
302
- --button-primary-outline-default-border: #5B4BEA;
303
- --button-primary-outline-hover-bg: #EEF0FF;
304
- --button-primary-outline-hover-fg: #4936D9;
305
- --button-primary-outline-hover-border: #4936D9;
306
- --button-primary-outline-pressed-bg: #EEF0FF;
307
- --button-primary-outline-pressed-fg: #3B2BBF;
308
- --button-primary-outline-pressed-border: #3B2BBF;
320
+ --button-primary-outline-default-fg: #6346E8;
321
+ --button-primary-outline-default-border: #6346E8;
322
+ --button-primary-outline-hover-bg: #EEE8FA;
323
+ --button-primary-outline-hover-fg: #5037C8;
324
+ --button-primary-outline-hover-border: #5037C8;
325
+ --button-primary-outline-pressed-bg: #E4DDF4;
326
+ --button-primary-outline-pressed-fg: #402C9F;
327
+ --button-primary-outline-pressed-border: #402C9F;
309
328
  --button-primary-ghost-default-bg: transparent;
310
- --button-primary-ghost-default-fg: #5B4BEA;
329
+ --button-primary-ghost-default-fg: #6346E8;
311
330
  --button-primary-ghost-default-border: transparent;
312
- --button-primary-ghost-hover-bg: #EEF0FF;
313
- --button-primary-ghost-hover-fg: #4936D9;
331
+ --button-primary-ghost-hover-bg: #F4F3FF;
332
+ --button-primary-ghost-hover-fg: #5037C8;
314
333
  --button-primary-ghost-hover-border: transparent;
315
- --button-primary-ghost-pressed-bg: #EEF0FF;
316
- --button-primary-ghost-pressed-fg: #3B2BBF;
334
+ --button-primary-ghost-pressed-bg: #F4F3FF;
335
+ --button-primary-ghost-pressed-fg: #402C9F;
317
336
  --button-primary-ghost-pressed-border: transparent;
318
- --button-secondary-solid-default-bg: #4C4F8F;
337
+ --button-secondary-solid-default-bg: #0B7D95;
319
338
  --button-secondary-solid-default-fg: #FFFFFF;
320
- --button-secondary-solid-default-border: #4C4F8F;
321
- --button-secondary-solid-hover-bg: #190947;
339
+ --button-secondary-solid-default-border: #0B7D95;
340
+ --button-secondary-solid-hover-bg: #0A6175;
322
341
  --button-secondary-solid-hover-fg: #FFFFFF;
323
- --button-secondary-solid-hover-border: #190947;
324
- --button-secondary-solid-pressed-bg: #160537;
342
+ --button-secondary-solid-hover-border: #0A6175;
343
+ --button-secondary-solid-pressed-bg: #094C5E;
325
344
  --button-secondary-solid-pressed-fg: #FFFFFF;
326
- --button-secondary-solid-pressed-border: #160537;
345
+ --button-secondary-solid-pressed-border: #094C5E;
327
346
  --button-secondary-outline-default-bg: transparent;
328
- --button-secondary-outline-default-fg: #4C4F8F;
329
- --button-secondary-outline-default-border: #4C4F8F;
330
- --button-secondary-outline-hover-bg: #EEE8FA;
331
- --button-secondary-outline-hover-fg: #190947;
332
- --button-secondary-outline-hover-border: #190947;
333
- --button-secondary-outline-pressed-bg: #EEE8FA;
334
- --button-secondary-outline-pressed-fg: #160537;
335
- --button-secondary-outline-pressed-border: #160537;
347
+ --button-secondary-outline-default-fg: #0B7D95;
348
+ --button-secondary-outline-default-border: #0B7D95;
349
+ --button-secondary-outline-hover-bg: #D9FBFF;
350
+ --button-secondary-outline-hover-fg: #0A6175;
351
+ --button-secondary-outline-hover-border: #0A6175;
352
+ --button-secondary-outline-pressed-bg: #E4DDF4;
353
+ --button-secondary-outline-pressed-fg: #094C5E;
354
+ --button-secondary-outline-pressed-border: #094C5E;
336
355
  --button-secondary-ghost-default-bg: transparent;
337
- --button-secondary-ghost-default-fg: #4C4F8F;
356
+ --button-secondary-ghost-default-fg: #0B7D95;
338
357
  --button-secondary-ghost-default-border: transparent;
339
- --button-secondary-ghost-hover-bg: #EEE8FA;
340
- --button-secondary-ghost-hover-fg: #190947;
358
+ --button-secondary-ghost-hover-bg: #D9FBFF;
359
+ --button-secondary-ghost-hover-fg: #0A6175;
341
360
  --button-secondary-ghost-hover-border: transparent;
342
- --button-secondary-ghost-pressed-bg: #EEE8FA;
343
- --button-secondary-ghost-pressed-fg: #160537;
361
+ --button-secondary-ghost-pressed-bg: #E4DDF4;
362
+ --button-secondary-ghost-pressed-fg: #094C5E;
344
363
  --button-secondary-ghost-pressed-border: transparent;
345
- --button-close-solid-default-bg: #E8E2F3;
364
+ --button-close-solid-default-bg: #D8E4F2;
346
365
  --button-close-solid-default-fg: #0F0F0F;
347
- --button-close-solid-default-border: #E8E2F3;
348
- --button-close-solid-hover-bg: #D8D3E8;
366
+ --button-close-solid-default-border: #D8E4F2;
367
+ --button-close-solid-hover-bg: #C4D0DD;
349
368
  --button-close-solid-hover-fg: #0F0F0F;
350
- --button-close-solid-hover-border: #D8D3E8;
351
- --button-close-solid-pressed-bg: #A8A1BA;
369
+ --button-close-solid-hover-border: #C4D0DD;
370
+ --button-close-solid-pressed-bg: #98A8BD;
352
371
  --button-close-solid-pressed-fg: #0F0F0F;
353
- --button-close-solid-pressed-border: #A8A1BA;
372
+ --button-close-solid-pressed-border: #98A8BD;
354
373
  --button-close-outline-default-bg: transparent;
355
- --button-close-outline-default-fg: #E8E2F3;
356
- --button-close-outline-default-border: #E8E2F3;
374
+ --button-close-outline-default-fg: #4B5F7A;
375
+ --button-close-outline-default-border: #4B5F7A;
357
376
  --button-close-outline-hover-bg: #EEE8FA;
358
- --button-close-outline-hover-fg: #D8D3E8;
359
- --button-close-outline-hover-border: #D8D3E8;
360
- --button-close-outline-pressed-bg: #EEE8FA;
361
- --button-close-outline-pressed-fg: #A8A1BA;
362
- --button-close-outline-pressed-border: #A8A1BA;
377
+ --button-close-outline-hover-fg: #6B7F99;
378
+ --button-close-outline-hover-border: #6B7F99;
379
+ --button-close-outline-pressed-bg: #E4DDF4;
380
+ --button-close-outline-pressed-fg: #98A8BD;
381
+ --button-close-outline-pressed-border: #98A8BD;
363
382
  --button-close-ghost-default-bg: transparent;
364
- --button-close-ghost-default-fg: #E8E2F3;
383
+ --button-close-ghost-default-fg: #4F4867;
365
384
  --button-close-ghost-default-border: transparent;
366
- --button-close-ghost-hover-bg: #EEE8FA;
367
- --button-close-ghost-hover-fg: #D8D3E8;
385
+ --button-close-ghost-hover-bg: #F4F3FF;
386
+ --button-close-ghost-hover-fg: #4F4867;
368
387
  --button-close-ghost-hover-border: transparent;
369
- --button-close-ghost-pressed-bg: #EEE8FA;
370
- --button-close-ghost-pressed-fg: #A8A1BA;
388
+ --button-close-ghost-pressed-bg: #F4F3FF;
389
+ --button-close-ghost-pressed-fg: #4F4867;
371
390
  --button-close-ghost-pressed-border: transparent;
372
- --button-danger-solid-default-bg: #DC2626;
391
+ --button-danger-solid-default-bg: #BE123C;
373
392
  --button-danger-solid-default-fg: #FFFFFF;
374
- --button-danger-solid-default-border: #DC2626;
375
- --button-danger-solid-hover-bg: #B91C1C;
393
+ --button-danger-solid-default-border: #BE123C;
394
+ --button-danger-solid-hover-bg: #9F1239;
376
395
  --button-danger-solid-hover-fg: #FFFFFF;
377
- --button-danger-solid-hover-border: #B91C1C;
378
- --button-danger-solid-pressed-bg: #B91C1C;
396
+ --button-danger-solid-hover-border: #9F1239;
397
+ --button-danger-solid-pressed-bg: #881337;
379
398
  --button-danger-solid-pressed-fg: #FFFFFF;
380
- --button-danger-solid-pressed-border: #B91C1C;
399
+ --button-danger-solid-pressed-border: #881337;
381
400
  --button-danger-outline-default-bg: transparent;
382
- --button-danger-outline-default-fg: #DC2626;
383
- --button-danger-outline-default-border: #DC2626;
384
- --button-danger-outline-hover-bg: #FEF2F2;
385
- --button-danger-outline-hover-fg: #B91C1C;
386
- --button-danger-outline-hover-border: #B91C1C;
387
- --button-danger-outline-pressed-bg: #FEF2F2;
388
- --button-danger-outline-pressed-fg: #B91C1C;
389
- --button-danger-outline-pressed-border: #B91C1C;
401
+ --button-danger-outline-default-fg: #BE123C;
402
+ --button-danger-outline-default-border: #BE123C;
403
+ --button-danger-outline-hover-bg: #FFE4E6;
404
+ --button-danger-outline-hover-fg: #9F1239;
405
+ --button-danger-outline-hover-border: #9F1239;
406
+ --button-danger-outline-pressed-bg: #FFE4E6;
407
+ --button-danger-outline-pressed-fg: #881337;
408
+ --button-danger-outline-pressed-border: #881337;
390
409
  --button-danger-ghost-default-bg: transparent;
391
- --button-danger-ghost-default-fg: #DC2626;
410
+ --button-danger-ghost-default-fg: #BE123C;
392
411
  --button-danger-ghost-default-border: transparent;
393
- --button-danger-ghost-hover-bg: #FEF2F2;
394
- --button-danger-ghost-hover-fg: #B91C1C;
412
+ --button-danger-ghost-hover-bg: #FFE4E6;
413
+ --button-danger-ghost-hover-fg: #9F1239;
395
414
  --button-danger-ghost-hover-border: transparent;
396
- --button-danger-ghost-pressed-bg: #FEF2F2;
397
- --button-danger-ghost-pressed-fg: #B91C1C;
415
+ --button-danger-ghost-pressed-bg: #FFE4E6;
416
+ --button-danger-ghost-pressed-fg: #881337;
398
417
  --button-danger-ghost-pressed-border: transparent;
399
418
  --button-disabled-bg: #F4F1FB;
400
419
  --button-disabled-fg: #9CA3AF;
401
- --button-disabled-border: #E8E2F3;
402
- --checkbox-default-bg: #FDFCFF;
403
- --checkbox-default-fg: #3A334D;
404
- --checkbox-default-border: #D8D3E8;
405
- --checkbox-hover-bg: #EEF0FF;
406
- --checkbox-hover-fg: #4338CA;
407
- --checkbox-hover-border: #5B4BEA;
408
- --checkbox-checked-default-bg: #5B4BEA;
420
+ --button-disabled-border: #BBB2D2;
421
+ --checkbox-default-bg: #F4F1FB;
422
+ --checkbox-default-fg: #4F4867;
423
+ --checkbox-default-border: #D4CEE8;
424
+ --checkbox-hover-bg: #F4F3FF;
425
+ --checkbox-hover-fg: #342580;
426
+ --checkbox-hover-border: #5037C8;
427
+ --checkbox-checked-default-bg: #5037C8;
409
428
  --checkbox-checked-default-fg: #FFFFFF;
410
- --checkbox-checked-default-border: #5B4BEA;
411
- --checkbox-checked-hover-bg: #4936D9;
429
+ --checkbox-checked-default-border: #5037C8;
430
+ --checkbox-checked-hover-bg: #402C9F;
412
431
  --checkbox-checked-hover-fg: #FFFFFF;
413
- --checkbox-checked-hover-border: #4936D9;
414
- --checkbox-checked-pressed-bg: #3B2BBF;
432
+ --checkbox-checked-hover-border: #402C9F;
433
+ --checkbox-checked-pressed-bg: #21164F;
415
434
  --checkbox-checked-pressed-fg: #FFFFFF;
416
- --checkbox-checked-pressed-border: #3B2BBF;
417
- --checkbox-focus-ring: #5B4BEA;
418
- --checkbox-disabled-bg: #F4F1FB;
435
+ --checkbox-checked-pressed-border: #21164F;
436
+ --checkbox-focus-ring: #5037C8;
437
+ --checkbox-disabled-bg: #FFFFFF;
419
438
  --checkbox-disabled-fg: #9CA3AF;
420
439
  --checkbox-disabled-border: #EEE8FA;
421
- --checkbox-error-border: #DC2626;
422
- --checkbox-error-fg: #DC2626;
440
+ --checkbox-error-fg: #F43F5E;
441
+ --checkbox-error-border: #F43F5E;
423
442
  --dropdown-trigger-default-bg: transparent;
424
- --dropdown-trigger-default-fg: #5B4BEA;
443
+ --dropdown-trigger-default-fg: #5037C8;
425
444
  --dropdown-trigger-default-border: transparent;
426
445
  --dropdown-trigger-hover-bg: #F4F1FB;
427
- --dropdown-trigger-hover-fg: #4338CA;
446
+ --dropdown-trigger-hover-fg: #342580;
428
447
  --dropdown-trigger-hover-border: transparent;
429
448
  --dropdown-trigger-hover-ring: transparent;
430
449
  --dropdown-trigger-focus-bg: transparent;
431
- --dropdown-trigger-focus-fg: #5B4BEA;
432
- --dropdown-trigger-focus-border: #5B4BEA;
433
- --dropdown-trigger-focus-ring: #5B4BEA;
450
+ --dropdown-trigger-focus-fg: #5037C8;
451
+ --dropdown-trigger-focus-border: #5037C8;
452
+ --dropdown-trigger-focus-ring: #5037C8;
434
453
  --dropdown-trigger-disabled-bg: #F4F1FB;
435
454
  --dropdown-trigger-disabled-fg: #9CA3AF;
436
455
  --dropdown-trigger-disabled-border: #EEE8FA;
437
456
  --dropdown-content-bg: #FFFFFF;
438
- --dropdown-content-fg: #3A334D;
439
- --dropdown-content-border: #E8E2F3;
457
+ --dropdown-content-fg: #4F4867;
458
+ --dropdown-content-border: #E4DDF4;
440
459
  --dropdown-item-default-bg: transparent;
441
- --dropdown-item-default-fg: #3A334D;
460
+ --dropdown-item-default-fg: #4F4867;
442
461
  --dropdown-item-hover-bg: #F4F1FB;
443
- --dropdown-item-hover-fg: #3A334D;
462
+ --dropdown-item-hover-fg: #4F4867;
444
463
  --dropdown-item-active-bg: #F4F1FB;
445
- --dropdown-item-active-fg: #3A334D;
464
+ --dropdown-item-active-fg: #4F4867;
446
465
  --dropdown-item-active-ring: transparent;
447
- --dropdown-item-focus-ring: #5B4BEA;
466
+ --dropdown-item-focus-ring: #5037C8;
448
467
  --dropdown-item-disabled-bg: transparent;
449
468
  --dropdown-item-disabled-fg: #9CA3AF;
450
- --dropdown-item-danger-default-fg: #DC2626;
451
- --dropdown-item-danger-hover-bg: #FEF2F2;
452
- --dropdown-item-danger-hover-fg: #DC2626;
453
- --dropdown-item-danger-active-bg: #FEF2F2;
454
- --dropdown-item-danger-active-fg: #DC2626;
469
+ --dropdown-item-danger-default-fg: #F43F5E;
470
+ --dropdown-item-danger-hover-bg: #FFE4E6;
471
+ --dropdown-item-danger-hover-fg: #F43F5E;
472
+ --dropdown-item-danger-active-bg: #FFE4E6;
473
+ --dropdown-item-danger-active-fg: #F43F5E;
455
474
  --dropdown-item-danger-active-ring: transparent;
456
- --dropdown-group-label-fg: #746F86;
475
+ --dropdown-group-label-fg: #958CB0;
457
476
  --dropdown-separator-bg: #EEE8FA;
458
- --dropdown-separator-fg: #746F86;
459
- --form-field-label-fg: #413957;
460
- --form-field-description-fg: #746F86;
461
- --form-field-helper-text-default-fg: #746F86;
462
- --form-field-helper-text-error-fg: #DC2626;
463
- --form-field-helper-text-success-fg: #008F6A;
464
- --form-field-helper-text-warning-fg: #C05621;
465
- --form-field-helper-text-info-fg: #0265c7;
466
- --form-field-required-mark-fg: #DC2626;
477
+ --dropdown-separator-fg: #958CB0;
478
+ --form-field-label-fg: #1A1A1A;
479
+ --form-field-description-fg: #6B6386;
480
+ --form-field-helper-text-default-fg: #958CB0;
481
+ --form-field-helper-text-error-fg: #F43F5E;
482
+ --form-field-helper-text-success-fg: #047857;
483
+ --form-field-helper-text-warning-fg: #B45309;
484
+ --form-field-helper-text-info-fg: #0C4A6E;
485
+ --form-field-required-mark-fg: #F43F5E;
467
486
  --form-field-disabled-label-fg: #9CA3AF;
468
487
  --form-field-disabled-description-fg: #9CA3AF;
469
488
  --form-field-disabled-helper-text-fg: #9CA3AF;
470
489
  --input-default-bg: transparent;
471
- --input-default-fg: #3A334D;
472
- --input-default-border: #E8E2F3;
473
- --input-default-placeholder: #746F86;
474
- --input-hover-bg: #EEF0FF;
475
- --input-hover-fg: #3A334D;
476
- --input-hover-border: #5B4BEA;
477
- --input-hover-placeholder: #746F86;
490
+ --input-default-fg: #4F4867;
491
+ --input-default-border: #BBB2D2;
492
+ --input-default-placeholder: #958CB0;
493
+ --input-default-icon: #9B7CFF;
494
+ --input-hover-bg: #F4F3FF;
495
+ --input-hover-fg: #4F4867;
496
+ --input-hover-border: #5037C8;
497
+ --input-hover-placeholder: #958CB0;
498
+ --input-hover-icon: #9B7CFF;
478
499
  --input-focus-bg: transparent;
479
- --input-focus-fg: #3A334D;
480
- --input-focus-border: #5B4BEA;
481
- --input-focus-ring: #5B4BEA;
482
- --input-focus-placeholder: #746F86;
500
+ --input-focus-fg: #4F4867;
501
+ --input-focus-border: #5037C8;
502
+ --input-focus-ring: #5037C8;
503
+ --input-focus-placeholder: #958CB0;
504
+ --input-focus-icon: #FFFFFF;
483
505
  --input-disabled-bg: #F4F1FB;
484
506
  --input-disabled-fg: #9CA3AF;
485
- --input-disabled-border: #E8E2F3;
507
+ --input-disabled-border: #E4DDF4;
486
508
  --input-disabled-placeholder: #9CA3AF;
487
- --input-error-border: #DC2626;
488
- --input-error-ring: #DC2626;
489
- --input-success-border: #008F6A;
490
- --input-success-ring: #008F6A;
509
+ --input-disabled-icon: #958CB0;
510
+ --input-error-border: #BE123C;
511
+ --input-error-ring: #F43F5E;
512
+ --input-success-border: #047857;
513
+ --input-success-ring: #047857;
514
+ --input-read-only-bg: #FFFFFF;
515
+ --input-read-only-fg: #6B6386;
516
+ --input-read-only-border: #BBB2D2;
517
+ --input-read-only-placeholder: #958CB0;
518
+ --input-read-only-icon: #6B6386;
519
+ --input-icon-default: #0F0F0F;
520
+ --input-icon-primary: #7C5CFF;
521
+ --input-icon-secondary: #1FBEDB;
522
+ --input-icon-success: #059669;
523
+ --input-icon-danger: #E11D48;
524
+ --input-icon-muted: #6B6386;
525
+ --input-icon-inverse: #1A1A1A;
526
+ --input-clear-button-fg: #F43F5E;
527
+ --input-clear-button-hover-fg: #F43F5E;
528
+ --input-clear-button-hover-bg: #FFE4E680;
529
+ --input-clear-button-focus-bg: #181521;
530
+ --input-clear-button-pressed-bg: #BBB2D2;
491
531
  --menu-item-default-bg: transparent;
492
- --menu-item-default-fg: #3A334D;
532
+ --menu-item-default-fg: #4F4867;
493
533
  --menu-item-hover-bg: #F4F1FB;
494
- --menu-item-hover-fg: #3A334D;
534
+ --menu-item-hover-fg: #4F4867;
495
535
  --menu-item-active-bg: #EEE8FA;
496
- --menu-item-active-fg: #3A334D;
536
+ --menu-item-active-fg: #4F4867;
497
537
  --menu-item-focus-ring: transparent;
498
- --menu-item-disabled-bg: #F4F1FB;
538
+ --menu-item-disabled-bg: #FFFFFF;
499
539
  --menu-item-disabled-fg: #9CA3AF;
500
- --menu-item-danger-default-fg: #DC2626;
501
- --menu-item-danger-hover-bg: #FEF2F2;
502
- --menu-item-danger-hover-fg: #DC2626;
503
- --menu-item-danger-active-bg: #FFF1F2;
504
- --menu-item-danger-active-fg: #DC2626;
505
- --menu-trigger-default-fg: #5B4BEA;
540
+ --menu-item-danger-default-fg: #F43F5E;
541
+ --menu-item-danger-hover-bg: #FFF1F2;
542
+ --menu-item-danger-hover-fg: #BE123C;
543
+ --menu-item-danger-active-bg: #FFE4E6;
544
+ --menu-item-danger-active-fg: #BE123C;
545
+ --menu-trigger-default-fg: #5037C8;
506
546
  --menu-trigger-hover-bg: #F4F1FB;
507
- --menu-trigger-hover-fg: #4338CA;
547
+ --menu-trigger-hover-fg: #342580;
508
548
  --menu-trigger-hover-ring: transparent;
509
- --menu-group-label-fg: #746F86;
549
+ --menu-group-label-fg: #958CB0;
510
550
  --modal-overlay-bg: rgba(0, 0, 0, 0.72);
511
551
  --modal-content-bg: #FFFFFF;
512
- --modal-content-fg: #3A334D;
513
- --modal-content-border: #E8E2F3;
514
- --modal-title-fg: #3A334D;
515
- --modal-description-fg: #413957;
552
+ --modal-content-fg: #4F4867;
553
+ --modal-content-border: #BBB2D2;
554
+ --modal-title-fg: #4F4867;
555
+ --modal-description-fg: #6B6386;
516
556
  --modal-close-button-default-bg: transparent;
517
- --modal-close-button-default-fg: #746F86;
518
- --modal-close-button-hover-bg: #F4F1FB;
519
- --modal-close-button-hover-fg: #3A334D;
557
+ --modal-close-button-default-fg: #958CB0;
558
+ --modal-close-button-hover-bg: #FFFFFF;
559
+ --modal-close-button-hover-fg: #4F4867;
520
560
  --modal-close-button-disabled-bg: transparent;
521
561
  --modal-close-button-disabled-fg: #9CA3AF;
522
- --radio-default-bg: #FDFCFF;
523
- --radio-default-fg: #3A334D;
524
- --radio-default-border: #E8E2F3;
525
- --radio-hover-bg: #EEF0FF;
526
- --radio-hover-fg: #4338CA;
527
- --radio-hover-border: #5B4BEA;
528
- --radio-checked-default-bg: #5B4BEA;
529
- --radio-checked-default-fg: #5B4BEA;
530
- --radio-checked-default-border: #5B4BEA;
531
- --radio-checked-hover-bg: #4936D9;
532
- --radio-checked-hover-fg: #5B4BEA;
533
- --radio-checked-hover-border: #4936D9;
534
- --radio-checked-pressed-bg: #3B2BBF;
562
+ --radio-default-bg: #F4F1FB;
563
+ --radio-default-fg: #4F4867;
564
+ --radio-default-border: #BBB2D2;
565
+ --radio-hover-bg: #F4F3FF;
566
+ --radio-hover-fg: #342580;
567
+ --radio-hover-border: #5037C8;
568
+ --radio-checked-default-bg: #5037C8;
569
+ --radio-checked-default-fg: #5037C8;
570
+ --radio-checked-default-border: #5037C8;
571
+ --radio-checked-hover-bg: #402C9F;
572
+ --radio-checked-hover-fg: #5037C8;
573
+ --radio-checked-hover-border: #402C9F;
574
+ --radio-checked-pressed-bg: #21164F;
535
575
  --radio-checked-pressed-fg: #FFFFFF;
536
- --radio-checked-pressed-border: #3B2BBF;
537
- --radio-focus-ring: #5B4BEA;
538
- --radio-disabled-bg: #F4F1FB;
576
+ --radio-checked-pressed-border: #21164F;
577
+ --radio-focus-ring: #5037C8;
578
+ --radio-disabled-bg: #FFFFFF;
539
579
  --radio-disabled-fg: #9CA3AF;
540
- --radio-disabled-border: #E8E2F3;
541
- --select-trigger-default-bg: #FDFCFF;
580
+ --radio-disabled-border: #BBB2D2;
581
+ --select-trigger-default-bg: #F4F1FB;
542
582
  --select-trigger-default-fg: #1A1A1A;
543
- --select-trigger-default-border: #E8E2F3;
544
- --select-trigger-hover-bg: #EEF0FF;
545
- --select-trigger-hover-fg: #4338CA;
546
- --select-trigger-hover-border: #5B4BEA;
547
- --select-trigger-focus-bg: #FDFCFF;
548
- --select-trigger-focus-fg: #3A334D;
549
- --select-trigger-focus-border: #5B4BEA;
550
- --select-trigger-focus-ring: #5B4BEA;
551
- --select-trigger-disabled-bg: #F4F1FB;
583
+ --select-trigger-default-border: #BBB2D2;
584
+ --select-trigger-hover-bg: #F4F3FF;
585
+ --select-trigger-hover-fg: #342580;
586
+ --select-trigger-hover-border: #5037C8;
587
+ --select-trigger-focus-bg: #F4F1FB;
588
+ --select-trigger-focus-fg: #4F4867;
589
+ --select-trigger-focus-border: #5037C8;
590
+ --select-trigger-focus-ring: #5037C8;
591
+ --select-trigger-disabled-bg: #FFFFFF;
552
592
  --select-trigger-disabled-fg: #9CA3AF;
553
593
  --select-trigger-disabled-border: #EEE8FA;
554
- --select-trigger-placeholder-fg: #746F86;
555
- --select-trigger-error-border: #DC2626;
556
- --select-trigger-error-ring: #FEF2F2;
594
+ --select-trigger-placeholder-fg: #6B6386;
595
+ --select-trigger-error-border: #F43F5E;
596
+ --select-trigger-error-ring: #FFE4E6;
557
597
  --select-dropdown-bg: #FFFFFF;
558
- --select-dropdown-fg: #3A334D;
598
+ --select-dropdown-fg: #4F4867;
559
599
  --select-dropdown-border: #EEE8FA;
560
600
  --select-option-default-bg: transparent;
561
- --select-option-default-fg: #3A334D;
601
+ --select-option-default-fg: #4F4867;
562
602
  --select-option-default-border: #EEE8FA;
563
- --select-option-hover-bg: #D1D5DB;
564
- --select-option-hover-fg: #3A334D;
565
- --select-option-active-bg: #E5E7EB;
566
- --select-option-active-fg: #3A334D;
603
+ --select-option-hover-bg: #F4F1FB;
604
+ --select-option-hover-fg: #342580;
605
+ --select-option-active-bg: #F4F1FB;
606
+ --select-option-active-fg: #342580;
567
607
  --select-option-active-ring: transparent;
568
- --select-option-selected-bg: #5B4BEA;
608
+ --select-option-selected-bg: #5037C8;
569
609
  --select-option-selected-fg: #FFFFFF;
570
610
  --select-option-disabled-bg: transparent;
571
611
  --select-option-disabled-fg: #9CA3AF;
572
612
  --select-option-disabled-border: #EEE8FA;
573
- --tabs-list-border: #E8E2F3;
613
+ --tabs-list-border: #BBB2D2;
574
614
  --tabs-trigger-default-bg: transparent;
575
- --tabs-trigger-default-fg: #3A334D;
615
+ --tabs-trigger-default-fg: #4F4867;
576
616
  --tabs-trigger-default-border: transparent;
577
617
  --tabs-trigger-hover-bg: transparent;
578
618
  --tabs-trigger-hover-fg: #F4F1FB;
579
619
  --tabs-trigger-hover-border: #F4F1FB;
580
620
  --tabs-trigger-active-bg: transparent;
581
- --tabs-trigger-active-fg: #5B4BEA;
582
- --tabs-trigger-active-border: #5B4BEA;
621
+ --tabs-trigger-active-fg: #5037C8;
622
+ --tabs-trigger-active-border: #6346E8;
583
623
  --tabs-trigger-focus-ring: #F4F1FB;
584
624
  --tabs-trigger-disabled-bg: transparent;
585
625
  --tabs-trigger-disabled-fg: #9CA3AF;
586
626
  --tabs-trigger-disabled-border: transparent;
587
627
  --tabs-pills-default-bg: transparent;
588
- --tabs-pills-default-fg: #3A334D;
628
+ --tabs-pills-default-fg: #4F4867;
589
629
  --tabs-pills-default-border: transparent;
590
630
  --tabs-pills-hover-bg: #EEE8FA;
591
- --tabs-pills-hover-fg: #3A334D;
631
+ --tabs-pills-hover-fg: #4F4867;
592
632
  --tabs-pills-hover-border: transparent;
593
- --tabs-pills-active-bg: #5B4BEA;
633
+ --tabs-pills-active-bg: #5037C8;
594
634
  --tabs-pills-active-fg: #FFFFFF;
595
- --tabs-pills-active-border: #7C6CF2;
635
+ --tabs-pills-active-border: #7C5CFF;
596
636
  --tabs-pills-disabled-bg: transparent;
597
637
  --tabs-pills-disabled-fg: #9CA3AF;
598
638
  --tabs-pills-disabled-border: transparent;
599
- --tabs-indicator-default-bg: #5B4BEA;
600
- --tabs-indicator-hover-bg: #5B4BEA;
601
- --tabs-indicator-active-bg: #5B4BEA;
602
- --tabs-panel-fg: #3A334D;
603
- --tooltip-content-bg: #1B1726;
639
+ --tabs-indicator-default-bg: #5037C8;
640
+ --tabs-indicator-hover-bg: #5037C8;
641
+ --tabs-indicator-active-bg: #5037C8;
642
+ --tabs-panel-fg: #4F4867;
643
+ --tooltip-content-bg: #181521;
604
644
  --tooltip-content-fg: #FFFFFF;
605
- --tooltip-content-border: #E8E2F3;
606
- --tooltip-arrow-bg: #1B1726;
645
+ --tooltip-content-border: #BBB2D2;
646
+ --tooltip-arrow-bg: #181521;
607
647
  }
608
648
 
609
649
  [data-theme='dark'],
610
650
  [data-vellira-theme='dark'] {
611
- --color-primary-50: #EEF0FF;
612
- --color-primary-100: #DDD6FE;
613
- --color-primary-200: #C4B5FD;
614
- --color-primary-300: #A78BFA;
615
- --color-primary-400: #8B7CF6;
616
- --color-primary-500: #7C6CF2;
617
- --color-primary-600: #6D5BD0;
618
- --color-primary-700: #5B4BEA;
619
- --color-primary-800: #4936D9;
620
- --color-primary-900: #4338CA;
621
- --color-primary-950: #3B2BBF;
622
- --color-secondary-50: #F0F1FF;
623
- --color-secondary-100: #D8DAFF;
624
- --color-secondary-200: #B8BBF2;
625
- --color-secondary-300: #9EA2EA;
626
- --color-secondary-400: #7B80D8;
627
- --color-secondary-500: #4C4F8F;
628
- --color-secondary-600: #3c2d9e;
629
- --color-secondary-700: #2e156e;
630
- --color-secondary-800: #2f106c;
631
- --color-secondary-900: #190947;
632
- --color-secondary-950: #160537;
651
+ --color-primary-50: #F4F3FF;
652
+ --color-primary-100: #E9E6FF;
653
+ --color-primary-200: #D4CCFF;
654
+ --color-primary-300: #B8A8FF;
655
+ --color-primary-400: #9B7CFF;
656
+ --color-primary-500: #7C5CFF;
657
+ --color-primary-600: #6346E8;
658
+ --color-primary-700: #5037C8;
659
+ --color-primary-800: #402C9F;
660
+ --color-primary-900: #342580;
661
+ --color-primary-950: #21164F;
662
+ --color-secondary-50: #F2FDFF;
663
+ --color-secondary-100: #D9FBFF;
664
+ --color-secondary-200: #B4F4FD;
665
+ --color-secondary-300: #79E8F8;
666
+ --color-secondary-400: #3ED5EE;
667
+ --color-secondary-500: #1FBEDB;
668
+ --color-secondary-600: #0F9BB8;
669
+ --color-secondary-700: #0B7D95;
670
+ --color-secondary-800: #0A6175;
671
+ --color-secondary-900: #094C5E;
672
+ --color-secondary-950: #062F3B;
633
673
  --color-vellira-25: #FDFCFF;
634
674
  --color-vellira-50: #FAF8FF;
635
675
  --color-vellira-100: #F4F1FB;
636
676
  --color-vellira-150: #EEE8FA;
637
- --color-vellira-200: #E8E2F3;
638
- --color-vellira-250: #D8D3E8;
639
- --color-vellira-300: #A8A1BA;
640
- --color-vellira-400: #746F86;
641
- --color-vellira-500: #413957;
642
- --color-vellira-600: #3A334D;
643
- --color-vellira-700: #312C44;
644
- --color-vellira-800: #29253A;
645
- --color-vellira-900: #211E2E;
646
- --color-vellira-950: #1B1726;
677
+ --color-vellira-200: #E4DDF4;
678
+ --color-vellira-250: #D4CEE8;
679
+ --color-vellira-300: #BBB2D2;
680
+ --color-vellira-400: #958CB0;
681
+ --color-vellira-500: #6B6386;
682
+ --color-vellira-600: #4F4867;
683
+ --color-vellira-700: #3D3754;
684
+ --color-vellira-800: #2F2A42;
685
+ --color-vellira-900: #231F31;
686
+ --color-vellira-950: #181521;
647
687
  --color-info-50: #F0F9FF;
648
- --color-info-100: #EFF6FF;
649
- --color-info-150: #DBEAFE;
650
- --color-info-200: #93C5FD;
651
- --color-info-250: #4DA3FF;
652
- --color-info-300: #7BBCFF;
653
- --color-info-400: #3399FF;
654
- --color-info-500: #0EA5E9;
655
- --color-info-600: #0284C7;
656
- --color-info-700: #0265c7;
657
- --color-info-800: #023ac7;
658
- --color-info-900: #002B55;
659
- --color-info-950: #102A43;
688
+ --color-info-100: #E0F2FE;
689
+ --color-info-150: #BAE6FD;
690
+ --color-info-200: #7DD3FC;
691
+ --color-info-250: #38BDF8;
692
+ --color-info-300: #0EA5E9;
693
+ --color-info-400: #0284C7;
694
+ --color-info-500: #0369A1;
695
+ --color-info-600: #075985;
696
+ --color-info-700: #0C4A6E;
697
+ --color-info-800: #082F49;
698
+ --color-info-900: #0B2538;
699
+ --color-info-950: #071927;
660
700
  --color-success-50: #ECFDF5;
661
701
  --color-success-100: #D1FAE5;
662
702
  --color-success-200: #A7F3D0;
663
- --color-success-300: #9AFFB8;
664
- --color-success-400: #4ADE80;
665
- --color-success-500: #00B956;
666
- --color-success-600: #22C55E;
667
- --color-success-700: #008F6A;
668
- --color-success-800: #00785A;
669
- --color-success-900: #166534;
670
- --color-success-950: #0F2F26;
671
- --color-error-50: #FEF2F2;
672
- --color-error-100: #FFF1F2;
673
- --color-error-200: #FDA4AF;
674
- --color-error-300: #FF8A8A;
703
+ --color-success-300: #6EE7B7;
704
+ --color-success-400: #34D399;
705
+ --color-success-500: #10B981;
706
+ --color-success-600: #059669;
707
+ --color-success-700: #047857;
708
+ --color-success-800: #065F46;
709
+ --color-success-900: #064E3B;
710
+ --color-success-950: #022C22;
711
+ --color-error-50: #FFF1F2;
712
+ --color-error-100: #FFE4E6;
713
+ --color-error-200: #FECDD3;
714
+ --color-error-300: #FDA4AF;
675
715
  --color-error-400: #FB7185;
676
716
  --color-error-500: #F43F5E;
677
717
  --color-error-600: #E11D48;
678
- --color-error-700: #DC2626;
679
- --color-error-800: #B91C1C;
680
- --color-error-900: #9F1239;
718
+ --color-error-700: #BE123C;
719
+ --color-error-800: #9F1239;
720
+ --color-error-900: #881337;
681
721
  --color-error-950: #4C0519;
682
- --color-warning-50: #FFF7ED;
683
- --color-warning-100: #FFFBEB;
684
- --color-warning-200: #FEF3C7;
722
+ --color-warning-50: #FFFBEB;
723
+ --color-warning-100: #FEF3C7;
724
+ --color-warning-200: #FDE68A;
685
725
  --color-warning-300: #FCD34D;
686
- --color-warning-400: #FFFF99;
687
- --color-warning-500: #FFFF00;
688
- --color-warning-600: #FFEA00;
689
- --color-warning-700: #C05621;
690
- --color-warning-800: #A74308;
691
- --color-warning-900: #92400E;
692
- --color-warning-950: #3A2412;
726
+ --color-warning-400: #FBBF24;
727
+ --color-warning-500: #F59E0B;
728
+ --color-warning-600: #D97706;
729
+ --color-warning-700: #B45309;
730
+ --color-warning-800: #92400E;
731
+ --color-warning-900: #78350F;
732
+ --color-warning-950: #451A03;
693
733
  --color-gray-50: #F9FAFB;
694
734
  --color-gray-100: #F3F4F6;
695
735
  --color-gray-200: #E5E7EB;
@@ -723,531 +763,569 @@
723
763
  --color-mono-800: #1A1A1A;
724
764
  --color-mono-900: #0F0F0F;
725
765
  --color-mono-950: #000000;
726
- --action-primary-default-bg: #6D5BD0;
766
+ --action-primary-default-bg: #6346E8;
727
767
  --action-primary-default-fg: #FFFFFF;
728
- --action-primary-default-border: #6D5BD0;
729
- --action-primary-hover-bg: #8B7CF6;
768
+ --action-primary-default-border: #6346E8;
769
+ --action-primary-hover-bg: #7C5CFF;
730
770
  --action-primary-hover-fg: #FFFFFF;
731
- --action-primary-hover-border: #8B7CF6;
732
- --action-primary-active-bg: #6D5BD0;
771
+ --action-primary-hover-border: #7C5CFF;
772
+ --action-primary-active-bg: #9B7CFF;
733
773
  --action-primary-active-fg: #FFFFFF;
734
- --action-primary-active-border: #6D5BD0;
735
- --action-primary-muted-bg: #A78BFA;
774
+ --action-primary-active-border: #9B7CFF;
775
+ --action-primary-muted-bg: #B8A8FF;
736
776
  --action-primary-muted-fg: #FFFFFF;
737
- --action-primary-muted-border: #A78BFA;
738
- --action-primary-subtle-bg: #C4B5FD;
739
- --action-primary-subtle-fg: #A78BFA;
740
- --action-primary-subtle-border: #C4B5FD;
741
- --action-secondary-default-bg: #9EA2EA;
777
+ --action-primary-muted-border: #B8A8FF;
778
+ --action-primary-subtle-bg: #D4CCFF;
779
+ --action-primary-subtle-fg: #B8A8FF;
780
+ --action-primary-subtle-border: #D4CCFF;
781
+ --action-secondary-default-bg: #1FBEDB;
742
782
  --action-secondary-default-fg: #000000;
743
- --action-secondary-default-border: #9EA2EA;
744
- --action-secondary-hover-bg: #7B80D8;
783
+ --action-secondary-default-border: #1FBEDB;
784
+ --action-secondary-hover-bg: #3ED5EE;
745
785
  --action-secondary-hover-fg: #000000;
746
- --action-secondary-hover-border: #7B80D8;
747
- --action-secondary-active-bg: #4C4F8F;
786
+ --action-secondary-hover-border: #3ED5EE;
787
+ --action-secondary-active-bg: #79E8F8;
748
788
  --action-secondary-active-fg: #000000;
749
- --action-secondary-active-border: #4C4F8F;
750
- --action-close-default-bg: #E8E2F3;
789
+ --action-secondary-active-border: #79E8F8;
790
+ --action-secondary-muted-bg: #79E8F8;
791
+ --action-secondary-muted-fg: #FFFFFF;
792
+ --action-secondary-muted-border: #79E8F8;
793
+ --action-secondary-subtle-bg: #B4F4FD;
794
+ --action-secondary-subtle-fg: #B8A8FF;
795
+ --action-secondary-subtle-border: #B4F4FD;
796
+ --action-close-default-bg: #BBB2D2;
751
797
  --action-close-default-fg: #000000;
752
- --action-close-default-border: #E8E2F3;
753
- --action-close-hover-bg: #C4D0DD;
798
+ --action-close-default-border: #BBB2D2;
799
+ --action-close-hover-bg: #D4CEE8;
754
800
  --action-close-hover-fg: #000000;
755
- --action-close-hover-border: #C4D0DD;
756
- --action-close-active-bg: #D8E4F2;
801
+ --action-close-hover-border: #D4CEE8;
802
+ --action-close-active-bg: #E4DDF4;
757
803
  --action-close-active-fg: #000000;
758
- --action-close-active-border: #D8E4F2;
804
+ --action-close-active-border: #E4DDF4;
805
+ --action-close-muted-bg: #958CB0;
806
+ --action-close-muted-fg: #FFFFFF;
807
+ --action-close-muted-border: #958CB0;
808
+ --action-close-subtle-bg: #E4DDF4;
809
+ --action-close-subtle-fg: #B8A8FF;
810
+ --action-close-subtle-border: #E4DDF4;
759
811
  --action-danger-default-bg: #E11D48;
760
812
  --action-danger-default-fg: #FFFFFF;
761
813
  --action-danger-default-border: #E11D48;
762
- --action-danger-hover-bg: #DC2626;
814
+ --action-danger-hover-bg: #F43F5E;
763
815
  --action-danger-hover-fg: #FFFFFF;
764
- --action-danger-hover-border: #DC2626;
765
- --action-danger-active-bg: #B91C1C;
816
+ --action-danger-hover-border: #F43F5E;
817
+ --action-danger-active-bg: #FB7185;
766
818
  --action-danger-active-fg: #FFFFFF;
767
- --action-danger-active-border: #B91C1C;
768
- --action-danger-subtle-bg: #FB7185;
769
- --action-danger-subtle-fg: #FB7185;
770
- --action-danger-subtle-border: #FB7185;
771
- --action-danger-muted-bg: #9F1239;
772
- --action-danger-muted-fg: #FDA4AF;
773
- --border-default: #3A334D;
774
- --border-muted: #29253A;
775
- --border-strong: #413957;
776
- --border-subtle: #746F86;
777
- --border-elevated: #E8E2F3;
778
- --border-focus: #A78BFA;
779
- --control-hover-bg: #29253A;
780
- --control-hover-fg: #A78BFA;
781
- --control-hover-border: #A78BFA;
782
- --control-selected-default-bg: #6D5BD0;
819
+ --action-danger-active-border: #FB7185;
820
+ --action-danger-muted-bg: #FB7185;
821
+ --action-danger-muted-fg: #FB7185;
822
+ --action-danger-muted-border: #FB7185;
823
+ --action-danger-subtle-bg: #F43F5E;
824
+ --action-danger-subtle-fg: #F43F5E;
825
+ --action-danger-subtle-border: #F43F5E;
826
+ --border-default: #4F4867;
827
+ --border-muted: #3D3754;
828
+ --border-strong: #2F2A42;
829
+ --border-subtle: #231F31;
830
+ --border-elevated: #6B6386;
831
+ --border-focus: #B8A8FF;
832
+ --control-default-bg: #3D3754;
833
+ --control-default-fg: #FFFFFF;
834
+ --control-default-border: #231F31;
835
+ --control-hover-bg: #3D3754;
836
+ --control-hover-fg: #B8A8FF;
837
+ --control-hover-border: #B8A8FF;
838
+ --control-selected-default-bg: #6346E8;
783
839
  --control-selected-default-fg: #FFFFFF;
784
- --control-selected-default-border: #6D5BD0;
785
- --control-selected-hover-bg: #5B4BEA;
840
+ --control-selected-default-border: #6346E8;
841
+ --control-selected-hover-bg: #5037C8;
786
842
  --control-selected-hover-fg: #FFFFFF;
787
- --control-selected-hover-border: #5B4BEA;
788
- --control-selected-active-bg: #4936D9;
843
+ --control-selected-hover-border: #5037C8;
844
+ --control-selected-active-bg: #402C9F;
789
845
  --control-selected-active-fg: #FFFFFF;
790
- --control-selected-active-border: #4936D9;
791
- --control-selected-muted-bg: #5B4BEA;
846
+ --control-selected-active-border: #402C9F;
847
+ --control-selected-muted-bg: #5037C8;
792
848
  --control-selected-muted-fg: #FFFFFF;
793
- --control-selected-muted-border: #7C6CF2;
849
+ --control-selected-muted-border: #7C5CFF;
794
850
  --divider-default: #1F2937;
795
851
  --divider-muted: #111827;
796
852
  --divider-strong: #374151;
797
- --focus-ring: #A78BFA;
853
+ --focus-ring: #B8A8FF;
798
854
  --focus-ring-offset: #000000;
799
- --navigation-hover-bg: #413957;
855
+ --navigation-hover-bg: #6B6386;
800
856
  --navigation-hover-fg: #F4F1FB;
801
- --navigation-active-bg: #413957;
857
+ --navigation-active-bg: #6B6386;
802
858
  --navigation-active-fg: #F4F1FB;
803
- --navigation-brand-hover-bg: #29253A;
804
- --navigation-brand-hover-fg: #C4B5FD;
805
- --navigation-tab-hover-fg: #C4B5FD;
806
- --navigation-tab-focus-ring: #FFFF00;
807
- --navigation-option-hover-bg: #413957;
859
+ --navigation-brand-hover-bg: #3D3754;
860
+ --navigation-brand-hover-fg: #D4CCFF;
861
+ --navigation-tab-hover-fg: #D4CCFF;
862
+ --navigation-tab-focus-ring: #F59E0B;
863
+ --navigation-option-hover-bg: #6B6386;
808
864
  --navigation-option-hover-fg: #F4F1FB;
809
- --navigation-option-active-bg: #413957;
865
+ --navigation-option-active-bg: #6B6386;
810
866
  --navigation-option-active-fg: #F4F1FB;
811
- --navigation-border: #312C44;
812
- --navigation-trigger-hover-bg: #29253A;
867
+ --navigation-border: #3D3754;
868
+ --navigation-trigger-hover-bg: #3D3754;
813
869
  --navigation-trigger-hover-fg: #FAF8FF;
814
870
  --skeleton-base: #1F2937;
815
871
  --skeleton-highlight: #374151;
816
- --status-success-fg: #4ADE80;
872
+ --status-success-fg: #34D399;
817
873
  --status-success-bg: rgba(74, 222, 128, 0.14);
818
- --status-success-border: #9AFFB8;
819
- --status-success-strong: #22C55E;
874
+ --status-success-border: #6EE7B7;
875
+ --status-success-strong: #059669;
820
876
  --status-error-fg: #FB7185;
821
877
  --status-error-bg: rgba(251, 113, 133, 0.16);
822
- --status-error-border: #FF8A8A;
878
+ --status-error-border: #FB7185;
823
879
  --status-error-strong: #E11D48;
824
- --status-warning-fg: #FFFF99;
880
+ --status-warning-fg: #FBBF24;
825
881
  --status-warning-bg: rgba(251, 191, 36, 0.14);
826
882
  --status-warning-border: #FCD34D;
827
- --status-warning-strong: #FFEA00;
828
- --status-info-fg: #3399FF;
883
+ --status-warning-strong: #D97706;
884
+ --status-info-fg: #0284C7;
829
885
  --status-info-bg: rgba(96, 165, 250, 0.14);
830
- --status-info-border: #7BBCFF;
831
- --status-info-strong: #0284C7;
832
- --surface-default: #1B1726;
833
- --surface-muted: #211E2E;
834
- --surface-subtle: #29253A;
835
- --surface-elevated: #312C44;
836
- --surface-pressed: #3A334D;
837
- --surface-hover: #29253A;
838
- --surface-active: #413957;
886
+ --status-info-border: #0EA5E9;
887
+ --status-info-strong: #075985;
888
+ --surface-default: #181521;
889
+ --surface-muted: #231F31;
890
+ --surface-subtle: #2F2A42;
891
+ --surface-elevated: #3D3754;
892
+ --surface-pressed: #4F4867;
893
+ --surface-danger: #9F123980;
894
+ --surface-hover: #3D3754;
895
+ --surface-active: #6B6386;
839
896
  --surface-inverse: #FFFFFF;
840
897
  --text-primary: #F4F1FB;
841
- --text-secondary: #A8A1BA;
842
- --text-muted: #413957;
843
- --text-disabled: #746F86;
898
+ --text-secondary: #BBB2D2;
899
+ --text-muted: #6B6386;
900
+ --text-disabled: #958CB0;
844
901
  --text-subtle: #FFFFFF;
845
- --text-hover: #8B7CF6;
902
+ --text-hover: #9B7CFF;
846
903
  --text-inverse: #FFFFFF;
847
904
  --text-on-inverse: #000000;
848
- --text-brand: #A78BFA;
849
- --button-primary-solid-default-bg: #6D5BD0;
905
+ --text-brand: #B8A8FF;
906
+ --button-primary-solid-default-bg: #6346E8;
850
907
  --button-primary-solid-default-fg: #FFFFFF;
851
- --button-primary-solid-default-border: #6D5BD0;
852
- --button-primary-solid-hover-bg: #8B7CF6;
908
+ --button-primary-solid-default-border: #6346E8;
909
+ --button-primary-solid-hover-bg: #7C5CFF;
853
910
  --button-primary-solid-hover-fg: #FFFFFF;
854
- --button-primary-solid-hover-border: #8B7CF6;
855
- --button-primary-solid-pressed-bg: #6D5BD0;
911
+ --button-primary-solid-hover-border: #7C5CFF;
912
+ --button-primary-solid-pressed-bg: #9B7CFF;
856
913
  --button-primary-solid-pressed-fg: #FFFFFF;
857
- --button-primary-solid-pressed-border: #6D5BD0;
914
+ --button-primary-solid-pressed-border: #9B7CFF;
858
915
  --button-primary-outline-default-bg: transparent;
859
- --button-primary-outline-default-fg: #A78BFA;
860
- --button-primary-outline-default-border: #A78BFA;
861
- --button-primary-outline-hover-bg: transparent;
862
- --button-primary-outline-hover-fg: #8B7CF6;
863
- --button-primary-outline-hover-border: #8B7CF6;
864
- --button-primary-outline-pressed-bg: transparent;
865
- --button-primary-outline-pressed-fg: #6D5BD0;
866
- --button-primary-outline-pressed-border: #6D5BD0;
916
+ --button-primary-outline-default-fg: #B8A8FF;
917
+ --button-primary-outline-default-border: #B8A8FF;
918
+ --button-primary-outline-hover-bg: #3D3754;
919
+ --button-primary-outline-hover-fg: #D4CCFF;
920
+ --button-primary-outline-hover-border: #D4CCFF;
921
+ --button-primary-outline-pressed-bg: #3D3754;
922
+ --button-primary-outline-pressed-fg: #9B7CFF;
923
+ --button-primary-outline-pressed-border: #9B7CFF;
867
924
  --button-primary-ghost-default-bg: transparent;
868
- --button-primary-ghost-default-fg: #A78BFA;
925
+ --button-primary-ghost-default-fg: #B8A8FF;
869
926
  --button-primary-ghost-default-border: transparent;
870
- --button-primary-ghost-hover-bg: transparent;
871
- --button-primary-ghost-hover-fg: #8B7CF6;
927
+ --button-primary-ghost-hover-bg: #3D3754;
928
+ --button-primary-ghost-hover-fg: #D4CCFF;
872
929
  --button-primary-ghost-hover-border: transparent;
873
- --button-primary-ghost-pressed-bg: transparent;
874
- --button-primary-ghost-pressed-fg: #6D5BD0;
930
+ --button-primary-ghost-pressed-bg: #3D3754;
931
+ --button-primary-ghost-pressed-fg: #9B7CFF;
875
932
  --button-primary-ghost-pressed-border: transparent;
876
- --button-secondary-solid-default-bg: #9EA2EA;
933
+ --button-secondary-solid-default-bg: #1FBEDB;
877
934
  --button-secondary-solid-default-fg: #000000;
878
- --button-secondary-solid-default-border: #9EA2EA;
879
- --button-secondary-solid-hover-bg: #7B80D8;
935
+ --button-secondary-solid-default-border: #1FBEDB;
936
+ --button-secondary-solid-hover-bg: #3ED5EE;
880
937
  --button-secondary-solid-hover-fg: #000000;
881
- --button-secondary-solid-hover-border: #7B80D8;
882
- --button-secondary-solid-pressed-bg: #4C4F8F;
938
+ --button-secondary-solid-hover-border: #3ED5EE;
939
+ --button-secondary-solid-pressed-bg: #79E8F8;
883
940
  --button-secondary-solid-pressed-fg: #000000;
884
- --button-secondary-solid-pressed-border: #4C4F8F;
941
+ --button-secondary-solid-pressed-border: #79E8F8;
885
942
  --button-secondary-outline-default-bg: transparent;
886
- --button-secondary-outline-default-fg: #9EA2EA;
887
- --button-secondary-outline-default-border: #9EA2EA;
888
- --button-secondary-outline-hover-bg: transparent;
889
- --button-secondary-outline-hover-fg: #7B80D8;
890
- --button-secondary-outline-hover-border: #7B80D8;
891
- --button-secondary-outline-pressed-bg: transparent;
892
- --button-secondary-outline-pressed-fg: #4C4F8F;
893
- --button-secondary-outline-pressed-border: #4C4F8F;
943
+ --button-secondary-outline-default-fg: #79E8F8;
944
+ --button-secondary-outline-default-border: #79E8F8;
945
+ --button-secondary-outline-hover-bg: #231F31;
946
+ --button-secondary-outline-hover-fg: #3ED5EE;
947
+ --button-secondary-outline-hover-border: #3ED5EE;
948
+ --button-secondary-outline-pressed-bg: #231F31;
949
+ --button-secondary-outline-pressed-fg: #79E8F8;
950
+ --button-secondary-outline-pressed-border: #79E8F8;
894
951
  --button-secondary-ghost-default-bg: transparent;
895
- --button-secondary-ghost-default-fg: #9EA2EA;
952
+ --button-secondary-ghost-default-fg: #79E8F8;
896
953
  --button-secondary-ghost-default-border: transparent;
897
- --button-secondary-ghost-hover-bg: transparent;
898
- --button-secondary-ghost-hover-fg: #7B80D8;
954
+ --button-secondary-ghost-hover-bg: #231F31;
955
+ --button-secondary-ghost-hover-fg: #B4F4FD;
899
956
  --button-secondary-ghost-hover-border: transparent;
900
- --button-secondary-ghost-pressed-bg: transparent;
901
- --button-secondary-ghost-pressed-fg: #4C4F8F;
957
+ --button-secondary-ghost-pressed-bg: #231F31;
958
+ --button-secondary-ghost-pressed-fg: #79E8F8;
902
959
  --button-secondary-ghost-pressed-border: transparent;
903
- --button-close-solid-default-bg: #E8E2F3;
960
+ --button-close-solid-default-bg: #BBB2D2;
904
961
  --button-close-solid-default-fg: #000000;
905
- --button-close-solid-default-border: #E8E2F3;
906
- --button-close-solid-hover-bg: #C4D0DD;
962
+ --button-close-solid-default-border: #BBB2D2;
963
+ --button-close-solid-hover-bg: #D4CEE8;
907
964
  --button-close-solid-hover-fg: #000000;
908
- --button-close-solid-hover-border: #C4D0DD;
909
- --button-close-solid-pressed-bg: #D8E4F2;
965
+ --button-close-solid-hover-border: #D4CEE8;
966
+ --button-close-solid-pressed-bg: #E4DDF4;
910
967
  --button-close-solid-pressed-fg: #000000;
911
- --button-close-solid-pressed-border: #D8E4F2;
968
+ --button-close-solid-pressed-border: #E4DDF4;
912
969
  --button-close-outline-default-bg: transparent;
913
- --button-close-outline-default-fg: #E8E2F3;
914
- --button-close-outline-default-border: #E8E2F3;
915
- --button-close-outline-hover-bg: transparent;
916
- --button-close-outline-hover-fg: #C4D0DD;
917
- --button-close-outline-hover-border: #C4D0DD;
918
- --button-close-outline-pressed-bg: transparent;
919
- --button-close-outline-pressed-fg: #D8E4F2;
920
- --button-close-outline-pressed-border: #D8E4F2;
970
+ --button-close-outline-default-fg: #BBB2D2;
971
+ --button-close-outline-default-border: #BBB2D2;
972
+ --button-close-outline-hover-bg: #3D3754;
973
+ --button-close-outline-hover-fg: #958CB0;
974
+ --button-close-outline-hover-border: #958CB0;
975
+ --button-close-outline-pressed-bg: #3D3754;
976
+ --button-close-outline-pressed-fg: #E4DDF4;
977
+ --button-close-outline-pressed-border: #E4DDF4;
921
978
  --button-close-ghost-default-bg: transparent;
922
- --button-close-ghost-default-fg: #E8E2F3;
979
+ --button-close-ghost-default-fg: #BBB2D2;
923
980
  --button-close-ghost-default-border: transparent;
924
- --button-close-ghost-hover-bg: transparent;
925
- --button-close-ghost-hover-fg: #C4D0DD;
981
+ --button-close-ghost-hover-bg: #3D3754;
982
+ --button-close-ghost-hover-fg: #D4CEE8;
926
983
  --button-close-ghost-hover-border: transparent;
927
- --button-close-ghost-pressed-bg: transparent;
928
- --button-close-ghost-pressed-fg: #D8E4F2;
984
+ --button-close-ghost-pressed-bg: #3D3754;
985
+ --button-close-ghost-pressed-fg: #E4DDF4;
929
986
  --button-close-ghost-pressed-border: transparent;
930
987
  --button-danger-solid-default-bg: #E11D48;
931
988
  --button-danger-solid-default-fg: #FFFFFF;
932
989
  --button-danger-solid-default-border: #E11D48;
933
- --button-danger-solid-hover-bg: #DC2626;
990
+ --button-danger-solid-hover-bg: #F43F5E;
934
991
  --button-danger-solid-hover-fg: #FFFFFF;
935
- --button-danger-solid-hover-border: #DC2626;
936
- --button-danger-solid-pressed-bg: #B91C1C;
992
+ --button-danger-solid-hover-border: #F43F5E;
993
+ --button-danger-solid-pressed-bg: #FB7185;
937
994
  --button-danger-solid-pressed-fg: #FFFFFF;
938
- --button-danger-solid-pressed-border: #B91C1C;
995
+ --button-danger-solid-pressed-border: #FB7185;
939
996
  --button-danger-outline-default-bg: transparent;
940
997
  --button-danger-outline-default-fg: #FB7185;
941
998
  --button-danger-outline-default-border: #FB7185;
942
- --button-danger-outline-hover-bg: transparent;
943
- --button-danger-outline-hover-fg: #DC2626;
944
- --button-danger-outline-hover-border: #DC2626;
945
- --button-danger-outline-pressed-bg: transparent;
946
- --button-danger-outline-pressed-fg: #B91C1C;
947
- --button-danger-outline-pressed-border: #B91C1C;
999
+ --button-danger-outline-hover-bg: rgba(251, 113, 133, 0.16);
1000
+ --button-danger-outline-hover-fg: #F43F5E;
1001
+ --button-danger-outline-hover-border: #F43F5E;
1002
+ --button-danger-outline-pressed-bg: rgba(251, 113, 133, 0.16);
1003
+ --button-danger-outline-pressed-fg: #FB7185;
1004
+ --button-danger-outline-pressed-border: #FB7185;
948
1005
  --button-danger-ghost-default-bg: transparent;
949
1006
  --button-danger-ghost-default-fg: #FB7185;
950
1007
  --button-danger-ghost-default-border: transparent;
951
- --button-danger-ghost-hover-bg: transparent;
952
- --button-danger-ghost-hover-fg: #DC2626;
1008
+ --button-danger-ghost-hover-bg: rgba(251, 113, 133, 0.16);
1009
+ --button-danger-ghost-hover-fg: #F43F5E;
953
1010
  --button-danger-ghost-hover-border: transparent;
954
- --button-danger-ghost-pressed-bg: transparent;
955
- --button-danger-ghost-pressed-fg: #B91C1C;
1011
+ --button-danger-ghost-pressed-bg: rgba(251, 113, 133, 0.16);
1012
+ --button-danger-ghost-pressed-fg: #FB7185;
956
1013
  --button-danger-ghost-pressed-border: transparent;
957
- --button-disabled-bg: #29253A;
958
- --button-disabled-fg: #746F86;
959
- --button-disabled-border: #3A334D;
960
- --checkbox-default-bg: #312C44;
1014
+ --button-disabled-bg: #231F31;
1015
+ --button-disabled-fg: #958CB0;
1016
+ --button-disabled-border: #3D3754;
1017
+ --checkbox-default-bg: #3D3754;
961
1018
  --checkbox-default-fg: #FFFFFF;
962
- --checkbox-default-border: #746F86;
963
- --checkbox-hover-bg: #29253A;
1019
+ --checkbox-default-border: #231F31;
1020
+ --checkbox-hover-bg: #3D3754;
964
1021
  --checkbox-hover-fg: #FFFFFF;
965
- --checkbox-hover-border: #A78BFA;
966
- --checkbox-checked-default-bg: #6D5BD0;
1022
+ --checkbox-hover-border: #B8A8FF;
1023
+ --checkbox-checked-default-bg: #6346E8;
967
1024
  --checkbox-checked-default-fg: #FFFFFF;
968
- --checkbox-checked-default-border: #6D5BD0;
969
- --checkbox-checked-hover-bg: #5B4BEA;
1025
+ --checkbox-checked-default-border: #6346E8;
1026
+ --checkbox-checked-hover-bg: #5037C8;
970
1027
  --checkbox-checked-hover-fg: #FFFFFF;
971
- --checkbox-checked-hover-border: #5B4BEA;
972
- --checkbox-checked-pressed-bg: #4936D9;
1028
+ --checkbox-checked-hover-border: #5037C8;
1029
+ --checkbox-checked-pressed-bg: #402C9F;
973
1030
  --checkbox-checked-pressed-fg: #FFFFFF;
974
- --checkbox-checked-pressed-border: #4936D9;
975
- --checkbox-focus-ring: #A78BFA;
976
- --checkbox-disabled-bg: #29253A;
977
- --checkbox-disabled-fg: #746F86;
978
- --checkbox-disabled-border: #3A334D;
979
- --checkbox-error-border: #FB7185;
1031
+ --checkbox-checked-pressed-border: #402C9F;
1032
+ --checkbox-focus-ring: #B8A8FF;
1033
+ --checkbox-disabled-bg: #2F2A42;
1034
+ --checkbox-disabled-fg: #958CB0;
1035
+ --checkbox-disabled-border: #4F4867;
980
1036
  --checkbox-error-fg: #FB7185;
1037
+ --checkbox-error-border: #FB7185;
981
1038
  --dropdown-trigger-default-bg: transparent;
982
- --dropdown-trigger-default-fg: #A78BFA;
1039
+ --dropdown-trigger-default-fg: #B8A8FF;
983
1040
  --dropdown-trigger-default-border: transparent;
984
- --dropdown-trigger-hover-bg: #29253A;
985
- --dropdown-trigger-hover-fg: #C4B5FD;
1041
+ --dropdown-trigger-hover-bg: #3D3754;
1042
+ --dropdown-trigger-hover-fg: #D4CCFF;
986
1043
  --dropdown-trigger-hover-border: transparent;
987
1044
  --dropdown-trigger-hover-ring: transparent;
988
1045
  --dropdown-trigger-focus-bg: transparent;
989
- --dropdown-trigger-focus-fg: #A78BFA;
990
- --dropdown-trigger-focus-border: #A78BFA;
991
- --dropdown-trigger-focus-ring: #A78BFA;
992
- --dropdown-trigger-disabled-bg: #29253A;
993
- --dropdown-trigger-disabled-fg: #746F86;
994
- --dropdown-trigger-disabled-border: #3A334D;
995
- --dropdown-content-bg: #312C44;
1046
+ --dropdown-trigger-focus-fg: #B8A8FF;
1047
+ --dropdown-trigger-focus-border: #B8A8FF;
1048
+ --dropdown-trigger-focus-ring: #B8A8FF;
1049
+ --dropdown-trigger-disabled-bg: #2F2A42;
1050
+ --dropdown-trigger-disabled-fg: #958CB0;
1051
+ --dropdown-trigger-disabled-border: #4F4867;
1052
+ --dropdown-content-bg: #3D3754;
996
1053
  --dropdown-content-fg: #F4F1FB;
997
- --dropdown-content-border: #3A334D;
1054
+ --dropdown-content-border: #4F4867;
998
1055
  --dropdown-item-default-bg: transparent;
999
1056
  --dropdown-item-default-fg: #F4F1FB;
1000
- --dropdown-item-hover-bg: #413957;
1057
+ --dropdown-item-hover-bg: #6B6386;
1001
1058
  --dropdown-item-hover-fg: #F4F1FB;
1002
- --dropdown-item-active-bg: #413957;
1059
+ --dropdown-item-active-bg: #6B6386;
1003
1060
  --dropdown-item-active-fg: #F4F1FB;
1004
1061
  --dropdown-item-active-ring: transparent;
1005
- --dropdown-item-focus-ring: #A78BFA;
1062
+ --dropdown-item-focus-ring: #B8A8FF;
1006
1063
  --dropdown-item-disabled-bg: transparent;
1007
- --dropdown-item-disabled-fg: #746F86;
1064
+ --dropdown-item-disabled-fg: #958CB0;
1008
1065
  --dropdown-item-danger-default-fg: #FB7185;
1009
1066
  --dropdown-item-danger-hover-bg: rgba(251, 113, 133, 0.16);
1010
1067
  --dropdown-item-danger-hover-fg: #FB7185;
1011
- --dropdown-item-danger-active-bg: #FF8A8A;
1068
+ --dropdown-item-danger-active-bg: #FB7185;
1012
1069
  --dropdown-item-danger-active-fg: #FB7185;
1013
1070
  --dropdown-item-danger-active-ring: transparent;
1014
- --dropdown-group-label-fg: #A8A1BA;
1015
- --dropdown-separator-bg: #29253A;
1016
- --dropdown-separator-fg: #413957;
1071
+ --dropdown-group-label-fg: #BBB2D2;
1072
+ --dropdown-separator-bg: #3D3754;
1073
+ --dropdown-separator-fg: #6B6386;
1017
1074
  --form-field-label-fg: #F4F1FB;
1018
- --form-field-description-fg: #A8A1BA;
1019
- --form-field-helper-text-default-fg: #A8A1BA;
1075
+ --form-field-description-fg: #BBB2D2;
1076
+ --form-field-helper-text-default-fg: #BBB2D2;
1020
1077
  --form-field-helper-text-error-fg: #FB7185;
1021
- --form-field-helper-text-success-fg: #4ADE80;
1022
- --form-field-helper-text-warning-fg: #FFFF99;
1023
- --form-field-helper-text-info-fg: #3399FF;
1078
+ --form-field-helper-text-success-fg: #34D399;
1079
+ --form-field-helper-text-warning-fg: #FBBF24;
1080
+ --form-field-helper-text-info-fg: #0284C7;
1024
1081
  --form-field-required-mark-fg: #FB7185;
1025
- --form-field-disabled-label-fg: #746F86;
1026
- --form-field-disabled-description-fg: #746F86;
1027
- --form-field-disabled-helper-text-fg: #746F86;
1082
+ --form-field-disabled-label-fg: #958CB0;
1083
+ --form-field-disabled-description-fg: #958CB0;
1084
+ --form-field-disabled-helper-text-fg: #958CB0;
1028
1085
  --input-default-bg: transparent;
1029
1086
  --input-default-fg: #F4F1FB;
1030
- --input-default-border: #E8E2F3;
1031
- --input-default-placeholder: #A8A1BA;
1032
- --input-hover-bg: #29253A;
1087
+ --input-default-border: #6B6386;
1088
+ --input-default-placeholder: #BBB2D2;
1089
+ --input-default-icon: #9B7CFF;
1090
+ --input-hover-bg: #3D3754;
1033
1091
  --input-hover-fg: #F4F1FB;
1034
- --input-hover-border: #A78BFA;
1035
- --input-hover-placeholder: #413957;
1092
+ --input-hover-border: #B8A8FF;
1093
+ --input-hover-placeholder: #6B6386;
1094
+ --input-hover-icon: #9B7CFF;
1036
1095
  --input-focus-bg: transparent;
1037
1096
  --input-focus-fg: #F4F1FB;
1038
- --input-focus-border: #A78BFA;
1039
- --input-focus-ring: #A78BFA;
1040
- --input-focus-placeholder: #413957;
1041
- --input-disabled-bg: #29253A;
1042
- --input-disabled-fg: #746F86;
1043
- --input-disabled-border: #3A334D;
1044
- --input-disabled-placeholder: #746F86;
1045
- --input-error-border: #FF8A8A;
1097
+ --input-focus-border: #B8A8FF;
1098
+ --input-focus-ring: #B8A8FF;
1099
+ --input-focus-placeholder: #6B6386;
1100
+ --input-focus-icon: #FFFFFF;
1101
+ --input-disabled-bg: #3D3754;
1102
+ --input-disabled-fg: #958CB0;
1103
+ --input-disabled-border: #4F4867;
1104
+ --input-disabled-placeholder: #958CB0;
1105
+ --input-disabled-icon: #D1D5DB;
1106
+ --input-error-border: #FB7185;
1046
1107
  --input-error-ring: #FB7185;
1047
- --input-success-border: #22C55E;
1048
- --input-success-ring: #4ADE80;
1108
+ --input-success-border: #059669;
1109
+ --input-success-ring: #34D399;
1110
+ --input-read-only-bg: #2F2A42;
1111
+ --input-read-only-fg: #BBB2D2;
1112
+ --input-read-only-border: #4F4867;
1113
+ --input-read-only-placeholder: #6B6386;
1114
+ --input-read-only-icon: #9CA3AF;
1115
+ --input-icon-default: #0F0F0F;
1116
+ --input-icon-primary: #B8A8FF;
1117
+ --input-icon-secondary: #9CA3AF;
1118
+ --input-icon-success: #10B981;
1119
+ --input-icon-danger: #F43F5E;
1120
+ --input-icon-muted: #9CA3AF;
1121
+ --input-icon-inverse: #1A1A1A;
1122
+ --input-clear-button-fg: #FB7185;
1123
+ --input-clear-button-hover-fg: #FB7185;
1124
+ --input-clear-button-hover-bg: #9F123980;
1125
+ --input-clear-button-focus-bg: #FFFFFF;
1126
+ --input-clear-button-pressed-bg: #6B6386;
1049
1127
  --menu-item-default-bg: transparent;
1050
1128
  --menu-item-default-fg: #F4F1FB;
1051
- --menu-item-hover-bg: #413957;
1129
+ --menu-item-hover-bg: #6B6386;
1052
1130
  --menu-item-hover-fg: #F4F1FB;
1053
- --menu-item-active-bg: #413957;
1131
+ --menu-item-active-bg: #6B6386;
1054
1132
  --menu-item-active-fg: #F4F1FB;
1055
1133
  --menu-item-focus-ring: transparent;
1056
- --menu-item-disabled-bg: #29253A;
1057
- --menu-item-disabled-fg: #746F86;
1134
+ --menu-item-disabled-bg: #2F2A42;
1135
+ --menu-item-disabled-fg: #958CB0;
1058
1136
  --menu-item-danger-default-fg: #FB7185;
1059
1137
  --menu-item-danger-hover-bg: rgba(251, 113, 133, 0.16);
1060
1138
  --menu-item-danger-hover-fg: #FB7185;
1061
- --menu-item-danger-active-bg: #FF8A8A;
1139
+ --menu-item-danger-active-bg: #FB7185;
1062
1140
  --menu-item-danger-active-fg: #FB7185;
1063
- --menu-trigger-default-fg: #A78BFA;
1064
- --menu-trigger-hover-bg: #29253A;
1141
+ --menu-trigger-default-fg: #B8A8FF;
1142
+ --menu-trigger-hover-bg: #3D3754;
1065
1143
  --menu-trigger-hover-fg: #FAF8FF;
1066
1144
  --menu-trigger-hover-ring: transparent;
1067
- --menu-group-label-fg: #413957;
1145
+ --menu-group-label-fg: #6B6386;
1068
1146
  --modal-overlay-bg: rgba(0, 0, 0, 0.72);
1069
- --modal-content-bg: #312C44;
1147
+ --modal-content-bg: #3D3754;
1070
1148
  --modal-content-fg: #F4F1FB;
1071
- --modal-content-border: #3A334D;
1149
+ --modal-content-border: #4F4867;
1072
1150
  --modal-title-fg: #F4F1FB;
1073
- --modal-description-fg: #413957;
1151
+ --modal-description-fg: #6B6386;
1074
1152
  --modal-close-button-default-bg: transparent;
1075
- --modal-close-button-default-fg: #A8A1BA;
1076
- --modal-close-button-hover-bg: #29253A;
1153
+ --modal-close-button-default-fg: #BBB2D2;
1154
+ --modal-close-button-hover-bg: #2F2A42;
1077
1155
  --modal-close-button-hover-fg: #F4F1FB;
1078
1156
  --modal-close-button-disabled-bg: transparent;
1079
- --modal-close-button-disabled-fg: #746F86;
1080
- --radio-default-bg: #312C44;
1157
+ --modal-close-button-disabled-fg: #958CB0;
1158
+ --radio-default-bg: #3D3754;
1081
1159
  --radio-default-fg: #F4F1FB;
1082
- --radio-default-border: #746F86;
1083
- --radio-hover-bg: #29253A;
1084
- --radio-hover-fg: #A78BFA;
1085
- --radio-hover-border: #A78BFA;
1086
- --radio-checked-default-bg: #6D5BD0;
1087
- --radio-checked-default-fg: #A78BFA;
1088
- --radio-checked-default-border: #6D5BD0;
1089
- --radio-checked-hover-bg: #5B4BEA;
1090
- --radio-checked-hover-fg: #A78BFA;
1091
- --radio-checked-hover-border: #5B4BEA;
1092
- --radio-checked-pressed-bg: #4936D9;
1160
+ --radio-default-border: #231F31;
1161
+ --radio-hover-bg: #3D3754;
1162
+ --radio-hover-fg: #B8A8FF;
1163
+ --radio-hover-border: #B8A8FF;
1164
+ --radio-checked-default-bg: #6346E8;
1165
+ --radio-checked-default-fg: #B8A8FF;
1166
+ --radio-checked-default-border: #6346E8;
1167
+ --radio-checked-hover-bg: #5037C8;
1168
+ --radio-checked-hover-fg: #B8A8FF;
1169
+ --radio-checked-hover-border: #5037C8;
1170
+ --radio-checked-pressed-bg: #402C9F;
1093
1171
  --radio-checked-pressed-fg: #FFFFFF;
1094
- --radio-checked-pressed-border: #4936D9;
1095
- --radio-focus-ring: #A78BFA;
1096
- --radio-disabled-bg: #29253A;
1097
- --radio-disabled-fg: #746F86;
1098
- --radio-disabled-border: #3A334D;
1172
+ --radio-checked-pressed-border: #402C9F;
1173
+ --radio-focus-ring: #B8A8FF;
1174
+ --radio-disabled-bg: #2F2A42;
1175
+ --radio-disabled-fg: #958CB0;
1176
+ --radio-disabled-border: #4F4867;
1099
1177
  --select-trigger-default-bg: transparent;
1100
1178
  --select-trigger-default-fg: #FFFFFF;
1101
- --select-trigger-default-border: #746F86;
1102
- --select-trigger-hover-bg: #29253A;
1103
- --select-trigger-hover-fg: #A78BFA;
1104
- --select-trigger-hover-border: #A78BFA;
1105
- --select-trigger-focus-bg: #1B1726;
1179
+ --select-trigger-default-border: #231F31;
1180
+ --select-trigger-hover-bg: #3D3754;
1181
+ --select-trigger-hover-fg: #B8A8FF;
1182
+ --select-trigger-hover-border: #B8A8FF;
1183
+ --select-trigger-focus-bg: #181521;
1106
1184
  --select-trigger-focus-fg: #F4F1FB;
1107
- --select-trigger-focus-border: #A78BFA;
1108
- --select-trigger-focus-ring: #A78BFA;
1109
- --select-trigger-disabled-bg: #29253A;
1110
- --select-trigger-disabled-fg: #746F86;
1111
- --select-trigger-disabled-border: #3A334D;
1112
- --select-trigger-placeholder-fg: #A8A1BA;
1185
+ --select-trigger-focus-border: #B8A8FF;
1186
+ --select-trigger-focus-ring: #B8A8FF;
1187
+ --select-trigger-disabled-bg: #2F2A42;
1188
+ --select-trigger-disabled-fg: #958CB0;
1189
+ --select-trigger-disabled-border: #4F4867;
1190
+ --select-trigger-placeholder-fg: #BBB2D2;
1113
1191
  --select-trigger-error-border: #FB7185;
1114
1192
  --select-trigger-error-ring: rgba(251, 113, 133, 0.16);
1115
- --select-dropdown-bg: #312C44;
1193
+ --select-dropdown-bg: #3D3754;
1116
1194
  --select-dropdown-fg: #F4F1FB;
1117
- --select-dropdown-border: #3A334D;
1195
+ --select-dropdown-border: #4F4867;
1118
1196
  --select-option-default-bg: transparent;
1119
1197
  --select-option-default-fg: #F4F1FB;
1120
- --select-option-default-border: #3A334D;
1121
- --select-option-hover-bg: #413957;
1198
+ --select-option-default-border: #4F4867;
1199
+ --select-option-hover-bg: #6B6386;
1122
1200
  --select-option-hover-fg: #F4F1FB;
1123
- --select-option-active-bg: #413957;
1201
+ --select-option-active-bg: #6B6386;
1124
1202
  --select-option-active-fg: #F4F1FB;
1125
1203
  --select-option-active-ring: transparent;
1126
- --select-option-selected-bg: #5B4BEA;
1204
+ --select-option-selected-bg: #5037C8;
1127
1205
  --select-option-selected-fg: #FFFFFF;
1128
1206
  --select-option-disabled-bg: transparent;
1129
- --select-option-disabled-fg: #746F86;
1130
- --select-option-disabled-border: #3A334D;
1131
- --tabs-list-border: #3A334D;
1207
+ --select-option-disabled-fg: #958CB0;
1208
+ --select-option-disabled-border: #4F4867;
1209
+ --tabs-list-border: #4F4867;
1132
1210
  --tabs-trigger-default-bg: transparent;
1133
1211
  --tabs-trigger-default-fg: #F4F1FB;
1134
1212
  --tabs-trigger-default-border: transparent;
1135
1213
  --tabs-trigger-hover-bg: transparent;
1136
- --tabs-trigger-hover-fg: #413957;
1137
- --tabs-trigger-hover-border: #413957;
1214
+ --tabs-trigger-hover-fg: #6B6386;
1215
+ --tabs-trigger-hover-border: #6B6386;
1138
1216
  --tabs-trigger-active-bg: transparent;
1139
- --tabs-trigger-active-fg: #A78BFA;
1140
- --tabs-trigger-active-border: #6D5BD0;
1141
- --tabs-trigger-focus-ring: #413957;
1217
+ --tabs-trigger-active-fg: #B8A8FF;
1218
+ --tabs-trigger-active-border: #6346E8;
1219
+ --tabs-trigger-focus-ring: #6B6386;
1142
1220
  --tabs-trigger-disabled-bg: transparent;
1143
- --tabs-trigger-disabled-fg: #746F86;
1221
+ --tabs-trigger-disabled-fg: #958CB0;
1144
1222
  --tabs-trigger-disabled-border: transparent;
1145
1223
  --tabs-pills-default-bg: transparent;
1146
1224
  --tabs-pills-default-fg: #F4F1FB;
1147
1225
  --tabs-pills-default-border: transparent;
1148
- --tabs-pills-hover-bg: #29253A;
1226
+ --tabs-pills-hover-bg: #3D3754;
1149
1227
  --tabs-pills-hover-fg: #F4F1FB;
1150
1228
  --tabs-pills-hover-border: transparent;
1151
- --tabs-pills-active-bg: #5B4BEA;
1229
+ --tabs-pills-active-bg: #5037C8;
1152
1230
  --tabs-pills-active-fg: #FFFFFF;
1153
- --tabs-pills-active-border: #7C6CF2;
1231
+ --tabs-pills-active-border: #7C5CFF;
1154
1232
  --tabs-pills-disabled-bg: transparent;
1155
- --tabs-pills-disabled-fg: #746F86;
1233
+ --tabs-pills-disabled-fg: #958CB0;
1156
1234
  --tabs-pills-disabled-border: transparent;
1157
- --tabs-indicator-default-bg: #A78BFA;
1158
- --tabs-indicator-hover-bg: #5B4BEA;
1159
- --tabs-indicator-active-bg: #A78BFA;
1235
+ --tabs-indicator-default-bg: #B8A8FF;
1236
+ --tabs-indicator-hover-bg: #5037C8;
1237
+ --tabs-indicator-active-bg: #B8A8FF;
1160
1238
  --tabs-panel-fg: #F4F1FB;
1161
1239
  --tooltip-content-bg: #FFFFFF;
1162
1240
  --tooltip-content-fg: #000000;
1163
- --tooltip-content-border: #3A334D;
1241
+ --tooltip-content-border: #4F4867;
1164
1242
  --tooltip-arrow-bg: #FFFFFF;
1165
1243
  }
1166
1244
 
1167
1245
  [data-theme='high-contrast'],
1168
1246
  [data-vellira-theme='high-contrast'] {
1169
- --color-primary-50: #EEF0FF;
1170
- --color-primary-100: #DDD6FE;
1171
- --color-primary-200: #C4B5FD;
1172
- --color-primary-300: #A78BFA;
1173
- --color-primary-400: #8B7CF6;
1174
- --color-primary-500: #7C6CF2;
1175
- --color-primary-600: #6D5BD0;
1176
- --color-primary-700: #5B4BEA;
1177
- --color-primary-800: #4936D9;
1178
- --color-primary-900: #4338CA;
1179
- --color-primary-950: #3B2BBF;
1180
- --color-secondary-50: #F0F1FF;
1181
- --color-secondary-100: #D8DAFF;
1182
- --color-secondary-200: #B8BBF2;
1183
- --color-secondary-300: #9EA2EA;
1184
- --color-secondary-400: #7B80D8;
1185
- --color-secondary-500: #4C4F8F;
1186
- --color-secondary-600: #3c2d9e;
1187
- --color-secondary-700: #2e156e;
1188
- --color-secondary-800: #2f106c;
1189
- --color-secondary-900: #190947;
1190
- --color-secondary-950: #160537;
1247
+ --color-primary-50: #F4F3FF;
1248
+ --color-primary-100: #E9E6FF;
1249
+ --color-primary-200: #D4CCFF;
1250
+ --color-primary-300: #B8A8FF;
1251
+ --color-primary-400: #9B7CFF;
1252
+ --color-primary-500: #7C5CFF;
1253
+ --color-primary-600: #6346E8;
1254
+ --color-primary-700: #5037C8;
1255
+ --color-primary-800: #402C9F;
1256
+ --color-primary-900: #342580;
1257
+ --color-primary-950: #21164F;
1258
+ --color-secondary-50: #F2FDFF;
1259
+ --color-secondary-100: #D9FBFF;
1260
+ --color-secondary-200: #B4F4FD;
1261
+ --color-secondary-300: #79E8F8;
1262
+ --color-secondary-400: #3ED5EE;
1263
+ --color-secondary-500: #1FBEDB;
1264
+ --color-secondary-600: #0F9BB8;
1265
+ --color-secondary-700: #0B7D95;
1266
+ --color-secondary-800: #0A6175;
1267
+ --color-secondary-900: #094C5E;
1268
+ --color-secondary-950: #062F3B;
1191
1269
  --color-vellira-25: #FDFCFF;
1192
1270
  --color-vellira-50: #FAF8FF;
1193
1271
  --color-vellira-100: #F4F1FB;
1194
1272
  --color-vellira-150: #EEE8FA;
1195
- --color-vellira-200: #E8E2F3;
1196
- --color-vellira-250: #D8D3E8;
1197
- --color-vellira-300: #A8A1BA;
1198
- --color-vellira-400: #746F86;
1199
- --color-vellira-500: #413957;
1200
- --color-vellira-600: #3A334D;
1201
- --color-vellira-700: #312C44;
1202
- --color-vellira-800: #29253A;
1203
- --color-vellira-900: #211E2E;
1204
- --color-vellira-950: #1B1726;
1273
+ --color-vellira-200: #E4DDF4;
1274
+ --color-vellira-250: #D4CEE8;
1275
+ --color-vellira-300: #BBB2D2;
1276
+ --color-vellira-400: #958CB0;
1277
+ --color-vellira-500: #6B6386;
1278
+ --color-vellira-600: #4F4867;
1279
+ --color-vellira-700: #3D3754;
1280
+ --color-vellira-800: #2F2A42;
1281
+ --color-vellira-900: #231F31;
1282
+ --color-vellira-950: #181521;
1205
1283
  --color-info-50: #F0F9FF;
1206
- --color-info-100: #EFF6FF;
1207
- --color-info-150: #DBEAFE;
1208
- --color-info-200: #93C5FD;
1209
- --color-info-250: #4DA3FF;
1210
- --color-info-300: #7BBCFF;
1211
- --color-info-400: #3399FF;
1212
- --color-info-500: #0EA5E9;
1213
- --color-info-600: #0284C7;
1214
- --color-info-700: #0265c7;
1215
- --color-info-800: #023ac7;
1216
- --color-info-900: #002B55;
1217
- --color-info-950: #102A43;
1284
+ --color-info-100: #E0F2FE;
1285
+ --color-info-150: #BAE6FD;
1286
+ --color-info-200: #7DD3FC;
1287
+ --color-info-250: #38BDF8;
1288
+ --color-info-300: #0EA5E9;
1289
+ --color-info-400: #0284C7;
1290
+ --color-info-500: #0369A1;
1291
+ --color-info-600: #075985;
1292
+ --color-info-700: #0C4A6E;
1293
+ --color-info-800: #082F49;
1294
+ --color-info-900: #0B2538;
1295
+ --color-info-950: #071927;
1218
1296
  --color-success-50: #ECFDF5;
1219
1297
  --color-success-100: #D1FAE5;
1220
1298
  --color-success-200: #A7F3D0;
1221
- --color-success-300: #9AFFB8;
1222
- --color-success-400: #4ADE80;
1223
- --color-success-500: #00B956;
1224
- --color-success-600: #22C55E;
1225
- --color-success-700: #008F6A;
1226
- --color-success-800: #00785A;
1227
- --color-success-900: #166534;
1228
- --color-success-950: #0F2F26;
1229
- --color-error-50: #FEF2F2;
1230
- --color-error-100: #FFF1F2;
1231
- --color-error-200: #FDA4AF;
1232
- --color-error-300: #FF8A8A;
1299
+ --color-success-300: #6EE7B7;
1300
+ --color-success-400: #34D399;
1301
+ --color-success-500: #10B981;
1302
+ --color-success-600: #059669;
1303
+ --color-success-700: #047857;
1304
+ --color-success-800: #065F46;
1305
+ --color-success-900: #064E3B;
1306
+ --color-success-950: #022C22;
1307
+ --color-error-50: #FFF1F2;
1308
+ --color-error-100: #FFE4E6;
1309
+ --color-error-200: #FECDD3;
1310
+ --color-error-300: #FDA4AF;
1233
1311
  --color-error-400: #FB7185;
1234
1312
  --color-error-500: #F43F5E;
1235
1313
  --color-error-600: #E11D48;
1236
- --color-error-700: #DC2626;
1237
- --color-error-800: #B91C1C;
1238
- --color-error-900: #9F1239;
1314
+ --color-error-700: #BE123C;
1315
+ --color-error-800: #9F1239;
1316
+ --color-error-900: #881337;
1239
1317
  --color-error-950: #4C0519;
1240
- --color-warning-50: #FFF7ED;
1241
- --color-warning-100: #FFFBEB;
1242
- --color-warning-200: #FEF3C7;
1318
+ --color-warning-50: #FFFBEB;
1319
+ --color-warning-100: #FEF3C7;
1320
+ --color-warning-200: #FDE68A;
1243
1321
  --color-warning-300: #FCD34D;
1244
- --color-warning-400: #FFFF99;
1245
- --color-warning-500: #FFFF00;
1246
- --color-warning-600: #FFEA00;
1247
- --color-warning-700: #C05621;
1248
- --color-warning-800: #A74308;
1249
- --color-warning-900: #92400E;
1250
- --color-warning-950: #3A2412;
1322
+ --color-warning-400: #FBBF24;
1323
+ --color-warning-500: #F59E0B;
1324
+ --color-warning-600: #D97706;
1325
+ --color-warning-700: #B45309;
1326
+ --color-warning-800: #92400E;
1327
+ --color-warning-900: #78350F;
1328
+ --color-warning-950: #451A03;
1251
1329
  --color-gray-50: #F9FAFB;
1252
1330
  --color-gray-100: #F3F4F6;
1253
1331
  --color-gray-200: #E5E7EB;
@@ -1281,30 +1359,36 @@
1281
1359
  --color-mono-800: #1A1A1A;
1282
1360
  --color-mono-900: #0F0F0F;
1283
1361
  --color-mono-950: #000000;
1284
- --action-primary-default-bg: #6D5BD0;
1362
+ --action-primary-default-bg: #6346E8;
1285
1363
  --action-primary-default-fg: #FFFFFF;
1286
- --action-primary-default-border: #6D5BD0;
1287
- --action-primary-hover-bg: #5B4BEA;
1364
+ --action-primary-default-border: #6346E8;
1365
+ --action-primary-hover-bg: #7C5CFF;
1288
1366
  --action-primary-hover-fg: #FFFFFF;
1289
- --action-primary-hover-border: #5B4BEA;
1290
- --action-primary-active-bg: #6D5BD0;
1367
+ --action-primary-hover-border: #7C5CFF;
1368
+ --action-primary-active-bg: #9B7CFF;
1291
1369
  --action-primary-active-fg: #FFFFFF;
1292
- --action-primary-active-border: #6D5BD0;
1293
- --action-primary-muted-bg: #6D5BD0;
1370
+ --action-primary-active-border: #9B7CFF;
1371
+ --action-primary-muted-bg: #B8A8FF;
1294
1372
  --action-primary-muted-fg: #FFFFFF;
1295
- --action-primary-muted-border: #6D5BD0;
1296
- --action-primary-subtle-bg: #111827;
1373
+ --action-primary-muted-border: #B8A8FF;
1374
+ --action-primary-subtle-bg: #D4CCFF;
1297
1375
  --action-primary-subtle-fg: #000000;
1298
- --action-primary-subtle-border: #7C6CF2;
1299
- --action-secondary-default-bg: #0265c7;
1300
- --action-secondary-default-fg: #FFFFFF;
1301
- --action-secondary-default-border: #0265c7;
1302
- --action-secondary-hover-bg: #023ac7;
1303
- --action-secondary-hover-fg: #FFFFFF;
1304
- --action-secondary-hover-border: #023ac7;
1305
- --action-secondary-active-bg: #0265c7;
1306
- --action-secondary-active-fg: #FFFFFF;
1307
- --action-secondary-active-border: #0265c7;
1376
+ --action-primary-subtle-border: #D4CCFF;
1377
+ --action-secondary-default-bg: #3ED5EE;
1378
+ --action-secondary-default-fg: #000000;
1379
+ --action-secondary-default-border: #3ED5EE;
1380
+ --action-secondary-hover-bg: #79E8F8;
1381
+ --action-secondary-hover-fg: #000000;
1382
+ --action-secondary-hover-border: #79E8F8;
1383
+ --action-secondary-active-bg: #B4F4FD;
1384
+ --action-secondary-active-fg: #000000;
1385
+ --action-secondary-active-border: #B4F4FD;
1386
+ --action-secondary-muted-bg: #79E8F8;
1387
+ --action-secondary-muted-fg: #FFFFFF;
1388
+ --action-secondary-muted-border: #79E8F8;
1389
+ --action-secondary-subtle-bg: #B4F4FD;
1390
+ --action-secondary-subtle-fg: #000000;
1391
+ --action-secondary-subtle-border: #B4F4FD;
1308
1392
  --action-close-default-bg: #FFFFFF;
1309
1393
  --action-close-default-fg: #000000;
1310
1394
  --action-close-default-border: #FFFFFF;
@@ -1320,54 +1404,59 @@
1320
1404
  --action-danger-hover-bg: #F43F5E;
1321
1405
  --action-danger-hover-fg: #FFFFFF;
1322
1406
  --action-danger-hover-border: #F43F5E;
1323
- --action-danger-active-bg: #B91C1C;
1407
+ --action-danger-active-bg: #9F1239;
1324
1408
  --action-danger-active-fg: #FFFFFF;
1325
- --action-danger-active-border: #B91C1C;
1326
- --action-danger-subtle-bg: #111827;
1327
- --action-danger-subtle-fg: #FF8A8A;
1328
- --action-danger-muted-bg: #4C0519;
1329
- --action-danger-muted-fg: #FF8A8A;
1409
+ --action-danger-active-border: #9F1239;
1410
+ --action-danger-muted-bg: #FB7185;
1411
+ --action-danger-muted-fg: #FB7185;
1412
+ --action-danger-muted-border: #FB7185;
1413
+ --action-danger-subtle-bg: #FDA4AF;
1414
+ --action-danger-subtle-fg: #FDA4AF;
1415
+ --action-danger-subtle-border: #FDA4AF;
1330
1416
  --border-default: #FFFFFF;
1331
1417
  --border-muted: #4B5563;
1332
1418
  --border-subtle: #374151;
1333
1419
  --border-elevated: #D1D5DB;
1334
1420
  --border-strong: #F9FAFB;
1335
- --border-disabled: #374151;
1336
- --border-focus: #FFFF00;
1421
+ --border-disabled: #4B5563;
1422
+ --border-focus: #FBBF24;
1423
+ --control-default-bg: #000000;
1424
+ --control-default-fg: #FFFFFF;
1425
+ --control-default-border: #4B5563;
1337
1426
  --control-hover-bg: #111827;
1338
1427
  --control-hover-fg: #000000;
1339
- --control-hover-border: #7C6CF2;
1428
+ --control-hover-border: #7C5CFF;
1340
1429
  --control-radio-hover-bg: #111827;
1341
- --control-radio-hover-fg: #7C6CF2;
1342
- --control-radio-hover-border: #A78BFA;
1343
- --control-selected-default-bg: #7C6CF2;
1430
+ --control-radio-hover-fg: #B8A8FF;
1431
+ --control-radio-hover-border: #B8A8FF;
1432
+ --control-selected-default-bg: #7C5CFF;
1344
1433
  --control-selected-default-fg: #FFFFFF;
1345
- --control-selected-default-border: #7C6CF2;
1346
- --control-selected-hover-bg: #0EA5E9;
1434
+ --control-selected-default-border: #7C5CFF;
1435
+ --control-selected-hover-bg: #0369A1;
1347
1436
  --control-selected-hover-fg: #000000;
1348
- --control-selected-hover-border: #0EA5E9;
1349
- --control-selected-active-bg: #4936D9;
1437
+ --control-selected-hover-border: #0369A1;
1438
+ --control-selected-active-bg: #402C9F;
1350
1439
  --control-selected-active-fg: #000000;
1351
- --control-selected-active-border: #4936D9;
1352
- --control-selected-muted-bg: #6D5BD0;
1440
+ --control-selected-active-border: #402C9F;
1441
+ --control-selected-muted-bg: #6346E8;
1353
1442
  --control-selected-muted-fg: #FFFFFF;
1354
- --control-selected-muted-border: #6D5BD0;
1355
- --control-selected-radio-default-bg: #8B7CF6;
1356
- --control-selected-radio-default-fg: #6D5BD0;
1357
- --control-selected-radio-default-border: #7C6CF2;
1443
+ --control-selected-muted-border: #6346E8;
1444
+ --control-selected-radio-default-bg: #9B7CFF;
1445
+ --control-selected-radio-default-fg: #7C5CFF;
1446
+ --control-selected-radio-default-border: #B8A8FF;
1358
1447
  --divider-default: #FFFFFF;
1359
1448
  --divider-muted: #4B5563;
1360
1449
  --divider-strong: #FFFFFF;
1361
- --focus-ring: #FFFF00;
1450
+ --focus-ring: #F59E0B;
1362
1451
  --focus-ring-offset: #000000;
1363
- --navigation-hover-bg: #FFFF00;
1452
+ --navigation-hover-bg: #FBBF24;
1364
1453
  --navigation-hover-fg: #000000;
1365
- --navigation-active-bg: #FFFF00;
1454
+ --navigation-active-bg: #FBBF24;
1366
1455
  --navigation-active-fg: #000000;
1367
- --navigation-brand-hover-bg: #FFFF00;
1456
+ --navigation-brand-hover-bg: #F59E0B;
1368
1457
  --navigation-brand-hover-fg: #000000;
1369
- --navigation-tab-hover-fg: #FFFF00;
1370
- --navigation-tab-focus-ring: #FFFF00;
1458
+ --navigation-tab-hover-fg: #F59E0B;
1459
+ --navigation-tab-focus-ring: #F59E0B;
1371
1460
  --navigation-option-hover-bg: #1F2937;
1372
1461
  --navigation-option-hover-fg: #FFFFFF;
1373
1462
  --navigation-option-active-bg: #111827;
@@ -1381,28 +1470,29 @@
1381
1470
  --navigation-item-active-fg: #FFFFFF;
1382
1471
  --navigation-border: #E5E7EB;
1383
1472
  --skeleton-base: #111827;
1384
- --skeleton-highlight: #3399FF;
1385
- --status-success-fg: #9AFFB8;
1473
+ --skeleton-highlight: #0284C7;
1474
+ --status-success-fg: #6EE7B7;
1386
1475
  --status-success-bg: #111827;
1387
- --status-success-border: #9AFFB8;
1388
- --status-success-strong: #9AFFB8;
1389
- --status-error-fg: #FF8A8A;
1476
+ --status-success-border: #6EE7B7;
1477
+ --status-success-strong: #6EE7B7;
1478
+ --status-error-fg: #FB7185;
1390
1479
  --status-error-bg: #111827;
1391
- --status-error-border: #FF8A8A;
1392
- --status-error-strong: #FF8A8A;
1393
- --status-warning-fg: #FFFF00;
1480
+ --status-error-border: #FB7185;
1481
+ --status-error-strong: #FDA4AF;
1482
+ --status-warning-fg: #FBBF24;
1394
1483
  --status-warning-bg: #111827;
1395
- --status-warning-border: #FFFF00;
1396
- --status-warning-strong: #FFFF00;
1397
- --status-info-fg: #3399FF;
1484
+ --status-warning-border: #FBBF24;
1485
+ --status-warning-strong: #FBBF24;
1486
+ --status-info-fg: #0284C7;
1398
1487
  --status-info-bg: #111827;
1399
- --status-info-border: #3399FF;
1400
- --status-info-strong: #3399FF;
1488
+ --status-info-border: #0284C7;
1489
+ --status-info-strong: #0284C7;
1401
1490
  --surface-default: #000000;
1402
- --surface-muted: #111827;
1403
- --surface-subtle: #1F2937;
1491
+ --surface-muted: #1F2937;
1492
+ --surface-subtle: #111827;
1404
1493
  --surface-elevated: #374151;
1405
1494
  --surface-pressed: #111827;
1495
+ --surface-danger: #9F123980;
1406
1496
  --surface-hover: #1F2937;
1407
1497
  --surface-active: #111827;
1408
1498
  --surface-inverse: #FFFFFF;
@@ -1413,60 +1503,60 @@
1413
1503
  --text-subtle: #F3F4F6;
1414
1504
  --text-inverse: #000000;
1415
1505
  --text-on-inverse: #000000;
1416
- --text-brand: #A78BFA;
1417
- --button-primary-solid-default-bg: #6D5BD0;
1506
+ --text-brand: #B8A8FF;
1507
+ --button-primary-solid-default-bg: #6346E8;
1418
1508
  --button-primary-solid-default-fg: #FFFFFF;
1419
- --button-primary-solid-default-border: #6D5BD0;
1420
- --button-primary-solid-hover-bg: #5B4BEA;
1509
+ --button-primary-solid-default-border: #6346E8;
1510
+ --button-primary-solid-hover-bg: #7C5CFF;
1421
1511
  --button-primary-solid-hover-fg: #FFFFFF;
1422
- --button-primary-solid-hover-border: #5B4BEA;
1423
- --button-primary-solid-pressed-bg: #6D5BD0;
1512
+ --button-primary-solid-hover-border: #7C5CFF;
1513
+ --button-primary-solid-pressed-bg: #9B7CFF;
1424
1514
  --button-primary-solid-pressed-fg: #FFFFFF;
1425
- --button-primary-solid-pressed-border: #6D5BD0;
1515
+ --button-primary-solid-pressed-border: #9B7CFF;
1426
1516
  --button-primary-outline-default-bg: transparent;
1427
- --button-primary-outline-default-fg: #6D5BD0;
1428
- --button-primary-outline-default-border: #6D5BD0;
1429
- --button-primary-outline-hover-bg: #111827;
1430
- --button-primary-outline-hover-fg: #5B4BEA;
1431
- --button-primary-outline-hover-border: #5B4BEA;
1432
- --button-primary-outline-pressed-bg: #111827;
1433
- --button-primary-outline-pressed-fg: #6D5BD0;
1434
- --button-primary-outline-pressed-border: #6D5BD0;
1517
+ --button-primary-outline-default-fg: #B8A8FF;
1518
+ --button-primary-outline-default-border: #B8A8FF;
1519
+ --button-primary-outline-hover-bg: #1F2937;
1520
+ --button-primary-outline-hover-fg: #B8A8FF;
1521
+ --button-primary-outline-hover-border: #D4CCFF;
1522
+ --button-primary-outline-pressed-bg: #1F2937;
1523
+ --button-primary-outline-pressed-fg: #9B7CFF;
1524
+ --button-primary-outline-pressed-border: #9B7CFF;
1435
1525
  --button-primary-ghost-default-bg: transparent;
1436
- --button-primary-ghost-default-fg: #6D5BD0;
1526
+ --button-primary-ghost-default-fg: #B8A8FF;
1437
1527
  --button-primary-ghost-default-border: transparent;
1438
- --button-primary-ghost-hover-bg: #111827;
1439
- --button-primary-ghost-hover-fg: #5B4BEA;
1528
+ --button-primary-ghost-hover-bg: #1F2937;
1529
+ --button-primary-ghost-hover-fg: #D4CCFF;
1440
1530
  --button-primary-ghost-hover-border: transparent;
1441
- --button-primary-ghost-pressed-bg: #111827;
1442
- --button-primary-ghost-pressed-fg: #6D5BD0;
1531
+ --button-primary-ghost-pressed-bg: #1F2937;
1532
+ --button-primary-ghost-pressed-fg: #9B7CFF;
1443
1533
  --button-primary-ghost-pressed-border: transparent;
1444
- --button-secondary-solid-default-bg: #0265c7;
1445
- --button-secondary-solid-default-fg: #FFFFFF;
1446
- --button-secondary-solid-default-border: #0265c7;
1447
- --button-secondary-solid-hover-bg: #023ac7;
1448
- --button-secondary-solid-hover-fg: #FFFFFF;
1449
- --button-secondary-solid-hover-border: #023ac7;
1450
- --button-secondary-solid-pressed-bg: #0265c7;
1451
- --button-secondary-solid-pressed-fg: #FFFFFF;
1452
- --button-secondary-solid-pressed-border: #0265c7;
1534
+ --button-secondary-solid-default-bg: #3ED5EE;
1535
+ --button-secondary-solid-default-fg: #000000;
1536
+ --button-secondary-solid-default-border: #3ED5EE;
1537
+ --button-secondary-solid-hover-bg: #79E8F8;
1538
+ --button-secondary-solid-hover-fg: #000000;
1539
+ --button-secondary-solid-hover-border: #79E8F8;
1540
+ --button-secondary-solid-pressed-bg: #B4F4FD;
1541
+ --button-secondary-solid-pressed-fg: #000000;
1542
+ --button-secondary-solid-pressed-border: #B4F4FD;
1453
1543
  --button-secondary-outline-default-bg: transparent;
1454
- --button-secondary-outline-default-fg: #0265c7;
1455
- --button-secondary-outline-default-border: #0265c7;
1544
+ --button-secondary-outline-default-fg: #79E8F8;
1545
+ --button-secondary-outline-default-border: #79E8F8;
1456
1546
  --button-secondary-outline-hover-bg: #1F2937;
1457
- --button-secondary-outline-hover-fg: #023ac7;
1458
- --button-secondary-outline-hover-border: #023ac7;
1547
+ --button-secondary-outline-hover-fg: #B4F4FD;
1548
+ --button-secondary-outline-hover-border: #B4F4FD;
1459
1549
  --button-secondary-outline-pressed-bg: #111827;
1460
- --button-secondary-outline-pressed-fg: #0265c7;
1461
- --button-secondary-outline-pressed-border: #0265c7;
1550
+ --button-secondary-outline-pressed-fg: #B4F4FD;
1551
+ --button-secondary-outline-pressed-border: #B4F4FD;
1462
1552
  --button-secondary-ghost-default-bg: transparent;
1463
- --button-secondary-ghost-default-fg: #0265c7;
1553
+ --button-secondary-ghost-default-fg: #79E8F8;
1464
1554
  --button-secondary-ghost-default-border: transparent;
1465
1555
  --button-secondary-ghost-hover-bg: #1F2937;
1466
- --button-secondary-ghost-hover-fg: #023ac7;
1556
+ --button-secondary-ghost-hover-fg: #B4F4FD;
1467
1557
  --button-secondary-ghost-hover-border: transparent;
1468
1558
  --button-secondary-ghost-pressed-bg: #111827;
1469
- --button-secondary-ghost-pressed-fg: #0265c7;
1559
+ --button-secondary-ghost-pressed-fg: #B4F4FD;
1470
1560
  --button-secondary-ghost-pressed-border: transparent;
1471
1561
  --button-close-solid-default-bg: #FFFFFF;
1472
1562
  --button-close-solid-default-fg: #000000;
@@ -1501,63 +1591,63 @@
1501
1591
  --button-danger-solid-hover-bg: #F43F5E;
1502
1592
  --button-danger-solid-hover-fg: #FFFFFF;
1503
1593
  --button-danger-solid-hover-border: #F43F5E;
1504
- --button-danger-solid-pressed-bg: #B91C1C;
1594
+ --button-danger-solid-pressed-bg: #9F1239;
1505
1595
  --button-danger-solid-pressed-fg: #FFFFFF;
1506
- --button-danger-solid-pressed-border: #B91C1C;
1596
+ --button-danger-solid-pressed-border: #9F1239;
1507
1597
  --button-danger-outline-default-bg: transparent;
1508
- --button-danger-outline-default-fg: #E11D48;
1509
- --button-danger-outline-default-border: #E11D48;
1598
+ --button-danger-outline-default-fg: #FB7185;
1599
+ --button-danger-outline-default-border: #FB7185;
1510
1600
  --button-danger-outline-hover-bg: #111827;
1511
- --button-danger-outline-hover-fg: #F43F5E;
1512
- --button-danger-outline-hover-border: #F43F5E;
1601
+ --button-danger-outline-hover-fg: #FDA4AF;
1602
+ --button-danger-outline-hover-border: #FDA4AF;
1513
1603
  --button-danger-outline-pressed-bg: #111827;
1514
- --button-danger-outline-pressed-fg: #B91C1C;
1515
- --button-danger-outline-pressed-border: #B91C1C;
1604
+ --button-danger-outline-pressed-fg: #9F1239;
1605
+ --button-danger-outline-pressed-border: #9F1239;
1516
1606
  --button-danger-ghost-default-bg: transparent;
1517
- --button-danger-ghost-default-fg: #E11D48;
1607
+ --button-danger-ghost-default-fg: #FB7185;
1518
1608
  --button-danger-ghost-default-border: transparent;
1519
1609
  --button-danger-ghost-hover-bg: #111827;
1520
- --button-danger-ghost-hover-fg: #F43F5E;
1610
+ --button-danger-ghost-hover-fg: #FDA4AF;
1521
1611
  --button-danger-ghost-hover-border: transparent;
1522
1612
  --button-danger-ghost-pressed-bg: #111827;
1523
- --button-danger-ghost-pressed-fg: #B91C1C;
1613
+ --button-danger-ghost-pressed-fg: #9F1239;
1524
1614
  --button-danger-ghost-pressed-border: transparent;
1525
- --button-disabled-bg: #1F2937;
1615
+ --button-disabled-bg: #374151;
1526
1616
  --button-disabled-fg: #6B7280;
1527
- --button-disabled-border: #FFFFFF;
1617
+ --button-disabled-border: #4B5563;
1528
1618
  --checkbox-default-bg: #000000;
1529
1619
  --checkbox-default-fg: #FFFFFF;
1530
1620
  --checkbox-default-border: #4B5563;
1531
1621
  --checkbox-hover-bg: #111827;
1532
1622
  --checkbox-hover-fg: #000000;
1533
- --checkbox-hover-border: #7C6CF2;
1534
- --checkbox-checked-default-bg: #7C6CF2;
1623
+ --checkbox-hover-border: #7C5CFF;
1624
+ --checkbox-checked-default-bg: #7C5CFF;
1535
1625
  --checkbox-checked-default-fg: #FFFFFF;
1536
- --checkbox-checked-default-border: #7C6CF2;
1537
- --checkbox-checked-hover-bg: #0EA5E9;
1626
+ --checkbox-checked-default-border: #7C5CFF;
1627
+ --checkbox-checked-hover-bg: #0369A1;
1538
1628
  --checkbox-checked-hover-fg: #000000;
1539
- --checkbox-checked-hover-border: #0EA5E9;
1540
- --checkbox-checked-pressed-bg: #4936D9;
1629
+ --checkbox-checked-hover-border: #0369A1;
1630
+ --checkbox-checked-pressed-bg: #402C9F;
1541
1631
  --checkbox-checked-pressed-fg: #000000;
1542
- --checkbox-checked-pressed-border: #4936D9;
1543
- --checkbox-focus-ring: #FFFF00;
1544
- --checkbox-disabled-bg: #1F2937;
1632
+ --checkbox-checked-pressed-border: #402C9F;
1633
+ --checkbox-focus-ring: #F59E0B;
1634
+ --checkbox-disabled-bg: #111827;
1545
1635
  --checkbox-disabled-fg: #6B7280;
1546
1636
  --checkbox-disabled-border: #4B5563;
1547
- --checkbox-error-border: #FF8A8A;
1548
- --checkbox-error-fg: #FF8A8A;
1637
+ --checkbox-error-fg: #FB7185;
1638
+ --checkbox-error-border: #FB7185;
1549
1639
  --dropdown-trigger-default-bg: transparent;
1550
1640
  --dropdown-trigger-default-fg: #FFFFFF;
1551
1641
  --dropdown-trigger-default-border: transparent;
1552
1642
  --dropdown-trigger-hover-bg: transparent;
1553
1643
  --dropdown-trigger-hover-fg: #FFFFFF;
1554
- --dropdown-trigger-hover-border: #FFFF00;
1555
- --dropdown-trigger-hover-ring: #FFFF00;
1644
+ --dropdown-trigger-hover-border: #FBBF24;
1645
+ --dropdown-trigger-hover-ring: #F59E0B;
1556
1646
  --dropdown-trigger-focus-bg: transparent;
1557
1647
  --dropdown-trigger-focus-fg: #FFFFFF;
1558
- --dropdown-trigger-focus-border: #FFFF00;
1559
- --dropdown-trigger-focus-ring: #FFFF00;
1560
- --dropdown-trigger-disabled-bg: #111827;
1648
+ --dropdown-trigger-focus-border: #FBBF24;
1649
+ --dropdown-trigger-focus-ring: #F59E0B;
1650
+ --dropdown-trigger-disabled-bg: #1F2937;
1561
1651
  --dropdown-trigger-disabled-fg: #6B7280;
1562
1652
  --dropdown-trigger-disabled-border: #4B5563;
1563
1653
  --dropdown-content-bg: #374151;
@@ -1569,27 +1659,27 @@
1569
1659
  --dropdown-item-hover-fg: #FFFFFF;
1570
1660
  --dropdown-item-active-bg: #1F2937;
1571
1661
  --dropdown-item-active-fg: #FFFFFF;
1572
- --dropdown-item-active-ring: #FFFF00;
1573
- --dropdown-item-focus-ring: #FFFF00;
1662
+ --dropdown-item-active-ring: #F59E0B;
1663
+ --dropdown-item-focus-ring: #F59E0B;
1574
1664
  --dropdown-item-disabled-bg: transparent;
1575
1665
  --dropdown-item-disabled-fg: #6B7280;
1576
- --dropdown-item-danger-default-fg: #FF8A8A;
1666
+ --dropdown-item-danger-default-fg: #FB7185;
1577
1667
  --dropdown-item-danger-hover-bg: #1F2937;
1578
- --dropdown-item-danger-hover-fg: #FF8A8A;
1668
+ --dropdown-item-danger-hover-fg: #FB7185;
1579
1669
  --dropdown-item-danger-active-bg: #1F2937;
1580
- --dropdown-item-danger-active-fg: #FF8A8A;
1581
- --dropdown-item-danger-active-ring: #FFFF00;
1670
+ --dropdown-item-danger-active-fg: #FB7185;
1671
+ --dropdown-item-danger-active-ring: #F59E0B;
1582
1672
  --dropdown-group-label-fg: #E5E7EB;
1583
1673
  --dropdown-separator-bg: #4B5563;
1584
1674
  --dropdown-separator-fg: #E5E7EB;
1585
1675
  --form-field-label-fg: #EEE8FA;
1586
1676
  --form-field-description-fg: #E5E7EB;
1587
1677
  --form-field-helper-text-default-fg: #E5E7EB;
1588
- --form-field-helper-text-error-fg: #FF8A8A;
1589
- --form-field-helper-text-success-fg: #9AFFB8;
1590
- --form-field-helper-text-warning-fg: #FFFF00;
1591
- --form-field-helper-text-info-fg: #3399FF;
1592
- --form-field-required-mark-fg: #FF8A8A;
1678
+ --form-field-helper-text-error-fg: #FB7185;
1679
+ --form-field-helper-text-success-fg: #6EE7B7;
1680
+ --form-field-helper-text-warning-fg: #FBBF24;
1681
+ --form-field-helper-text-info-fg: #0284C7;
1682
+ --form-field-required-mark-fg: #FB7185;
1593
1683
  --form-field-disabled-label-fg: #6B7280;
1594
1684
  --form-field-disabled-description-fg: #6B7280;
1595
1685
  --form-field-disabled-helper-text-fg: #6B7280;
@@ -1597,39 +1687,60 @@
1597
1687
  --input-default-fg: #FFFFFF;
1598
1688
  --input-default-border: #FFFFFF;
1599
1689
  --input-default-placeholder: #E5E7EB;
1600
- --input-hover-bg: #FFFF00;
1690
+ --input-default-icon: #9B7CFF;
1691
+ --input-hover-bg: #1F2937;
1601
1692
  --input-hover-fg: #000000;
1602
- --input-hover-border: #FFFF00;
1693
+ --input-hover-border: #FBBF24;
1603
1694
  --input-hover-placeholder: #000000;
1695
+ --input-hover-icon: #9B7CFF;
1604
1696
  --input-focus-bg: transparent;
1605
1697
  --input-focus-fg: #FFFFFF;
1606
- --input-focus-border: #FFFF00;
1607
- --input-focus-ring: #FFFF00;
1698
+ --input-focus-border: #FBBF24;
1699
+ --input-focus-ring: #F59E0B;
1608
1700
  --input-focus-placeholder: #E5E7EB;
1609
- --input-disabled-bg: #111827;
1701
+ --input-focus-icon: #FFFFFF;
1702
+ --input-disabled-bg: #1F2937;
1610
1703
  --input-disabled-fg: #6B7280;
1611
1704
  --input-disabled-border: #4B5563;
1612
1705
  --input-disabled-placeholder: #6B7280;
1613
- --input-error-border: #FF8A8A;
1614
- --input-error-ring: #FF8A8A;
1615
- --input-success-border: #9AFFB8;
1616
- --input-success-ring: #9AFFB8;
1706
+ --input-disabled-icon: #D1D5DB;
1707
+ --input-error-border: #FB7185;
1708
+ --input-error-ring: #FB7185;
1709
+ --input-success-border: #6EE7B7;
1710
+ --input-success-ring: #6EE7B7;
1711
+ --input-read-only-bg: #111827;
1712
+ --input-read-only-fg: #EEE8FA;
1713
+ --input-read-only-border: #FFFFFF;
1714
+ --input-read-only-placeholder: #E5E7EB;
1715
+ --input-read-only-icon: #9CA3AF;
1716
+ --input-icon-default: #0F0F0F;
1717
+ --input-icon-primary: #B8A8FF;
1718
+ --input-icon-secondary: #9CA3AF;
1719
+ --input-icon-success: #10B981;
1720
+ --input-icon-danger: #F43F5E;
1721
+ --input-icon-muted: #9CA3AF;
1722
+ --input-icon-inverse: #1A1A1A;
1723
+ --input-clear-button-fg: #FB7185;
1724
+ --input-clear-button-hover-fg: #FB7185;
1725
+ --input-clear-button-hover-bg: #9F123980;
1726
+ --input-clear-button-focus-bg: #FFFFFF;
1727
+ --input-clear-button-pressed-bg: #111827;
1617
1728
  --menu-item-default-bg: transparent;
1618
1729
  --menu-item-default-fg: #FFFFFF;
1619
1730
  --menu-item-hover-bg: #1F2937;
1620
1731
  --menu-item-hover-fg: #FFFFFF;
1621
1732
  --menu-item-active-bg: #1F2937;
1622
1733
  --menu-item-active-fg: #FFFFFF;
1623
- --menu-item-focus-ring: #FFFF00;
1624
- --menu-item-disabled-bg: #111827;
1734
+ --menu-item-focus-ring: #F59E0B;
1735
+ --menu-item-disabled-bg: #1F2937;
1625
1736
  --menu-item-disabled-fg: #6B7280;
1626
1737
  --menu-item-danger-default-fg: #E11D48;
1627
- --menu-item-danger-hover-bg: #111827;
1628
- --menu-item-danger-hover-fg: #FF8A8A;
1629
- --menu-item-danger-active-bg: #4C0519;
1630
- --menu-item-danger-active-fg: #FF8A8A;
1738
+ --menu-item-danger-hover-bg: #FDA4AF;
1739
+ --menu-item-danger-hover-fg: #FDA4AF;
1740
+ --menu-item-danger-active-bg: #FB7185;
1741
+ --menu-item-danger-active-fg: #FB7185;
1631
1742
  --menu-trigger-default-fg: #FFFFFF;
1632
- --menu-trigger-hover-bg: #FFFF00;
1743
+ --menu-trigger-hover-bg: #F59E0B;
1633
1744
  --menu-trigger-hover-fg: #000000;
1634
1745
  --menu-trigger-hover-ring: transparent;
1635
1746
  --menu-group-label-fg: #E5E7EB;
@@ -1641,7 +1752,7 @@
1641
1752
  --modal-description-fg: #E5E7EB;
1642
1753
  --modal-close-button-default-bg: transparent;
1643
1754
  --modal-close-button-default-fg: #EEE8FA;
1644
- --modal-close-button-hover-bg: #1F2937;
1755
+ --modal-close-button-hover-bg: #111827;
1645
1756
  --modal-close-button-hover-fg: #FFFFFF;
1646
1757
  --modal-close-button-disabled-bg: transparent;
1647
1758
  --modal-close-button-disabled-fg: #6B7280;
@@ -1649,82 +1760,82 @@
1649
1760
  --radio-default-fg: #FFFFFF;
1650
1761
  --radio-default-border: #FFFFFF;
1651
1762
  --radio-hover-bg: #111827;
1652
- --radio-hover-fg: #7C6CF2;
1653
- --radio-hover-border: #A78BFA;
1654
- --radio-checked-default-bg: #8B7CF6;
1655
- --radio-checked-default-fg: #6D5BD0;
1656
- --radio-checked-default-border: #7C6CF2;
1657
- --radio-checked-hover-bg: #0EA5E9;
1763
+ --radio-hover-fg: #B8A8FF;
1764
+ --radio-hover-border: #B8A8FF;
1765
+ --radio-checked-default-bg: #9B7CFF;
1766
+ --radio-checked-default-fg: #7C5CFF;
1767
+ --radio-checked-default-border: #B8A8FF;
1768
+ --radio-checked-hover-bg: #0369A1;
1658
1769
  --radio-checked-hover-fg: #FFFFFF;
1659
- --radio-checked-hover-border: #0EA5E9;
1660
- --radio-checked-pressed-bg: #4936D9;
1770
+ --radio-checked-hover-border: #0369A1;
1771
+ --radio-checked-pressed-bg: #402C9F;
1661
1772
  --radio-checked-pressed-fg: #FFFFFF;
1662
- --radio-checked-pressed-border: #4936D9;
1663
- --radio-focus-ring: #FFFF00;
1664
- --radio-disabled-bg: #1F2937;
1773
+ --radio-checked-pressed-border: #402C9F;
1774
+ --radio-focus-ring: #F59E0B;
1775
+ --radio-disabled-bg: #111827;
1665
1776
  --radio-disabled-fg: #6B7280;
1666
1777
  --radio-disabled-border: #FFFFFF;
1667
- --select-trigger-default-bg: #000000;
1778
+ --select-trigger-default-bg: transparent;
1668
1779
  --select-trigger-default-fg: #FFFFFF;
1669
1780
  --select-trigger-default-border: #FFFFFF;
1670
- --select-trigger-hover-bg: transparent;
1781
+ --select-trigger-hover-bg: #1F2937;
1671
1782
  --select-trigger-hover-fg: #FFFFFF;
1672
- --select-trigger-hover-border: #FFFF00;
1783
+ --select-trigger-hover-border: #FBBF24;
1673
1784
  --select-trigger-focus-bg: #000000;
1674
1785
  --select-trigger-focus-fg: #FFFFFF;
1675
- --select-trigger-focus-border: #FFFF00;
1676
- --select-trigger-focus-ring: #FFFF00;
1677
- --select-trigger-disabled-bg: #1F2937;
1786
+ --select-trigger-focus-border: #FBBF24;
1787
+ --select-trigger-focus-ring: #F59E0B;
1788
+ --select-trigger-disabled-bg: #111827;
1678
1789
  --select-trigger-disabled-fg: #6B7280;
1679
- --select-trigger-disabled-border: #374151;
1790
+ --select-trigger-disabled-border: #4B5563;
1680
1791
  --select-trigger-placeholder-fg: #E5E7EB;
1681
- --select-trigger-error-border: #FF8A8A;
1792
+ --select-trigger-error-border: #FB7185;
1682
1793
  --select-trigger-error-ring: #111827;
1683
1794
  --select-dropdown-bg: #374151;
1684
1795
  --select-dropdown-fg: #FFFFFF;
1685
- --select-dropdown-border: #FFFF00;
1796
+ --select-dropdown-border: #FBBF24;
1686
1797
  --select-option-default-bg: transparent;
1687
1798
  --select-option-default-fg: #FFFFFF;
1688
1799
  --select-option-default-border: #4B5563;
1689
- --select-option-hover-bg: #FFFF00;
1800
+ --select-option-hover-bg: #FBBF24;
1690
1801
  --select-option-hover-fg: #000000;
1691
- --select-option-active-bg: #FFFF00;
1802
+ --select-option-active-bg: #FBBF24;
1692
1803
  --select-option-active-fg: #000000;
1693
1804
  --select-option-active-ring: transparent;
1694
- --select-option-selected-bg: #7C6CF2;
1805
+ --select-option-selected-bg: #7C5CFF;
1695
1806
  --select-option-selected-fg: #FFFFFF;
1696
1807
  --select-option-disabled-bg: transparent;
1697
1808
  --select-option-disabled-fg: #6B7280;
1698
- --select-option-disabled-border: #374151;
1809
+ --select-option-disabled-border: #4B5563;
1699
1810
  --tabs-list-border: #FFFFFF;
1700
1811
  --tabs-trigger-default-bg: transparent;
1701
1812
  --tabs-trigger-default-fg: #FFFFFF;
1702
1813
  --tabs-trigger-default-border: transparent;
1703
1814
  --tabs-trigger-hover-bg: transparent;
1704
- --tabs-trigger-hover-fg: #FFFF00;
1705
- --tabs-trigger-hover-border: #FFFF00;
1815
+ --tabs-trigger-hover-fg: #FBBF24;
1816
+ --tabs-trigger-hover-border: #FBBF24;
1706
1817
  --tabs-trigger-active-bg: transparent;
1707
- --tabs-trigger-active-fg: #A78BFA;
1708
- --tabs-trigger-active-border: #6D5BD0;
1709
- --tabs-trigger-focus-ring: #FFFF00;
1818
+ --tabs-trigger-active-fg: #B8A8FF;
1819
+ --tabs-trigger-active-border: #6346E8;
1820
+ --tabs-trigger-focus-ring: #FBBF24;
1710
1821
  --tabs-trigger-disabled-bg: transparent;
1711
1822
  --tabs-trigger-disabled-fg: #6B7280;
1712
1823
  --tabs-trigger-disabled-border: transparent;
1713
1824
  --tabs-pills-default-bg: transparent;
1714
1825
  --tabs-pills-default-fg: #FFFFFF;
1715
1826
  --tabs-pills-default-border: transparent;
1716
- --tabs-pills-hover-bg: #FFFF00;
1827
+ --tabs-pills-hover-bg: #FBBF24;
1717
1828
  --tabs-pills-hover-fg: #000000;
1718
1829
  --tabs-pills-hover-border: transparent;
1719
- --tabs-pills-active-bg: #6D5BD0;
1830
+ --tabs-pills-active-bg: #B8A8FF;
1720
1831
  --tabs-pills-active-fg: #FFFFFF;
1721
- --tabs-pills-active-border: #6D5BD0;
1832
+ --tabs-pills-active-border: #B8A8FF;
1722
1833
  --tabs-pills-disabled-bg: transparent;
1723
1834
  --tabs-pills-disabled-fg: #6B7280;
1724
1835
  --tabs-pills-disabled-border: transparent;
1725
- --tabs-indicator-default-bg: #FFFF00;
1726
- --tabs-indicator-hover-bg: #FFFF00;
1727
- --tabs-indicator-active-bg: #A78BFA;
1836
+ --tabs-indicator-default-bg: #FBBF24;
1837
+ --tabs-indicator-hover-bg: #FBBF24;
1838
+ --tabs-indicator-active-bg: #B8A8FF;
1728
1839
  --tabs-panel-fg: #FFFFFF;
1729
1840
  --tooltip-content-bg: #FFFFFF;
1730
1841
  --tooltip-content-fg: #000000;