@vellira-ui/tokens 2.25.1 → 2.26.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 (247) hide show
  1. package/dist/css/tokens.css +1217 -870
  2. package/dist/dark/components/button.d.ts +53 -53
  3. package/dist/dark/components/button.d.ts.map +1 -1
  4. package/dist/dark/components/button.js +58 -60
  5. package/dist/dark/components/checkbox.d.ts +17 -13
  6. package/dist/dark/components/checkbox.d.ts.map +1 -1
  7. package/dist/dark/components/checkbox.js +21 -10
  8. package/dist/dark/components/contextMenu.d.ts +89 -0
  9. package/dist/dark/components/contextMenu.d.ts.map +1 -0
  10. package/dist/dark/components/contextMenu.js +52 -0
  11. package/dist/dark/components/dropdown.d.ts +33 -13
  12. package/dist/dark/components/dropdown.d.ts.map +1 -1
  13. package/dist/dark/components/dropdown.js +30 -27
  14. package/dist/dark/components/formField.d.ts +2 -2
  15. package/dist/dark/components/formField.js +1 -1
  16. package/dist/dark/components/index.d.ts +1 -1
  17. package/dist/dark/components/index.d.ts.map +1 -1
  18. package/dist/dark/components/index.js +1 -1
  19. package/dist/dark/components/input.d.ts +26 -26
  20. package/dist/dark/components/input.js +11 -11
  21. package/dist/dark/components/modal.d.ts +21 -4
  22. package/dist/dark/components/modal.d.ts.map +1 -1
  23. package/dist/dark/components/modal.js +18 -4
  24. package/dist/dark/components/radio.d.ts +24 -19
  25. package/dist/dark/components/radio.d.ts.map +1 -1
  26. package/dist/dark/components/radio.js +19 -19
  27. package/dist/dark/components/select.d.ts +24 -14
  28. package/dist/dark/components/select.d.ts.map +1 -1
  29. package/dist/dark/components/select.js +31 -24
  30. package/dist/dark/components/tabs.d.ts +17 -12
  31. package/dist/dark/components/tabs.d.ts.map +1 -1
  32. package/dist/dark/components/tabs.js +9 -8
  33. package/dist/dark/components/tooltip.d.ts +2 -1
  34. package/dist/dark/components/tooltip.d.ts.map +1 -1
  35. package/dist/dark/components/tooltip.js +7 -7
  36. package/dist/dark/semantic/action.d.ts +30 -30
  37. package/dist/dark/semantic/action.d.ts.map +1 -1
  38. package/dist/dark/semantic/action.js +45 -45
  39. package/dist/dark/semantic/border.d.ts +5 -5
  40. package/dist/dark/semantic/border.d.ts.map +1 -1
  41. package/dist/dark/semantic/border.js +5 -5
  42. package/dist/dark/semantic/control.d.ts +21 -16
  43. package/dist/dark/semantic/control.d.ts.map +1 -1
  44. package/dist/dark/semantic/control.js +24 -19
  45. package/dist/dark/semantic/divider.d.ts +3 -3
  46. package/dist/dark/semantic/divider.js +3 -3
  47. package/dist/dark/semantic/focus.d.ts +6 -2
  48. package/dist/dark/semantic/focus.d.ts.map +1 -1
  49. package/dist/dark/semantic/focus.js +6 -2
  50. package/dist/dark/semantic/icons.d.ts +10 -11
  51. package/dist/dark/semantic/icons.d.ts.map +1 -1
  52. package/dist/dark/semantic/icons.js +10 -11
  53. package/dist/dark/semantic/index.d.ts +3 -0
  54. package/dist/dark/semantic/index.d.ts.map +1 -1
  55. package/dist/dark/semantic/index.js +3 -0
  56. package/dist/dark/{components → semantic}/menu.d.ts +14 -19
  57. package/dist/dark/semantic/menu.d.ts.map +1 -0
  58. package/dist/dark/semantic/menu.js +47 -0
  59. package/dist/dark/semantic/navigation.d.ts +8 -8
  60. package/dist/dark/semantic/navigation.d.ts.map +1 -1
  61. package/dist/dark/semantic/navigation.js +5 -4
  62. package/dist/dark/semantic/overlay.d.ts +17 -0
  63. package/dist/dark/semantic/overlay.d.ts.map +1 -0
  64. package/dist/dark/semantic/overlay.js +19 -0
  65. package/dist/dark/semantic/shadow.d.ts +8 -0
  66. package/dist/dark/semantic/shadow.d.ts.map +1 -0
  67. package/dist/dark/semantic/shadow.js +7 -0
  68. package/dist/dark/semantic/skeleton.d.ts +2 -2
  69. package/dist/dark/semantic/skeleton.js +2 -2
  70. package/dist/dark/semantic/status.d.ts +12 -8
  71. package/dist/dark/semantic/status.d.ts.map +1 -1
  72. package/dist/dark/semantic/status.js +12 -8
  73. package/dist/dark/semantic/surface.d.ts +4 -4
  74. package/dist/dark/semantic/surface.d.ts.map +1 -1
  75. package/dist/dark/semantic/surface.js +4 -4
  76. package/dist/dark/semantic/text.d.ts +6 -5
  77. package/dist/dark/semantic/text.d.ts.map +1 -1
  78. package/dist/dark/semantic/text.js +6 -5
  79. package/dist/generated/token-types.d.ts +5 -5
  80. package/dist/generated/token-types.d.ts.map +1 -1
  81. package/dist/generated/token-types.js +565 -132
  82. package/dist/highContrast/components/button.d.ts +70 -70
  83. package/dist/highContrast/components/button.d.ts.map +1 -1
  84. package/dist/highContrast/components/button.js +68 -69
  85. package/dist/highContrast/components/checkbox.d.ts +19 -15
  86. package/dist/highContrast/components/checkbox.d.ts.map +1 -1
  87. package/dist/highContrast/components/checkbox.js +22 -12
  88. package/dist/highContrast/components/contextMenu.d.ts +89 -0
  89. package/dist/highContrast/components/contextMenu.d.ts.map +1 -0
  90. package/dist/highContrast/components/contextMenu.js +52 -0
  91. package/dist/highContrast/components/dropdown.d.ts +45 -25
  92. package/dist/highContrast/components/dropdown.d.ts.map +1 -1
  93. package/dist/highContrast/components/dropdown.js +28 -37
  94. package/dist/highContrast/components/formField.d.ts +5 -5
  95. package/dist/highContrast/components/formField.js +2 -2
  96. package/dist/highContrast/components/index.d.ts +1 -1
  97. package/dist/highContrast/components/index.d.ts.map +1 -1
  98. package/dist/highContrast/components/index.js +1 -1
  99. package/dist/highContrast/components/input.d.ts +29 -29
  100. package/dist/highContrast/components/input.d.ts.map +1 -1
  101. package/dist/highContrast/components/input.js +16 -17
  102. package/dist/highContrast/components/modal.d.ts +22 -5
  103. package/dist/highContrast/components/modal.d.ts.map +1 -1
  104. package/dist/highContrast/components/modal.js +19 -6
  105. package/dist/highContrast/components/radio.d.ts +27 -22
  106. package/dist/highContrast/components/radio.d.ts.map +1 -1
  107. package/dist/highContrast/components/radio.js +20 -20
  108. package/dist/highContrast/components/select.d.ts +27 -17
  109. package/dist/highContrast/components/select.d.ts.map +1 -1
  110. package/dist/highContrast/components/select.js +31 -30
  111. package/dist/highContrast/components/tabs.d.ts +21 -16
  112. package/dist/highContrast/components/tabs.d.ts.map +1 -1
  113. package/dist/highContrast/components/tabs.js +18 -15
  114. package/dist/highContrast/components/tooltip.d.ts +3 -2
  115. package/dist/highContrast/components/tooltip.d.ts.map +1 -1
  116. package/dist/highContrast/components/tooltip.js +7 -7
  117. package/dist/highContrast/semantic/action.d.ts +48 -38
  118. package/dist/highContrast/semantic/action.d.ts.map +1 -1
  119. package/dist/highContrast/semantic/action.js +58 -49
  120. package/dist/highContrast/semantic/border.d.ts +4 -4
  121. package/dist/highContrast/semantic/border.d.ts.map +1 -1
  122. package/dist/highContrast/semantic/border.js +4 -4
  123. package/dist/highContrast/semantic/control.d.ts +23 -28
  124. package/dist/highContrast/semantic/control.d.ts.map +1 -1
  125. package/dist/highContrast/semantic/control.js +24 -29
  126. package/dist/highContrast/semantic/divider.d.ts +2 -2
  127. package/dist/highContrast/semantic/divider.js +2 -2
  128. package/dist/highContrast/semantic/focus.d.ts +6 -2
  129. package/dist/highContrast/semantic/focus.d.ts.map +1 -1
  130. package/dist/highContrast/semantic/focus.js +6 -2
  131. package/dist/highContrast/semantic/icons.d.ts +10 -11
  132. package/dist/highContrast/semantic/icons.d.ts.map +1 -1
  133. package/dist/highContrast/semantic/icons.js +11 -12
  134. package/dist/highContrast/semantic/index.d.ts +4 -0
  135. package/dist/highContrast/semantic/index.d.ts.map +1 -1
  136. package/dist/highContrast/semantic/index.js +4 -0
  137. package/dist/highContrast/{components → semantic}/menu.d.ts +20 -25
  138. package/dist/highContrast/semantic/menu.d.ts.map +1 -0
  139. package/dist/highContrast/semantic/menu.js +47 -0
  140. package/dist/highContrast/semantic/navigation.d.ts +14 -25
  141. package/dist/highContrast/semantic/navigation.d.ts.map +1 -1
  142. package/dist/highContrast/semantic/navigation.js +12 -23
  143. package/dist/highContrast/semantic/overlay.d.ts +17 -0
  144. package/dist/highContrast/semantic/overlay.d.ts.map +1 -0
  145. package/dist/highContrast/semantic/overlay.js +19 -0
  146. package/dist/highContrast/semantic/shadow.d.ts +8 -0
  147. package/dist/highContrast/semantic/shadow.d.ts.map +1 -0
  148. package/dist/highContrast/semantic/shadow.js +7 -0
  149. package/dist/highContrast/semantic/skeleton.d.ts +1 -1
  150. package/dist/highContrast/semantic/skeleton.js +1 -1
  151. package/dist/highContrast/semantic/status.d.ts +17 -13
  152. package/dist/highContrast/semantic/status.d.ts.map +1 -1
  153. package/dist/highContrast/semantic/status.js +17 -13
  154. package/dist/highContrast/semantic/surface.d.ts +6 -6
  155. package/dist/highContrast/semantic/surface.d.ts.map +1 -1
  156. package/dist/highContrast/semantic/surface.js +7 -7
  157. package/dist/highContrast/semantic/text.d.ts +7 -6
  158. package/dist/highContrast/semantic/text.d.ts.map +1 -1
  159. package/dist/highContrast/semantic/text.js +7 -6
  160. package/dist/light/components/button.d.ts +49 -49
  161. package/dist/light/components/button.d.ts.map +1 -1
  162. package/dist/light/components/button.js +62 -64
  163. package/dist/light/components/checkbox.d.ts +18 -14
  164. package/dist/light/components/checkbox.d.ts.map +1 -1
  165. package/dist/light/components/checkbox.js +16 -12
  166. package/dist/light/components/contextMenu.d.ts +89 -0
  167. package/dist/light/components/contextMenu.d.ts.map +1 -0
  168. package/dist/light/components/contextMenu.js +52 -0
  169. package/dist/light/components/dropdown.d.ts +38 -18
  170. package/dist/light/components/dropdown.d.ts.map +1 -1
  171. package/dist/light/components/dropdown.js +21 -31
  172. package/dist/light/components/formField.d.ts +7 -7
  173. package/dist/light/components/formField.js +1 -1
  174. package/dist/light/components/index.d.ts +1 -1
  175. package/dist/light/components/index.d.ts.map +1 -1
  176. package/dist/light/components/index.js +1 -1
  177. package/dist/light/components/input.d.ts +31 -31
  178. package/dist/light/components/input.d.ts.map +1 -1
  179. package/dist/light/components/input.js +14 -15
  180. package/dist/light/components/modal.d.ts +25 -8
  181. package/dist/light/components/modal.d.ts.map +1 -1
  182. package/dist/light/components/modal.js +19 -6
  183. package/dist/light/components/radio.d.ts +23 -18
  184. package/dist/light/components/radio.d.ts.map +1 -1
  185. package/dist/light/components/radio.js +21 -21
  186. package/dist/light/components/select.d.ts +28 -18
  187. package/dist/light/components/select.d.ts.map +1 -1
  188. package/dist/light/components/select.js +31 -26
  189. package/dist/light/components/tabs.d.ts +20 -15
  190. package/dist/light/components/tabs.d.ts.map +1 -1
  191. package/dist/light/components/tabs.js +14 -13
  192. package/dist/light/components/tooltip.d.ts +3 -2
  193. package/dist/light/components/tooltip.d.ts.map +1 -1
  194. package/dist/light/components/tooltip.js +7 -7
  195. package/dist/light/semantic/action.d.ts +30 -28
  196. package/dist/light/semantic/action.d.ts.map +1 -1
  197. package/dist/light/semantic/action.js +38 -36
  198. package/dist/light/semantic/border.d.ts +4 -4
  199. package/dist/light/semantic/border.d.ts.map +1 -1
  200. package/dist/light/semantic/border.js +4 -4
  201. package/dist/light/semantic/control.d.ts +18 -13
  202. package/dist/light/semantic/control.d.ts.map +1 -1
  203. package/dist/light/semantic/control.js +18 -13
  204. package/dist/light/semantic/divider.d.ts +3 -3
  205. package/dist/light/semantic/divider.js +3 -3
  206. package/dist/light/semantic/focus.d.ts +6 -2
  207. package/dist/light/semantic/focus.d.ts.map +1 -1
  208. package/dist/light/semantic/focus.js +6 -2
  209. package/dist/light/semantic/icons.d.ts +10 -11
  210. package/dist/light/semantic/icons.d.ts.map +1 -1
  211. package/dist/light/semantic/icons.js +10 -11
  212. package/dist/light/semantic/index.d.ts +3 -0
  213. package/dist/light/semantic/index.d.ts.map +1 -1
  214. package/dist/light/semantic/index.js +3 -0
  215. package/dist/light/{components → semantic}/menu.d.ts +17 -22
  216. package/dist/light/semantic/menu.d.ts.map +1 -0
  217. package/dist/light/semantic/menu.js +47 -0
  218. package/dist/light/semantic/navigation.d.ts +13 -9
  219. package/dist/light/semantic/navigation.d.ts.map +1 -1
  220. package/dist/light/semantic/navigation.js +15 -9
  221. package/dist/light/semantic/overlay.d.ts +17 -0
  222. package/dist/light/semantic/overlay.d.ts.map +1 -0
  223. package/dist/light/semantic/overlay.js +19 -0
  224. package/dist/light/semantic/shadow.d.ts +8 -0
  225. package/dist/light/semantic/shadow.d.ts.map +1 -0
  226. package/dist/light/semantic/shadow.js +7 -0
  227. package/dist/light/semantic/skeleton.d.ts +2 -2
  228. package/dist/light/semantic/skeleton.js +2 -2
  229. package/dist/light/semantic/status.d.ts +14 -10
  230. package/dist/light/semantic/status.d.ts.map +1 -1
  231. package/dist/light/semantic/status.js +14 -10
  232. package/dist/light/semantic/surface.d.ts +6 -6
  233. package/dist/light/semantic/surface.d.ts.map +1 -1
  234. package/dist/light/semantic/surface.js +7 -7
  235. package/dist/light/semantic/text.d.ts +7 -5
  236. package/dist/light/semantic/text.d.ts.map +1 -1
  237. package/dist/light/semantic/text.js +7 -5
  238. package/dist/primitives/colors.d.ts +3 -5
  239. package/dist/primitives/colors.d.ts.map +1 -1
  240. package/dist/primitives/colors.js +3 -5
  241. package/package.json +1 -1
  242. package/dist/dark/components/menu.d.ts.map +0 -1
  243. package/dist/dark/components/menu.js +0 -47
  244. package/dist/highContrast/components/menu.d.ts.map +0 -1
  245. package/dist/highContrast/components/menu.js +0 -48
  246. package/dist/light/components/menu.d.ts.map +0 -1
  247. package/dist/light/components/menu.js +0 -48
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * AUTO-GENERATED FILE
3
3
  * DO NOT EDIT MANUALLY
4
- * Generated: 2026-07-13T19:54:15.332Z
4
+ * Generated: 2026-07-15T21:17:13.072Z
5
5
  */
6
6
 
7
7
  :root {
@@ -182,12 +182,12 @@
182
182
  --action-primary-active-bg: #402C9F;
183
183
  --action-primary-active-fg: #FFFFFF;
184
184
  --action-primary-active-border: #402C9F;
185
- --action-primary-muted-bg: #7C5CFF;
186
- --action-primary-muted-fg: #FFFFFF;
187
- --action-primary-muted-border: #7C5CFF;
185
+ --action-primary-muted-bg: #E9E6FF;
186
+ --action-primary-muted-fg: #342580;
187
+ --action-primary-muted-border: #B8A8FF;
188
188
  --action-primary-subtle-bg: #F4F3FF;
189
189
  --action-primary-subtle-fg: #342580;
190
- --action-primary-subtle-border: #5037C8;
190
+ --action-primary-subtle-border: transparent;
191
191
  --action-secondary-default-bg: #0B7D95;
192
192
  --action-secondary-default-fg: #FFFFFF;
193
193
  --action-secondary-default-border: #0B7D95;
@@ -197,27 +197,27 @@
197
197
  --action-secondary-active-bg: #094C5E;
198
198
  --action-secondary-active-fg: #FFFFFF;
199
199
  --action-secondary-active-border: #094C5E;
200
- --action-secondary-muted-bg: #1FBEDB;
201
- --action-secondary-muted-fg: #FFFFFF;
202
- --action-secondary-muted-border: #1FBEDB;
200
+ --action-secondary-muted-bg: #D9FBFF;
201
+ --action-secondary-muted-fg: #094C5E;
202
+ --action-secondary-muted-border: #79E8F8;
203
203
  --action-secondary-subtle-bg: #F2FDFF;
204
- --action-secondary-subtle-fg: #FFFFFF;
205
- --action-secondary-subtle-border: #0B7D95;
206
- --action-close-default-bg: #D8E4F2;
207
- --action-close-default-fg: #0F0F0F;
208
- --action-close-default-border: #D8E4F2;
209
- --action-close-hover-bg: #C4D0DD;
210
- --action-close-hover-fg: #0F0F0F;
211
- --action-close-hover-border: #C4D0DD;
212
- --action-close-active-bg: #98A8BD;
213
- --action-close-active-fg: #0F0F0F;
214
- --action-close-active-border: #98A8BD;
215
- --action-close-muted-bg: #4B5F7A;
216
- --action-close-muted-fg: #FFFFFF;
217
- --action-close-muted-border: #4B5F7A;
218
- --action-close-subtle-bg: #6B7F99;
219
- --action-close-subtle-fg: #FFFFFF;
220
- --action-close-subtle-border: #6B7F99;
204
+ --action-secondary-subtle-fg: #094C5E;
205
+ --action-secondary-subtle-border: transparent;
206
+ --action-close-default-bg: #D4CEE8;
207
+ --action-close-default-fg: #231F31;
208
+ --action-close-default-border: #D4CEE8;
209
+ --action-close-hover-bg: #BBB2D2;
210
+ --action-close-hover-fg: #181521;
211
+ --action-close-hover-border: #BBB2D2;
212
+ --action-close-active-bg: #958CB0;
213
+ --action-close-active-fg: #FFFFFF;
214
+ --action-close-active-border: #958CB0;
215
+ --action-close-muted-bg: #EEE8FA;
216
+ --action-close-muted-fg: #2F2A42;
217
+ --action-close-muted-border: #BBB2D2;
218
+ --action-close-subtle-bg: #F4F1FB;
219
+ --action-close-subtle-fg: #3D3754;
220
+ --action-close-subtle-border: transparent;
221
221
  --action-danger-default-bg: #BE123C;
222
222
  --action-danger-default-fg: #FFFFFF;
223
223
  --action-danger-default-border: #BE123C;
@@ -227,92 +227,140 @@
227
227
  --action-danger-active-bg: #881337;
228
228
  --action-danger-active-fg: #FFFFFF;
229
229
  --action-danger-active-border: #881337;
230
+ --action-danger-muted-bg: #FFE4E6;
231
+ --action-danger-muted-fg: #9F1239;
232
+ --action-danger-muted-border: #FDA4AF;
230
233
  --action-danger-subtle-bg: #FFF1F2;
231
234
  --action-danger-subtle-fg: #BE123C;
232
- --action-danger-muted-bg: #FFE4E6;
233
- --action-danger-muted-fg: #BE123C;
235
+ --action-danger-subtle-border: transparent;
236
+ --border-subtle: #EEE8FA;
237
+ --border-muted: #E4DDF4;
234
238
  --border-default: #BBB2D2;
235
- --border-muted: #EEE8FA;
236
- --border-subtle: #D4CEE8;
237
- --border-elevated: #958CB0;
238
- --border-strong: #4F4867;
239
+ --border-strong: #6B6386;
240
+ --border-elevated: #D4CEE8;
239
241
  --border-disabled: #E4DDF4;
240
242
  --border-focus: #5037C8;
241
- --control-default-bg: #F4F1FB;
242
- --control-default-fg: #4F4867;
243
- --control-default-border: #D4CEE8;
243
+ --control-default-bg: #FFFFFF;
244
+ --control-default-fg: #3D3754;
245
+ --control-default-border: #BBB2D2;
244
246
  --control-hover-bg: #F4F3FF;
245
- --control-hover-fg: #5037C8;
247
+ --control-hover-fg: #402C9F;
246
248
  --control-hover-border: #5037C8;
247
249
  --control-active-bg: #E9E6FF;
248
250
  --control-active-fg: #342580;
249
251
  --control-active-border: #402C9F;
252
+ --control-disabled-bg: #F4F1FB;
253
+ --control-disabled-fg: #958CB0;
254
+ --control-disabled-border: #E4DDF4;
250
255
  --control-selected-default-bg: #6346E8;
251
256
  --control-selected-default-fg: #FFFFFF;
252
257
  --control-selected-default-border: #6346E8;
253
- --control-selected-hover-bg: #402C9F;
254
- --control-selected-hover-fg: #5037C8;
255
- --control-selected-hover-border: #402C9F;
256
- --control-selected-active-bg: #21164F;
257
- --control-selected-active-fg: #0F0F0F;
258
- --control-selected-active-border: #21164F;
259
- --control-selected-muted-bg: #5037C8;
260
- --control-selected-muted-fg: #0F0F0F;
261
- --control-selected-muted-border: #7C5CFF;
262
- --divider-default: #E5E7EB;
263
- --divider-muted: #EDF5FF;
264
- --divider-strong: #D1D5DB;
265
- --focus-ring: #5037C8;
258
+ --control-selected-hover-bg: #5037C8;
259
+ --control-selected-hover-fg: #FFFFFF;
260
+ --control-selected-hover-border: #5037C8;
261
+ --control-selected-active-bg: #402C9F;
262
+ --control-selected-active-fg: #FFFFFF;
263
+ --control-selected-active-border: #402C9F;
264
+ --control-selected-muted-bg: #E9E6FF;
265
+ --control-selected-muted-fg: #342580;
266
+ --control-selected-muted-border: #B8A8FF;
267
+ --divider-muted: #F4F1FB;
268
+ --divider-default: #E4DDF4;
269
+ --divider-strong: #BBB2D2;
270
+ --focus-ring-color: #5037C8;
271
+ --focus-ring-width: 2px;
272
+ --focus-ring-shadow: 0 0 8px rgba(99, 70, 232, 0.14);
266
273
  --focus-ring-offset: #FFFFFF;
274
+ --menu-background: #FFFFFF;
275
+ --menu-border: #E4DDF4;
276
+ --menu-item-default-bg: transparent;
277
+ --menu-item-default-fg: #3D3754;
278
+ --menu-item-hover-bg: #F4F1FB;
279
+ --menu-item-hover-fg: #3D3754;
280
+ --menu-item-active-bg: #EEE8FA;
281
+ --menu-item-active-fg: #3D3754;
282
+ --menu-item-pressed-bg: #E4DDF4;
283
+ --menu-item-pressed-fg: #3D3754;
284
+ --menu-item-disabled-bg: transparent;
285
+ --menu-item-disabled-fg: #958CB0;
286
+ --menu-item-danger-default-bg: transparent;
287
+ --menu-item-danger-default-fg: #BE123C;
288
+ --menu-item-danger-hover-bg: #FFF1F2;
289
+ --menu-item-danger-hover-fg: #BE123C;
290
+ --menu-item-danger-active-bg: #FFE4E6;
291
+ --menu-item-danger-active-fg: #9F1239;
292
+ --menu-item-danger-disabled-bg: transparent;
293
+ --menu-item-danger-disabled-fg: #958CB0;
267
294
  --navigation-hover-bg: #F4F1FB;
268
- --navigation-hover-fg: #4F4867;
295
+ --navigation-hover-fg: #3D3754;
269
296
  --navigation-active-bg: #EEE8FA;
270
- --navigation-active-fg: #4F4867;
297
+ --navigation-active-fg: #3D3754;
271
298
  --navigation-brand-hover-bg: #F4F1FB;
272
- --navigation-brand-hover-fg: #342580;
273
- --navigation-tab-hover-fg: #7C5CFF;
274
- --navigation-tab-focus-ring: #F59E0B;
275
- --navigation-option-hover-bg: #D1D5DB;
276
- --navigation-option-hover-fg: #4F4867;
277
- --navigation-option-active-bg: #E5E7EB;
278
- --navigation-option-active-fg: #4F4867;
299
+ --navigation-brand-hover-fg: #402C9F;
300
+ --navigation-tab-hover-fg: #402C9F;
301
+ --navigation-tab-focus-ring: #5037C8;
302
+ --navigation-option-hover-bg: #F4F1FB;
303
+ --navigation-option-hover-fg: #3D3754;
304
+ --navigation-option-active-bg: #EEE8FA;
305
+ --navigation-option-active-fg: #3D3754;
306
+ --navigation-trigger-hover-bg: #F4F1FB;
307
+ --navigation-trigger-hover-fg: #402C9F;
279
308
  --navigation-border: #E4DDF4;
280
- --skeleton-base: #F3F4F6;
281
- --skeleton-highlight: #E5E7EB;
309
+ --overlay-backdrop: rgba(24, 21, 33, 0.52);
310
+ --overlay-tooltip-bg: #181521;
311
+ --overlay-tooltip-fg: #FFFFFF;
312
+ --overlay-tooltip-border: #181521;
313
+ --overlay-popover-bg: #FFFFFF;
314
+ --overlay-popover-border: #E4DDF4;
315
+ --overlay-modal-bg: #FFFFFF;
316
+ --overlay-modal-border: #E4DDF4;
317
+ --shadow-sm: 0 1px 2px rgba(24, 21, 33, 0.08);
318
+ --shadow-md: 0 4px 12px rgba(24, 21, 33, 0.12);
319
+ --shadow-lg: 0 12px 40px rgba(24, 21, 33, 0.16), 0 2px 8px rgba(24, 21, 33, 0.1);
320
+ --shadow-xl: 0 20px 60px rgba(24, 21, 33, 0.2), 0 4px 16px rgba(24, 21, 33, 0.14);
321
+ --shadow-inset: inset 0 1px 0 rgba(255, 255, 255, 0.55);
322
+ --skeleton-base: #F4F1FB;
323
+ --skeleton-highlight: #FAF8FF;
282
324
  --status-success-fg: #047857;
283
325
  --status-success-bg: #ECFDF5;
284
- --status-success-border: #6EE7B7;
285
- --status-success-strong: #047857;
286
- --status-error-fg: #E11D48;
287
- --status-error-bg: #FFE4E6;
326
+ --status-success-border: #10B981;
327
+ --status-success-ring: #10B981;
328
+ --status-success-strong: #065F46;
329
+ --status-error-fg: #BE123C;
330
+ --status-error-bg: #FFF1F2;
288
331
  --status-error-border: #E11D48;
289
- --status-error-strong: #BE123C;
290
- --status-warning-fg: #B45309;
332
+ --status-error-ring: #F43F5E;
333
+ --status-error-strong: #9F1239;
334
+ --status-warning-fg: #92400E;
291
335
  --status-warning-bg: #FFFBEB;
292
- --status-warning-border: #FCD34D;
293
- --status-warning-strong: #B45309;
336
+ --status-warning-border: #F59E0B;
337
+ --status-warning-ring: #F59E0B;
338
+ --status-warning-strong: #92400E;
294
339
  --status-info-fg: #0C4A6E;
295
340
  --status-info-bg: #F0F9FF;
296
- --status-info-border: #0EA5E9;
297
- --status-info-strong: #0C4A6E;
298
- --surface-default: #F4F1FB;
299
- --surface-muted: #FAF8FF;
300
- --surface-subtle: #FFFFFF;
301
- --surface-elevated: #D9FBFF;
341
+ --status-info-border: #0369A1;
342
+ --status-info-ring: #0369A1;
343
+ --status-info-strong: #082F49;
344
+ --surface-default: #FAF8FF;
345
+ --surface-muted: #F4F1FB;
346
+ --surface-subtle: #FDFCFF;
347
+ --surface-elevated: #FFFFFF;
348
+ --surface-hover: #F4F1FB;
349
+ --surface-active: #EEE8FA;
302
350
  --surface-pressed: #E4DDF4;
303
351
  --surface-disabled: #F4F1FB;
304
- --surface-danger: #FFE4E680;
305
- --surface-hover: #EEE8FA;
306
- --surface-active: #BBB2D2;
352
+ --surface-danger: #FFE4E6B3;
307
353
  --surface-inverse: #181521;
308
- --text-primary: #4F4867;
354
+ --text-primary: #3D3754;
309
355
  --text-secondary: #6B6386;
310
356
  --text-muted: #958CB0;
311
- --text-disabled: #9CA3AF;
312
- --text-subtle: #1A1A1A;
313
- --text-inverse: #0F0F0F;
314
- --text-on-inverse: #FFFFFF;
357
+ --text-subtle: #958CB0;
358
+ --text-disabled: #958CB0;
315
359
  --text-brand: #5037C8;
360
+ --text-interactive: #5037C8;
361
+ --text-interactive-hover: #402C9F;
362
+ --text-interactive-active: #342580;
363
+ --text-inverse: #FFFFFF;
316
364
  --button-primary-solid-default-bg: #6346E8;
317
365
  --button-primary-solid-default-fg: #FFFFFF;
318
366
  --button-primary-solid-default-border: #6346E8;
@@ -323,23 +371,23 @@
323
371
  --button-primary-solid-pressed-fg: #FFFFFF;
324
372
  --button-primary-solid-pressed-border: #402C9F;
325
373
  --button-primary-outline-default-bg: transparent;
326
- --button-primary-outline-default-fg: #6346E8;
374
+ --button-primary-outline-default-fg: #5037C8;
327
375
  --button-primary-outline-default-border: #6346E8;
328
- --button-primary-outline-hover-bg: #EEE8FA;
329
- --button-primary-outline-hover-fg: #5037C8;
376
+ --button-primary-outline-hover-bg: #F4F3FF;
377
+ --button-primary-outline-hover-fg: #402C9F;
330
378
  --button-primary-outline-hover-border: #5037C8;
331
- --button-primary-outline-pressed-bg: #E4DDF4;
332
- --button-primary-outline-pressed-fg: #402C9F;
379
+ --button-primary-outline-pressed-bg: #E9E6FF;
380
+ --button-primary-outline-pressed-fg: #342580;
333
381
  --button-primary-outline-pressed-border: #402C9F;
334
382
  --button-primary-ghost-default-bg: transparent;
335
- --button-primary-ghost-default-fg: #6346E8;
336
383
  --button-primary-ghost-default-border: transparent;
384
+ --button-primary-ghost-default-fg: #5037C8;
337
385
  --button-primary-ghost-hover-bg: #F4F3FF;
338
- --button-primary-ghost-hover-fg: #5037C8;
339
386
  --button-primary-ghost-hover-border: transparent;
340
- --button-primary-ghost-pressed-bg: #F4F3FF;
341
- --button-primary-ghost-pressed-fg: #402C9F;
387
+ --button-primary-ghost-hover-fg: #402C9F;
388
+ --button-primary-ghost-pressed-bg: #E9E6FF;
342
389
  --button-primary-ghost-pressed-border: transparent;
390
+ --button-primary-ghost-pressed-fg: #342580;
343
391
  --button-secondary-solid-default-bg: #0B7D95;
344
392
  --button-secondary-solid-default-fg: #FFFFFF;
345
393
  --button-secondary-solid-default-border: #0B7D95;
@@ -352,48 +400,48 @@
352
400
  --button-secondary-outline-default-bg: transparent;
353
401
  --button-secondary-outline-default-fg: #0B7D95;
354
402
  --button-secondary-outline-default-border: #0B7D95;
355
- --button-secondary-outline-hover-bg: #D9FBFF;
403
+ --button-secondary-outline-hover-bg: #F2FDFF;
356
404
  --button-secondary-outline-hover-fg: #0A6175;
357
405
  --button-secondary-outline-hover-border: #0A6175;
358
- --button-secondary-outline-pressed-bg: #E4DDF4;
406
+ --button-secondary-outline-pressed-bg: #D9FBFF;
359
407
  --button-secondary-outline-pressed-fg: #094C5E;
360
408
  --button-secondary-outline-pressed-border: #094C5E;
361
409
  --button-secondary-ghost-default-bg: transparent;
362
- --button-secondary-ghost-default-fg: #0B7D95;
363
410
  --button-secondary-ghost-default-border: transparent;
364
- --button-secondary-ghost-hover-bg: #D9FBFF;
365
- --button-secondary-ghost-hover-fg: #0A6175;
411
+ --button-secondary-ghost-default-fg: #0B7D95;
412
+ --button-secondary-ghost-hover-bg: #F2FDFF;
366
413
  --button-secondary-ghost-hover-border: transparent;
367
- --button-secondary-ghost-pressed-bg: #E4DDF4;
368
- --button-secondary-ghost-pressed-fg: #094C5E;
414
+ --button-secondary-ghost-hover-fg: #0A6175;
415
+ --button-secondary-ghost-pressed-bg: #D9FBFF;
369
416
  --button-secondary-ghost-pressed-border: transparent;
370
- --button-close-solid-default-bg: #D8E4F2;
371
- --button-close-solid-default-fg: #0F0F0F;
372
- --button-close-solid-default-border: #D8E4F2;
373
- --button-close-solid-hover-bg: #C4D0DD;
374
- --button-close-solid-hover-fg: #0F0F0F;
375
- --button-close-solid-hover-border: #C4D0DD;
376
- --button-close-solid-pressed-bg: #98A8BD;
377
- --button-close-solid-pressed-fg: #0F0F0F;
378
- --button-close-solid-pressed-border: #98A8BD;
417
+ --button-secondary-ghost-pressed-fg: #094C5E;
418
+ --button-close-solid-default-bg: #D4CEE8;
419
+ --button-close-solid-default-fg: #231F31;
420
+ --button-close-solid-default-border: #D4CEE8;
421
+ --button-close-solid-hover-bg: #BBB2D2;
422
+ --button-close-solid-hover-fg: #181521;
423
+ --button-close-solid-hover-border: #BBB2D2;
424
+ --button-close-solid-pressed-bg: #958CB0;
425
+ --button-close-solid-pressed-fg: #FFFFFF;
426
+ --button-close-solid-pressed-border: #958CB0;
379
427
  --button-close-outline-default-bg: transparent;
380
- --button-close-outline-default-fg: #4B5F7A;
381
- --button-close-outline-default-border: #4B5F7A;
382
- --button-close-outline-hover-bg: #EEE8FA;
383
- --button-close-outline-hover-fg: #6B7F99;
384
- --button-close-outline-hover-border: #6B7F99;
385
- --button-close-outline-pressed-bg: #E4DDF4;
386
- --button-close-outline-pressed-fg: #98A8BD;
387
- --button-close-outline-pressed-border: #98A8BD;
428
+ --button-close-outline-default-fg: #3D3754;
429
+ --button-close-outline-default-border: #958CB0;
430
+ --button-close-outline-hover-bg: #F4F1FB;
431
+ --button-close-outline-hover-fg: #2F2A42;
432
+ --button-close-outline-hover-border: #6B6386;
433
+ --button-close-outline-pressed-bg: #EEE8FA;
434
+ --button-close-outline-pressed-fg: #231F31;
435
+ --button-close-outline-pressed-border: #4F4867;
388
436
  --button-close-ghost-default-bg: transparent;
389
- --button-close-ghost-default-fg: #4F4867;
390
437
  --button-close-ghost-default-border: transparent;
391
- --button-close-ghost-hover-bg: #F4F3FF;
392
- --button-close-ghost-hover-fg: #4F4867;
438
+ --button-close-ghost-default-fg: #3D3754;
439
+ --button-close-ghost-hover-bg: #F4F1FB;
393
440
  --button-close-ghost-hover-border: transparent;
394
- --button-close-ghost-pressed-bg: #F4F3FF;
395
- --button-close-ghost-pressed-fg: #4F4867;
441
+ --button-close-ghost-hover-fg: #2F2A42;
442
+ --button-close-ghost-pressed-bg: #EEE8FA;
396
443
  --button-close-ghost-pressed-border: transparent;
444
+ --button-close-ghost-pressed-fg: #231F31;
397
445
  --button-danger-solid-default-bg: #BE123C;
398
446
  --button-danger-solid-default-fg: #FFFFFF;
399
447
  --button-danger-solid-default-border: #BE123C;
@@ -405,261 +453,330 @@
405
453
  --button-danger-solid-pressed-border: #881337;
406
454
  --button-danger-outline-default-bg: transparent;
407
455
  --button-danger-outline-default-fg: #BE123C;
408
- --button-danger-outline-default-border: #BE123C;
409
- --button-danger-outline-hover-bg: #FFE4E6;
456
+ --button-danger-outline-default-border: #E11D48;
457
+ --button-danger-outline-hover-bg: #FFF1F2;
410
458
  --button-danger-outline-hover-fg: #9F1239;
411
- --button-danger-outline-hover-border: #9F1239;
459
+ --button-danger-outline-hover-border: #BE123C;
412
460
  --button-danger-outline-pressed-bg: #FFE4E6;
413
461
  --button-danger-outline-pressed-fg: #881337;
414
- --button-danger-outline-pressed-border: #881337;
462
+ --button-danger-outline-pressed-border: #9F1239;
415
463
  --button-danger-ghost-default-bg: transparent;
416
- --button-danger-ghost-default-fg: #BE123C;
417
464
  --button-danger-ghost-default-border: transparent;
418
- --button-danger-ghost-hover-bg: #FFE4E6;
419
- --button-danger-ghost-hover-fg: #9F1239;
465
+ --button-danger-ghost-default-fg: #BE123C;
466
+ --button-danger-ghost-hover-bg: #FFF1F2;
420
467
  --button-danger-ghost-hover-border: transparent;
468
+ --button-danger-ghost-hover-fg: #9F1239;
421
469
  --button-danger-ghost-pressed-bg: #FFE4E6;
422
- --button-danger-ghost-pressed-fg: #881337;
423
470
  --button-danger-ghost-pressed-border: transparent;
471
+ --button-danger-ghost-pressed-fg: #881337;
424
472
  --button-disabled-bg: #F4F1FB;
425
- --button-disabled-fg: #9CA3AF;
473
+ --button-disabled-fg: #958CB0;
426
474
  --button-disabled-border: #E4DDF4;
427
- --checkbox-default-bg: #F4F1FB;
428
- --checkbox-default-fg: #4F4867;
429
- --checkbox-default-border: #D4CEE8;
475
+ --checkbox-default-bg: #FFFFFF;
476
+ --checkbox-default-fg: #3D3754;
477
+ --checkbox-default-border: #BBB2D2;
430
478
  --checkbox-hover-bg: #F4F3FF;
431
- --checkbox-hover-fg: #5037C8;
479
+ --checkbox-hover-fg: #402C9F;
432
480
  --checkbox-hover-border: #5037C8;
433
481
  --checkbox-checked-default-bg: #6346E8;
434
482
  --checkbox-checked-default-fg: #FFFFFF;
435
483
  --checkbox-checked-default-border: #6346E8;
436
- --checkbox-checked-hover-bg: #402C9F;
437
- --checkbox-checked-hover-fg: #5037C8;
438
- --checkbox-checked-hover-border: #402C9F;
439
- --checkbox-checked-pressed-bg: #21164F;
440
- --checkbox-checked-pressed-fg: #0F0F0F;
441
- --checkbox-checked-pressed-border: #21164F;
484
+ --checkbox-checked-default-label-fg: #5037C8;
485
+ --checkbox-checked-hover-bg: #5037C8;
486
+ --checkbox-checked-hover-fg: #FFFFFF;
487
+ --checkbox-checked-hover-border: #5037C8;
488
+ --checkbox-checked-hover-label-fg: #402C9F;
489
+ --checkbox-checked-pressed-bg: #402C9F;
490
+ --checkbox-checked-pressed-fg: #FFFFFF;
491
+ --checkbox-checked-pressed-border: #402C9F;
492
+ --checkbox-checked-pressed-label-fg: #342580;
442
493
  --checkbox-focus-ring: #5037C8;
443
- --checkbox-disabled-bg: #FFFFFF;
444
- --checkbox-disabled-fg: #9CA3AF;
445
- --checkbox-disabled-border: #EEE8FA;
446
- --checkbox-error-fg: #E11D48;
494
+ --checkbox-disabled-bg: #F4F1FB;
495
+ --checkbox-disabled-fg: #958CB0;
496
+ --checkbox-disabled-border: #E4DDF4;
497
+ --checkbox-error-fg: #BE123C;
447
498
  --checkbox-error-border: #E11D48;
499
+ --checkbox-error-ring: #F43F5E;
500
+ --context-menu-content-bg: #FFFFFF;
501
+ --context-menu-content-border: #E4DDF4;
502
+ --context-menu-content-shadow: 0 12px 40px rgba(24, 21, 33, 0.16), 0 2px 8px rgba(24, 21, 33, 0.1);
503
+ --context-menu-item-default-bg: transparent;
504
+ --context-menu-item-default-fg: #3D3754;
505
+ --context-menu-item-hover-bg: #F4F1FB;
506
+ --context-menu-item-hover-fg: #3D3754;
507
+ --context-menu-item-active-bg: #EEE8FA;
508
+ --context-menu-item-active-fg: #3D3754;
509
+ --context-menu-item-active-ring: transparent;
510
+ --context-menu-item-pressed-bg: #E4DDF4;
511
+ --context-menu-item-pressed-fg: #3D3754;
512
+ --context-menu-item-focus-ring-color: #5037C8;
513
+ --context-menu-item-focus-ring-width: 2px;
514
+ --context-menu-item-focus-ring-shadow: 0 0 8px rgba(99, 70, 232, 0.14);
515
+ --context-menu-item-focus-ring-offset: #FFFFFF;
516
+ --context-menu-item-disabled-bg: transparent;
517
+ --context-menu-item-disabled-fg: #958CB0;
518
+ --context-menu-item-danger-default-bg: transparent;
519
+ --context-menu-item-danger-default-fg: #BE123C;
520
+ --context-menu-item-danger-hover-bg: #FFF1F2;
521
+ --context-menu-item-danger-hover-fg: #BE123C;
522
+ --context-menu-item-danger-active-bg: #FFE4E6;
523
+ --context-menu-item-danger-active-fg: #9F1239;
524
+ --context-menu-item-danger-disabled-bg: transparent;
525
+ --context-menu-item-danger-disabled-fg: #958CB0;
526
+ --context-menu-trigger-default-bg: transparent;
527
+ --context-menu-trigger-default-fg: #5037C8;
528
+ --context-menu-trigger-default-border: transparent;
529
+ --context-menu-trigger-hover-bg: #F4F1FB;
530
+ --context-menu-trigger-hover-fg: #402C9F;
531
+ --context-menu-trigger-hover-border: transparent;
532
+ --context-menu-trigger-hover-ring: transparent;
533
+ --context-menu-trigger-focus-bg: transparent;
534
+ --context-menu-trigger-focus-fg: #5037C8;
535
+ --context-menu-trigger-focus-border: transparent;
536
+ --context-menu-trigger-focus-ring-color: #5037C8;
537
+ --context-menu-trigger-focus-ring-width: 2px;
538
+ --context-menu-trigger-focus-ring-shadow: 0 0 8px rgba(99, 70, 232, 0.14);
539
+ --context-menu-trigger-focus-ring-offset: #FFFFFF;
540
+ --context-menu-trigger-disabled-bg: transparent;
541
+ --context-menu-trigger-disabled-fg: #958CB0;
542
+ --context-menu-trigger-disabled-border: transparent;
543
+ --context-menu-group-label-fg: #6B6386;
448
544
  --dropdown-trigger-default-bg: transparent;
449
545
  --dropdown-trigger-default-fg: #5037C8;
450
546
  --dropdown-trigger-default-border: transparent;
451
547
  --dropdown-trigger-hover-bg: #F4F1FB;
452
- --dropdown-trigger-hover-fg: #342580;
548
+ --dropdown-trigger-hover-fg: #402C9F;
453
549
  --dropdown-trigger-hover-border: transparent;
454
550
  --dropdown-trigger-hover-ring: transparent;
455
551
  --dropdown-trigger-focus-bg: transparent;
456
552
  --dropdown-trigger-focus-fg: #5037C8;
457
553
  --dropdown-trigger-focus-border: #5037C8;
458
- --dropdown-trigger-focus-ring: #5037C8;
554
+ --dropdown-trigger-focus-ring-color: #5037C8;
555
+ --dropdown-trigger-focus-ring-width: 2px;
556
+ --dropdown-trigger-focus-ring-shadow: 0 0 8px rgba(99, 70, 232, 0.14);
557
+ --dropdown-trigger-focus-ring-offset: #FFFFFF;
459
558
  --dropdown-trigger-disabled-bg: #F4F1FB;
460
- --dropdown-trigger-disabled-fg: #9CA3AF;
461
- --dropdown-trigger-disabled-border: #EEE8FA;
559
+ --dropdown-trigger-disabled-fg: #958CB0;
560
+ --dropdown-trigger-disabled-border: #E4DDF4;
462
561
  --dropdown-content-bg: #FFFFFF;
463
- --dropdown-content-fg: #4F4867;
562
+ --dropdown-content-fg: #3D3754;
464
563
  --dropdown-content-border: #E4DDF4;
564
+ --dropdown-content-shadow: 0 12px 40px rgba(24, 21, 33, 0.16), 0 2px 8px rgba(24, 21, 33, 0.1);
465
565
  --dropdown-item-default-bg: transparent;
466
- --dropdown-item-default-fg: #4F4867;
566
+ --dropdown-item-default-fg: #3D3754;
467
567
  --dropdown-item-hover-bg: #F4F1FB;
468
- --dropdown-item-hover-fg: #4F4867;
469
- --dropdown-item-active-bg: #F4F1FB;
470
- --dropdown-item-active-fg: #4F4867;
568
+ --dropdown-item-hover-fg: #3D3754;
569
+ --dropdown-item-active-bg: #EEE8FA;
570
+ --dropdown-item-active-fg: #3D3754;
471
571
  --dropdown-item-active-ring: transparent;
472
- --dropdown-item-focus-ring: #5037C8;
572
+ --dropdown-item-pressed-bg: #E4DDF4;
573
+ --dropdown-item-pressed-fg: #3D3754;
574
+ --dropdown-item-focus-ring-color: #5037C8;
575
+ --dropdown-item-focus-ring-width: 2px;
576
+ --dropdown-item-focus-ring-shadow: 0 0 8px rgba(99, 70, 232, 0.14);
577
+ --dropdown-item-focus-ring-offset: #FFFFFF;
473
578
  --dropdown-item-disabled-bg: transparent;
474
- --dropdown-item-disabled-fg: #9CA3AF;
475
- --dropdown-item-danger-default-fg: #E11D48;
476
- --dropdown-item-danger-hover-bg: #FFE4E6;
477
- --dropdown-item-danger-hover-fg: #E11D48;
579
+ --dropdown-item-disabled-fg: #958CB0;
580
+ --dropdown-item-danger-default-bg: transparent;
581
+ --dropdown-item-danger-default-fg: #BE123C;
582
+ --dropdown-item-danger-hover-bg: #FFF1F2;
583
+ --dropdown-item-danger-hover-fg: #BE123C;
478
584
  --dropdown-item-danger-active-bg: #FFE4E6;
479
- --dropdown-item-danger-active-fg: #E11D48;
585
+ --dropdown-item-danger-active-fg: #9F1239;
480
586
  --dropdown-item-danger-active-ring: transparent;
481
- --dropdown-group-label-fg: #958CB0;
482
- --dropdown-separator-bg: #EEE8FA;
587
+ --dropdown-item-danger-disabled-bg: transparent;
588
+ --dropdown-item-danger-disabled-fg: #958CB0;
589
+ --dropdown-group-label-fg: #6B6386;
590
+ --dropdown-separator-bg: #E4DDF4;
483
591
  --dropdown-separator-fg: #958CB0;
484
- --form-field-label-fg: #1A1A1A;
592
+ --form-field-label-fg: #3D3754;
485
593
  --form-field-description-fg: #6B6386;
486
594
  --form-field-helper-text-default-fg: #958CB0;
487
- --form-field-helper-text-error-fg: #E11D48;
595
+ --form-field-helper-text-error-fg: #BE123C;
488
596
  --form-field-helper-text-success-fg: #047857;
489
- --form-field-helper-text-warning-fg: #B45309;
597
+ --form-field-helper-text-warning-fg: #92400E;
490
598
  --form-field-helper-text-info-fg: #0C4A6E;
491
- --form-field-required-mark-fg: #E11D48;
492
- --form-field-disabled-label-fg: #9CA3AF;
493
- --form-field-disabled-description-fg: #9CA3AF;
494
- --form-field-disabled-helper-text-fg: #9CA3AF;
599
+ --form-field-required-mark-fg: #BE123C;
600
+ --form-field-disabled-label-fg: #958CB0;
601
+ --form-field-disabled-description-fg: #958CB0;
602
+ --form-field-disabled-helper-text-fg: #958CB0;
495
603
  --input-default-bg: transparent;
496
- --input-default-fg: #4F4867;
604
+ --input-default-fg: #3D3754;
497
605
  --input-default-border: #BBB2D2;
498
606
  --input-default-placeholder: #6B6386;
499
- --input-default-icon: #9B7CFF;
500
- --input-hover-bg: #F4F3FF;
501
- --input-hover-fg: #4F4867;
607
+ --input-default-icon: #5037C8;
608
+ --input-hover-bg: #F4F1FB;
609
+ --input-hover-fg: #3D3754;
502
610
  --input-hover-border: #5037C8;
503
- --input-hover-placeholder: #958CB0;
504
- --input-hover-icon: #9B7CFF;
611
+ --input-hover-placeholder: #6B6386;
612
+ --input-hover-icon: #402C9F;
505
613
  --input-focus-bg: transparent;
506
- --input-focus-fg: #4F4867;
614
+ --input-focus-fg: #3D3754;
507
615
  --input-focus-border: #5037C8;
508
616
  --input-focus-ring: #5037C8;
509
- --input-focus-placeholder: #958CB0;
510
- --input-focus-icon: #FFFFFF;
617
+ --input-focus-placeholder: #6B6386;
618
+ --input-focus-icon: #5037C8;
511
619
  --input-disabled-bg: #F4F1FB;
512
- --input-disabled-fg: #9CA3AF;
620
+ --input-disabled-fg: #958CB0;
513
621
  --input-disabled-border: #E4DDF4;
514
- --input-disabled-placeholder: #9CA3AF;
622
+ --input-disabled-placeholder: #958CB0;
515
623
  --input-disabled-icon: #958CB0;
516
- --input-error-border: #BE123C;
517
- --input-error-ring: #E11D48;
518
- --input-success-border: #047857;
519
- --input-success-ring: #047857;
520
- --input-read-only-bg: #FFFFFF;
624
+ --input-error-border: #E11D48;
625
+ --input-error-ring: #F43F5E;
626
+ --input-success-border: #10B981;
627
+ --input-success-ring: #10B981;
628
+ --input-read-only-bg: #FDFCFF;
521
629
  --input-read-only-fg: #6B6386;
522
- --input-read-only-border: #BBB2D2;
630
+ --input-read-only-border: #E4DDF4;
523
631
  --input-read-only-placeholder: #958CB0;
524
- --input-read-only-icon: #6B6386;
525
- --input-icon-default: #0F0F0F;
526
- --input-icon-primary: #7C5CFF;
527
- --input-icon-secondary: #1FBEDB;
528
- --input-icon-success: #059669;
529
- --input-icon-danger: #E11D48;
530
- --input-icon-muted: #6B6386;
531
- --input-icon-inverse: #1A1A1A;
532
- --input-icon-brand: #9B7CFF;
533
- --input-clear-button-fg: #E11D48;
534
- --input-clear-button-hover-fg: #E11D48;
535
- --input-clear-button-hover-bg: #FFE4E680;
536
- --input-clear-button-focus-bg: #181521;
537
- --input-clear-button-pressed-bg: #BBB2D2;
538
- --menu-item-default-bg: transparent;
539
- --menu-item-default-fg: #4F4867;
540
- --menu-item-hover-bg: #F4F1FB;
541
- --menu-item-hover-fg: #4F4867;
542
- --menu-item-active-bg: #EEE8FA;
543
- --menu-item-active-fg: #4F4867;
544
- --menu-item-focus-ring: transparent;
545
- --menu-item-disabled-bg: #FFFFFF;
546
- --menu-item-disabled-fg: #9CA3AF;
547
- --menu-item-danger-default-fg: #E11D48;
548
- --menu-item-danger-hover-bg: #FFF1F2;
549
- --menu-item-danger-hover-fg: #BE123C;
550
- --menu-item-danger-active-bg: #FFE4E6;
551
- --menu-item-danger-active-fg: #BE123C;
552
- --menu-trigger-default-fg: #5037C8;
553
- --menu-trigger-hover-bg: #F4F1FB;
554
- --menu-trigger-hover-fg: #342580;
555
- --menu-trigger-hover-ring: transparent;
556
- --menu-group-label-fg: #958CB0;
557
- --modal-overlay-bg: rgba(0, 0, 0, 0.72);
632
+ --input-read-only-icon: #958CB0;
633
+ --input-icon-default: #3D3754;
634
+ --input-icon-primary: #5037C8;
635
+ --input-icon-secondary: #6B6386;
636
+ --input-icon-success: #047857;
637
+ --input-icon-danger: #BE123C;
638
+ --input-icon-muted: #958CB0;
639
+ --input-icon-inverse: #FFFFFF;
640
+ --input-icon-brand: #5037C8;
641
+ --input-clear-button-fg: #958CB0;
642
+ --input-clear-button-hover-fg: #BE123C;
643
+ --input-clear-button-hover-bg: #FFF1F2;
644
+ --input-clear-button-focus-bg: #FDFCFF;
645
+ --input-clear-button-pressed-bg: #EEE8FA;
646
+ --modal-overlay-bg: rgba(24, 21, 33, 0.52);
558
647
  --modal-content-bg: #FFFFFF;
559
- --modal-content-fg: #4F4867;
560
- --modal-content-border: #BBB2D2;
561
- --modal-title-fg: #4F4867;
648
+ --modal-content-fg: #3D3754;
649
+ --modal-content-border: #E4DDF4;
650
+ --modal-content-shadow: 0 20px 60px rgba(24, 21, 33, 0.2), 0 4px 16px rgba(24, 21, 33, 0.14);
651
+ --modal-title-fg: #3D3754;
562
652
  --modal-description-fg: #6B6386;
563
653
  --modal-close-button-default-bg: transparent;
564
- --modal-close-button-default-fg: #958CB0;
565
- --modal-close-button-hover-bg: #FFFFFF;
566
- --modal-close-button-hover-fg: #4F4867;
654
+ --modal-close-button-default-fg: #6B6386;
655
+ --modal-close-button-default-border: transparent;
656
+ --modal-close-button-hover-bg: #F4F1FB;
657
+ --modal-close-button-hover-fg: #3D3754;
658
+ --modal-close-button-hover-border: transparent;
659
+ --modal-close-button-pressed-bg: #E4DDF4;
660
+ --modal-close-button-pressed-fg: #3D3754;
661
+ --modal-close-button-pressed-border: transparent;
662
+ --modal-close-button-focus-ring-color: #5037C8;
663
+ --modal-close-button-focus-ring-width: 2px;
664
+ --modal-close-button-focus-ring-shadow: 0 0 8px rgba(99, 70, 232, 0.14);
665
+ --modal-close-button-focus-ring-offset: #FFFFFF;
567
666
  --modal-close-button-disabled-bg: transparent;
568
- --modal-close-button-disabled-fg: #9CA3AF;
569
- --radio-default-bg: #F4F1FB;
570
- --radio-default-fg: #4F4867;
667
+ --modal-close-button-disabled-fg: #958CB0;
668
+ --modal-close-button-disabled-border: transparent;
669
+ --radio-default-bg: #FFFFFF;
670
+ --radio-default-fg: #3D3754;
571
671
  --radio-default-border: #BBB2D2;
572
672
  --radio-hover-bg: #F4F3FF;
573
- --radio-hover-fg: #5037C8;
673
+ --radio-hover-fg: #402C9F;
574
674
  --radio-hover-border: #5037C8;
575
675
  --radio-pressed-bg: #E9E6FF;
576
676
  --radio-pressed-fg: #342580;
577
677
  --radio-pressed-border: #402C9F;
578
- --radio-checked-default-bg: #6346E8;
579
- --radio-checked-default-fg: #5037C8;
678
+ --radio-checked-default-bg: #FFFFFF;
679
+ --radio-checked-default-fg: #6346E8;
580
680
  --radio-checked-default-border: #6346E8;
581
- --radio-checked-hover-bg: #402C9F;
681
+ --radio-checked-default-label-fg: #5037C8;
682
+ --radio-checked-hover-bg: #F4F3FF;
582
683
  --radio-checked-hover-fg: #5037C8;
583
- --radio-checked-hover-border: #402C9F;
584
- --radio-checked-pressed-bg: #21164F;
585
- --radio-checked-pressed-fg: #5037C8;
586
- --radio-checked-pressed-border: #21164F;
587
- --radio-checked-disabled-bg: #FFFFFF;
588
- --radio-checked-disabled-fg: #9CA3AF;
589
- --radio-checked-disabled-border: #BBB2D2;
590
- --radio-invalid-bg: #F4F1FB;
591
- --radio-invalid-fg: #0F0F0F;
684
+ --radio-checked-hover-border: #5037C8;
685
+ --radio-checked-hover-label-fg: #402C9F;
686
+ --radio-checked-pressed-bg: #E9E6FF;
687
+ --radio-checked-pressed-fg: #402C9F;
688
+ --radio-checked-pressed-border: #402C9F;
689
+ --radio-checked-pressed-label-fg: #342580;
690
+ --radio-checked-disabled-bg: #F4F1FB;
691
+ --radio-checked-disabled-fg: #958CB0;
692
+ --radio-checked-disabled-border: #E4DDF4;
693
+ --radio-checked-disabled-label-fg: #958CB0;
694
+ --radio-invalid-bg: #FFFFFF;
695
+ --radio-invalid-fg: #3D3754;
592
696
  --radio-invalid-border: #E11D48;
697
+ --radio-invalid-ring: #F43F5E;
593
698
  --radio-focus-ring: #5037C8;
594
699
  --radio-focus-border: #5037C8;
595
- --radio-disabled-bg: #FFFFFF;
596
- --radio-disabled-fg: #9CA3AF;
597
- --radio-disabled-border: #BBB2D2;
598
- --select-trigger-default-bg: #FFFFFF;
599
- --select-trigger-default-fg: #1A1A1A;
700
+ --radio-disabled-bg: #F4F1FB;
701
+ --radio-disabled-fg: #958CB0;
702
+ --radio-disabled-border: #E4DDF4;
703
+ --select-trigger-default-bg: transparent;
704
+ --select-trigger-default-fg: #3D3754;
600
705
  --select-trigger-default-border: #BBB2D2;
601
706
  --select-trigger-hover-bg: #F4F3FF;
602
- --select-trigger-hover-fg: #5037C8;
707
+ --select-trigger-hover-fg: #402C9F;
603
708
  --select-trigger-hover-border: #5037C8;
604
- --select-trigger-focus-bg: #F4F1FB;
605
- --select-trigger-focus-fg: #4F4867;
709
+ --select-trigger-focus-bg: transparent;
710
+ --select-trigger-focus-fg: #3D3754;
606
711
  --select-trigger-focus-border: #5037C8;
607
712
  --select-trigger-focus-ring: #5037C8;
608
713
  --select-trigger-disabled-bg: #F4F1FB;
609
- --select-trigger-disabled-fg: #9CA3AF;
714
+ --select-trigger-disabled-fg: #958CB0;
610
715
  --select-trigger-disabled-border: #E4DDF4;
611
716
  --select-trigger-placeholder-fg: #6B6386;
612
717
  --select-trigger-error-border: #E11D48;
613
- --select-trigger-error-ring: #FFE4E6;
718
+ --select-trigger-error-ring: #F43F5E;
614
719
  --select-dropdown-bg: #FFFFFF;
615
- --select-dropdown-fg: #4F4867;
616
- --select-dropdown-border: #EEE8FA;
720
+ --select-dropdown-fg: #3D3754;
721
+ --select-dropdown-border: #E4DDF4;
722
+ --select-dropdown-shadow: 0 12px 40px rgba(24, 21, 33, 0.16), 0 2px 8px rgba(24, 21, 33, 0.1);
617
723
  --select-option-default-bg: transparent;
618
- --select-option-default-fg: #4F4867;
619
- --select-option-default-border: #EEE8FA;
724
+ --select-option-default-fg: #3D3754;
725
+ --select-option-default-border: transparent;
620
726
  --select-option-hover-bg: #F4F1FB;
621
- --select-option-hover-fg: #342580;
622
- --select-option-active-bg: #F4F1FB;
623
- --select-option-active-fg: #342580;
727
+ --select-option-hover-fg: #3D3754;
728
+ --select-option-hover-border: transparent;
729
+ --select-option-active-bg: #EEE8FA;
730
+ --select-option-active-fg: #3D3754;
731
+ --select-option-active-border: transparent;
624
732
  --select-option-active-ring: transparent;
625
- --select-option-selected-bg: #6346E8;
626
- --select-option-selected-fg: #FFFFFF;
733
+ --select-option-pressed-bg: #E4DDF4;
734
+ --select-option-pressed-fg: #3D3754;
735
+ --select-option-pressed-border: transparent;
736
+ --select-option-selected-bg: #E9E6FF;
737
+ --select-option-selected-fg: #342580;
738
+ --select-option-selected-border: #B8A8FF;
739
+ --select-option-selected-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55);
627
740
  --select-option-disabled-bg: transparent;
628
- --select-option-disabled-fg: #9CA3AF;
629
- --select-option-disabled-border: #EEE8FA;
630
- --tabs-list-border: #BBB2D2;
741
+ --select-option-disabled-fg: #958CB0;
742
+ --select-option-disabled-border: transparent;
743
+ --tabs-list-border: #E4DDF4;
631
744
  --tabs-trigger-default-bg: transparent;
632
- --tabs-trigger-default-fg: #4F4867;
745
+ --tabs-trigger-default-fg: #6B6386;
633
746
  --tabs-trigger-default-border: transparent;
634
747
  --tabs-trigger-hover-bg: transparent;
635
- --tabs-trigger-hover-fg: #F4F1FB;
636
- --tabs-trigger-hover-border: #F4F1FB;
748
+ --tabs-trigger-hover-fg: #402C9F;
749
+ --tabs-trigger-hover-border: transparent;
637
750
  --tabs-trigger-active-bg: transparent;
638
751
  --tabs-trigger-active-fg: #5037C8;
639
752
  --tabs-trigger-active-border: #6346E8;
640
- --tabs-trigger-focus-ring: #F4F1FB;
753
+ --tabs-trigger-focus-ring-color: #5037C8;
754
+ --tabs-trigger-focus-ring-width: 2px;
755
+ --tabs-trigger-focus-ring-shadow: 0 0 8px rgba(99, 70, 232, 0.14);
756
+ --tabs-trigger-focus-ring-offset: #FFFFFF;
641
757
  --tabs-trigger-disabled-bg: transparent;
642
- --tabs-trigger-disabled-fg: #9CA3AF;
758
+ --tabs-trigger-disabled-fg: #958CB0;
643
759
  --tabs-trigger-disabled-border: transparent;
644
760
  --tabs-pills-default-bg: transparent;
645
- --tabs-pills-default-fg: #4F4867;
761
+ --tabs-pills-default-fg: #6B6386;
646
762
  --tabs-pills-default-border: transparent;
647
- --tabs-pills-hover-bg: #EEE8FA;
648
- --tabs-pills-hover-fg: #4F4867;
763
+ --tabs-pills-hover-bg: #F4F1FB;
764
+ --tabs-pills-hover-fg: #3D3754;
649
765
  --tabs-pills-hover-border: transparent;
650
- --tabs-pills-active-bg: #5037C8;
651
- --tabs-pills-active-fg: #0F0F0F;
652
- --tabs-pills-active-border: #7C5CFF;
766
+ --tabs-pills-active-bg: #6346E8;
767
+ --tabs-pills-active-fg: #FFFFFF;
768
+ --tabs-pills-active-border: #6346E8;
653
769
  --tabs-pills-disabled-bg: transparent;
654
- --tabs-pills-disabled-fg: #9CA3AF;
770
+ --tabs-pills-disabled-fg: #958CB0;
655
771
  --tabs-pills-disabled-border: transparent;
656
772
  --tabs-indicator-default-bg: #5037C8;
657
773
  --tabs-indicator-hover-bg: #5037C8;
658
- --tabs-indicator-active-bg: #5037C8;
659
- --tabs-panel-fg: #4F4867;
774
+ --tabs-indicator-active-bg: #6346E8;
775
+ --tabs-panel-fg: #3D3754;
660
776
  --tooltip-content-bg: #181521;
661
- --tooltip-content-fg: #0F0F0F;
662
- --tooltip-content-border: #BBB2D2;
777
+ --tooltip-content-fg: #FFFFFF;
778
+ --tooltip-content-border: #181521;
779
+ --tooltip-content-shadow: 0 4px 12px rgba(24, 21, 33, 0.12);
663
780
  --tooltip-arrow-bg: #181521;
664
781
  }
665
782
 
@@ -787,492 +904,604 @@
787
904
  --action-primary-hover-bg: #7C5CFF;
788
905
  --action-primary-hover-fg: #FFFFFF;
789
906
  --action-primary-hover-border: #7C5CFF;
790
- --action-primary-active-bg: #9B7CFF;
907
+ --action-primary-active-bg: #5037C8;
791
908
  --action-primary-active-fg: #FFFFFF;
792
- --action-primary-active-border: #9B7CFF;
793
- --action-primary-muted-bg: #B8A8FF;
909
+ --action-primary-active-border: #5037C8;
910
+ --action-primary-muted-bg: #342580;
794
911
  --action-primary-muted-fg: #FFFFFF;
795
- --action-primary-muted-border: #B8A8FF;
912
+ --action-primary-muted-border: #5037C8;
796
913
  --action-primary-subtle-bg: #D4CCFF;
797
- --action-primary-subtle-fg: #B8A8FF;
798
- --action-primary-subtle-border: #D4CCFF;
914
+ --action-primary-subtle-fg: #402C9F;
915
+ --action-primary-subtle-border: transparent;
799
916
  --action-secondary-default-bg: #1FBEDB;
800
917
  --action-secondary-default-fg: #000000;
801
918
  --action-secondary-default-border: #1FBEDB;
802
919
  --action-secondary-hover-bg: #3ED5EE;
803
920
  --action-secondary-hover-fg: #000000;
804
921
  --action-secondary-hover-border: #3ED5EE;
805
- --action-secondary-active-bg: #79E8F8;
922
+ --action-secondary-active-bg: #0F9BB8;
806
923
  --action-secondary-active-fg: #000000;
807
- --action-secondary-active-border: #79E8F8;
808
- --action-secondary-muted-bg: #79E8F8;
924
+ --action-secondary-active-border: #0F9BB8;
925
+ --action-secondary-muted-bg: #094C5E;
809
926
  --action-secondary-muted-fg: #FFFFFF;
810
- --action-secondary-muted-border: #79E8F8;
927
+ --action-secondary-muted-border: #0B7D95;
811
928
  --action-secondary-subtle-bg: #B4F4FD;
812
- --action-secondary-subtle-fg: #B8A8FF;
813
- --action-secondary-subtle-border: #B4F4FD;
814
- --action-close-default-bg: #BBB2D2;
929
+ --action-secondary-subtle-fg: #0A6175;
930
+ --action-secondary-subtle-border: transparent;
931
+ --action-close-default-bg: #958CB0;
815
932
  --action-close-default-fg: #000000;
816
- --action-close-default-border: #BBB2D2;
817
- --action-close-hover-bg: #D4CEE8;
933
+ --action-close-default-border: #958CB0;
934
+ --action-close-hover-bg: #BBB2D2;
818
935
  --action-close-hover-fg: #000000;
819
- --action-close-hover-border: #D4CEE8;
820
- --action-close-active-bg: #E4DDF4;
936
+ --action-close-hover-border: #BBB2D2;
937
+ --action-close-active-bg: #6B6386;
821
938
  --action-close-active-fg: #000000;
822
- --action-close-active-border: #E4DDF4;
823
- --action-close-muted-bg: #958CB0;
939
+ --action-close-active-border: #6B6386;
940
+ --action-close-muted-bg: #231F31;
824
941
  --action-close-muted-fg: #FFFFFF;
825
- --action-close-muted-border: #958CB0;
942
+ --action-close-muted-border: #3D3754;
826
943
  --action-close-subtle-bg: #E4DDF4;
827
- --action-close-subtle-fg: #B8A8FF;
828
- --action-close-subtle-border: #E4DDF4;
944
+ --action-close-subtle-fg: #BBB2D2;
945
+ --action-close-subtle-border: transparent;
829
946
  --action-danger-default-bg: #E11D48;
830
947
  --action-danger-default-fg: #FFFFFF;
831
948
  --action-danger-default-border: #E11D48;
832
949
  --action-danger-hover-bg: #F43F5E;
833
950
  --action-danger-hover-fg: #FFFFFF;
834
951
  --action-danger-hover-border: #F43F5E;
835
- --action-danger-active-bg: #FB7185;
952
+ --action-danger-active-bg: #BE123C;
836
953
  --action-danger-active-fg: #FFFFFF;
837
- --action-danger-active-border: #FB7185;
838
- --action-danger-muted-bg: #FB7185;
839
- --action-danger-muted-fg: #FB7185;
840
- --action-danger-muted-border: #FB7185;
841
- --action-danger-subtle-bg: #F43F5E;
842
- --action-danger-subtle-fg: #F43F5E;
843
- --action-danger-subtle-border: #F43F5E;
844
- --border-default: #958CB0;
954
+ --action-danger-active-border: #BE123C;
955
+ --action-danger-muted-bg: #881337;
956
+ --action-danger-muted-fg: #FECDD3;
957
+ --action-danger-muted-border: #BE123C;
958
+ --action-danger-subtle-bg: rgba(251, 113, 133, 0.16);
959
+ --action-danger-subtle-fg: #FDA4AF;
960
+ --action-danger-subtle-border: transparent;
961
+ --border-subtle: #2F2A42;
845
962
  --border-muted: #3D3754;
846
- --border-strong: #2F2A42;
847
- --border-subtle: #231F31;
848
- --border-elevated: #6B6386;
849
- --border-disabled: #4F4867;
963
+ --border-default: #4F4867;
964
+ --border-strong: #6B6386;
965
+ --border-elevated: #4F4867;
966
+ --border-disabled: #3D3754;
850
967
  --border-focus: #B8A8FF;
851
- --control-default-bg: #3D3754;
852
- --control-default-fg: #FFFFFF;
853
- --control-default-border: #231F31;
854
- --control-hover-bg: #3D3754;
968
+ --control-default-bg: #2F2A42;
969
+ --control-default-fg: #F4F1FB;
970
+ --control-default-border: #4F4867;
971
+ --control-hover-bg: #2F2A42;
855
972
  --control-hover-fg: #B8A8FF;
856
973
  --control-hover-border: #B8A8FF;
857
- --control-active-bg: #E9E6FF;
858
- --control-active-fg: #342580;
859
- --control-active-border: #402C9F;
860
- --control-selected-default-bg: #9B7CFF;
974
+ --control-active-bg: #3D3754;
975
+ --control-active-fg: #B8A8FF;
976
+ --control-active-border: #B8A8FF;
977
+ --control-disabled-bg: #2F2A42;
978
+ --control-disabled-fg: #6B6386;
979
+ --control-disabled-border: #3D3754;
980
+ --control-selected-default-bg: #7C5CFF;
861
981
  --control-selected-default-fg: #FFFFFF;
862
- --control-selected-default-border: #9B7CFF;
863
- --control-selected-hover-bg: #5037C8;
982
+ --control-selected-default-border: #7C5CFF;
983
+ --control-selected-hover-bg: #9B7CFF;
864
984
  --control-selected-hover-fg: #FFFFFF;
865
- --control-selected-hover-border: #5037C8;
866
- --control-selected-active-bg: #402C9F;
985
+ --control-selected-hover-border: #9B7CFF;
986
+ --control-selected-active-bg: #6346E8;
867
987
  --control-selected-active-fg: #FFFFFF;
868
- --control-selected-active-border: #402C9F;
869
- --control-selected-muted-bg: #5037C8;
870
- --control-selected-muted-fg: #FFFFFF;
871
- --control-selected-muted-border: #7C5CFF;
872
- --divider-default: #1F2937;
873
- --divider-muted: #111827;
874
- --divider-strong: #374151;
875
- --focus-ring: #B8A8FF;
876
- --focus-ring-offset: #000000;
877
- --navigation-hover-bg: #6B6386;
988
+ --control-selected-active-border: #6346E8;
989
+ --control-selected-muted-bg: #402C9F;
990
+ --control-selected-muted-fg: #E9E6FF;
991
+ --control-selected-muted-border: #6346E8;
992
+ --divider-muted: #242034;
993
+ --divider-default: #2F2A42;
994
+ --divider-strong: #3D3754;
995
+ --focus-ring-color: #B8A8FF;
996
+ --focus-ring-width: 2px;
997
+ --focus-ring-shadow: 0 0 8px rgba(184, 168, 255, 0.14);
998
+ --focus-ring-offset: #181521;
999
+ --menu-background: #2F2A42;
1000
+ --menu-border: #4F4867;
1001
+ --menu-item-default-bg: transparent;
1002
+ --menu-item-default-fg: #F4F1FB;
1003
+ --menu-item-hover-bg: #3D3754;
1004
+ --menu-item-hover-fg: #F4F1FB;
1005
+ --menu-item-active-bg: #3D3754;
1006
+ --menu-item-active-fg: #F4F1FB;
1007
+ --menu-item-pressed-bg: #4F4867;
1008
+ --menu-item-pressed-fg: #F4F1FB;
1009
+ --menu-item-disabled-bg: transparent;
1010
+ --menu-item-disabled-fg: #6B6386;
1011
+ --menu-item-danger-default-bg: transparent;
1012
+ --menu-item-danger-default-fg: #FB7185;
1013
+ --menu-item-danger-hover-bg: rgba(251, 113, 133, 0.16);
1014
+ --menu-item-danger-hover-fg: #FB7185;
1015
+ --menu-item-danger-active-bg: rgba(251, 113, 133, 0.16);
1016
+ --menu-item-danger-active-fg: #FB7185;
1017
+ --menu-item-danger-disabled-bg: transparent;
1018
+ --menu-item-danger-disabled-fg: #6B6386;
1019
+ --navigation-hover-bg: #2F2A42;
878
1020
  --navigation-hover-fg: #F4F1FB;
879
- --navigation-active-bg: #6B6386;
1021
+ --navigation-active-bg: #3D3754;
880
1022
  --navigation-active-fg: #F4F1FB;
881
- --navigation-brand-hover-bg: #3D3754;
1023
+ --navigation-brand-hover-bg: #2F2A42;
882
1024
  --navigation-brand-hover-fg: #D4CCFF;
883
1025
  --navigation-tab-hover-fg: #D4CCFF;
884
1026
  --navigation-tab-focus-ring: #F59E0B;
885
- --navigation-option-hover-bg: #6B6386;
1027
+ --navigation-option-hover-bg: #2F2A42;
886
1028
  --navigation-option-hover-fg: #F4F1FB;
887
- --navigation-option-active-bg: #6B6386;
1029
+ --navigation-option-active-bg: #3D3754;
888
1030
  --navigation-option-active-fg: #F4F1FB;
1031
+ --navigation-trigger-hover-bg: #2F2A42;
1032
+ --navigation-trigger-hover-fg: #F4F1FB;
889
1033
  --navigation-border: #3D3754;
890
- --navigation-trigger-hover-bg: #3D3754;
891
- --navigation-trigger-hover-fg: #FAF8FF;
892
- --skeleton-base: #1F2937;
893
- --skeleton-highlight: #374151;
1034
+ --overlay-backdrop: rgba(0,0,0,.72);
1035
+ --overlay-tooltip-bg: #FFFFFF;
1036
+ --overlay-tooltip-fg: #000000;
1037
+ --overlay-tooltip-border: #2F2A42;
1038
+ --overlay-popover-bg: #242034;
1039
+ --overlay-popover-border: #3D3754;
1040
+ --overlay-modal-bg: #242034;
1041
+ --overlay-modal-border: #3D3754;
1042
+ --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.12);
1043
+ --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.22);
1044
+ --shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.35), 0 2px 8px rgba(0, 0, 0, 0.25);
1045
+ --shadow-xl: 0 20px 60px rgba(0, 0, 0, 0.45), 0 4px 16px rgba(0, 0, 0, 0.3);
1046
+ --shadow-inset: inset 0 1px 0 rgba(255, 255, 255, 0.06);
1047
+ --skeleton-base: #242034;
1048
+ --skeleton-highlight: #2F2A42;
894
1049
  --status-success-fg: #34D399;
895
- --status-success-bg: rgba(74, 222, 128, 0.14);
896
- --status-success-border: #6EE7B7;
1050
+ --status-success-bg: rgba(52, 211, 153, 0.14);
1051
+ --status-success-border: #34D399;
1052
+ --status-success-ring: #6EE7B7;
897
1053
  --status-success-strong: #059669;
898
1054
  --status-error-fg: #FB7185;
899
1055
  --status-error-bg: rgba(251, 113, 133, 0.16);
900
- --status-error-border: #F43F5E;
1056
+ --status-error-border: #FB7185;
1057
+ --status-error-ring: #FB7185;
901
1058
  --status-error-strong: #E11D48;
902
1059
  --status-warning-fg: #FBBF24;
903
1060
  --status-warning-bg: rgba(251, 191, 36, 0.14);
904
- --status-warning-border: #FCD34D;
1061
+ --status-warning-border: #FBBF24;
1062
+ --status-warning-ring: #FB7185;
905
1063
  --status-warning-strong: #D97706;
906
- --status-info-fg: #0284C7;
907
- --status-info-bg: rgba(96, 165, 250, 0.14);
908
- --status-info-border: #0EA5E9;
909
- --status-info-strong: #075985;
1064
+ --status-info-fg: #7DD3FC;
1065
+ --status-info-bg: rgba(56, 189, 248, 0.14);
1066
+ --status-info-border: #7DD3FC;
1067
+ --status-info-ring: #FB7185;
1068
+ --status-info-strong: #0369A1;
910
1069
  --surface-default: #181521;
911
1070
  --surface-muted: #231F31;
912
1071
  --surface-subtle: #242034;
913
- --surface-elevated: #3D3754;
1072
+ --surface-elevated: #2F2A42;
1073
+ --surface-hover: #2F2A42;
1074
+ --surface-active: #3D3754;
914
1075
  --surface-pressed: #4F4867;
915
- --surface-danger: #9F123980;
916
1076
  --surface-disabled: #2F2A42;
917
- --surface-hover: #3D3754;
918
- --surface-active: #6B6386;
1077
+ --surface-danger: #9F123980;
919
1078
  --surface-inverse: #FFFFFF;
920
1079
  --text-primary: #F4F1FB;
921
1080
  --text-secondary: #BBB2D2;
922
- --text-muted: #6B6386;
1081
+ --text-muted: #958CB0;
1082
+ --text-subtle: #9CA3AF;
923
1083
  --text-disabled: #6B6386;
924
- --text-subtle: #FFFFFF;
925
- --text-hover: #9B7CFF;
926
- --text-inverse: #FFFFFF;
927
- --text-on-inverse: #000000;
928
1084
  --text-brand: #B8A8FF;
1085
+ --text-interactive: #B8A8FF;
1086
+ --text-interactive-hover: #9B7CFF;
1087
+ --text-interactive-active: #7C5CFF;
1088
+ --text-inverse: #000000;
929
1089
  --button-primary-solid-default-bg: #6346E8;
930
1090
  --button-primary-solid-default-fg: #FFFFFF;
931
1091
  --button-primary-solid-default-border: #6346E8;
932
1092
  --button-primary-solid-hover-bg: #7C5CFF;
933
1093
  --button-primary-solid-hover-fg: #FFFFFF;
934
1094
  --button-primary-solid-hover-border: #7C5CFF;
935
- --button-primary-solid-pressed-bg: #9B7CFF;
1095
+ --button-primary-solid-pressed-bg: #5037C8;
936
1096
  --button-primary-solid-pressed-fg: #FFFFFF;
937
- --button-primary-solid-pressed-border: #9B7CFF;
1097
+ --button-primary-solid-pressed-border: #5037C8;
938
1098
  --button-primary-outline-default-bg: transparent;
939
1099
  --button-primary-outline-default-fg: #B8A8FF;
940
- --button-primary-outline-default-border: #B8A8FF;
941
- --button-primary-outline-hover-bg: #3D3754;
1100
+ --button-primary-outline-default-border: #7C5CFF;
1101
+ --button-primary-outline-hover-bg: #2F2A42;
942
1102
  --button-primary-outline-hover-fg: #D4CCFF;
943
- --button-primary-outline-hover-border: #D4CCFF;
1103
+ --button-primary-outline-hover-border: #9B7CFF;
944
1104
  --button-primary-outline-pressed-bg: #3D3754;
945
- --button-primary-outline-pressed-fg: #9B7CFF;
946
- --button-primary-outline-pressed-border: #9B7CFF;
1105
+ --button-primary-outline-pressed-fg: #E9E6FF;
1106
+ --button-primary-outline-pressed-border: #7C5CFF;
947
1107
  --button-primary-ghost-default-bg: transparent;
948
- --button-primary-ghost-default-fg: #B8A8FF;
949
1108
  --button-primary-ghost-default-border: transparent;
950
- --button-primary-ghost-hover-bg: #3D3754;
951
- --button-primary-ghost-hover-fg: #D4CCFF;
1109
+ --button-primary-ghost-default-fg: #B8A8FF;
1110
+ --button-primary-ghost-hover-bg: #2F2A42;
952
1111
  --button-primary-ghost-hover-border: transparent;
1112
+ --button-primary-ghost-hover-fg: #D4CCFF;
953
1113
  --button-primary-ghost-pressed-bg: #3D3754;
954
- --button-primary-ghost-pressed-fg: #9B7CFF;
955
1114
  --button-primary-ghost-pressed-border: transparent;
1115
+ --button-primary-ghost-pressed-fg: #E9E6FF;
956
1116
  --button-secondary-solid-default-bg: #1FBEDB;
957
1117
  --button-secondary-solid-default-fg: #000000;
958
1118
  --button-secondary-solid-default-border: #1FBEDB;
959
1119
  --button-secondary-solid-hover-bg: #3ED5EE;
960
1120
  --button-secondary-solid-hover-fg: #000000;
961
1121
  --button-secondary-solid-hover-border: #3ED5EE;
962
- --button-secondary-solid-pressed-bg: #79E8F8;
1122
+ --button-secondary-solid-pressed-bg: #0F9BB8;
963
1123
  --button-secondary-solid-pressed-fg: #000000;
964
- --button-secondary-solid-pressed-border: #79E8F8;
1124
+ --button-secondary-solid-pressed-border: #0F9BB8;
965
1125
  --button-secondary-outline-default-bg: transparent;
966
1126
  --button-secondary-outline-default-fg: #79E8F8;
967
- --button-secondary-outline-default-border: #79E8F8;
968
- --button-secondary-outline-hover-bg: #3D3754;
969
- --button-secondary-outline-hover-fg: #3ED5EE;
1127
+ --button-secondary-outline-default-border: #1FBEDB;
1128
+ --button-secondary-outline-hover-bg: #2F2A42;
1129
+ --button-secondary-outline-hover-fg: #B4F4FD;
970
1130
  --button-secondary-outline-hover-border: #3ED5EE;
971
- --button-secondary-outline-pressed-bg: #231F31;
972
- --button-secondary-outline-pressed-fg: #79E8F8;
973
- --button-secondary-outline-pressed-border: #79E8F8;
1131
+ --button-secondary-outline-pressed-bg: #3D3754;
1132
+ --button-secondary-outline-pressed-fg: #D9FBFF;
1133
+ --button-secondary-outline-pressed-border: #1FBEDB;
974
1134
  --button-secondary-ghost-default-bg: transparent;
975
- --button-secondary-ghost-default-fg: #79E8F8;
976
1135
  --button-secondary-ghost-default-border: transparent;
977
- --button-secondary-ghost-hover-bg: #3D3754;
978
- --button-secondary-ghost-hover-fg: #B4F4FD;
1136
+ --button-secondary-ghost-default-fg: #79E8F8;
1137
+ --button-secondary-ghost-hover-bg: #2F2A42;
979
1138
  --button-secondary-ghost-hover-border: transparent;
980
- --button-secondary-ghost-pressed-bg: #231F31;
981
- --button-secondary-ghost-pressed-fg: #79E8F8;
1139
+ --button-secondary-ghost-hover-fg: #B4F4FD;
1140
+ --button-secondary-ghost-pressed-bg: #3D3754;
982
1141
  --button-secondary-ghost-pressed-border: transparent;
983
- --button-close-solid-default-bg: #BBB2D2;
1142
+ --button-secondary-ghost-pressed-fg: #D9FBFF;
1143
+ --button-close-solid-default-bg: #958CB0;
984
1144
  --button-close-solid-default-fg: #000000;
985
- --button-close-solid-default-border: #BBB2D2;
986
- --button-close-solid-hover-bg: #D4CEE8;
1145
+ --button-close-solid-default-border: #958CB0;
1146
+ --button-close-solid-hover-bg: #BBB2D2;
987
1147
  --button-close-solid-hover-fg: #000000;
988
- --button-close-solid-hover-border: #D4CEE8;
989
- --button-close-solid-pressed-bg: #E4DDF4;
1148
+ --button-close-solid-hover-border: #BBB2D2;
1149
+ --button-close-solid-pressed-bg: #6B6386;
990
1150
  --button-close-solid-pressed-fg: #000000;
991
- --button-close-solid-pressed-border: #E4DDF4;
1151
+ --button-close-solid-pressed-border: #6B6386;
992
1152
  --button-close-outline-default-bg: transparent;
993
1153
  --button-close-outline-default-fg: #BBB2D2;
994
- --button-close-outline-default-border: #BBB2D2;
995
- --button-close-outline-hover-bg: #3D3754;
996
- --button-close-outline-hover-fg: #958CB0;
1154
+ --button-close-outline-default-border: #6B6386;
1155
+ --button-close-outline-hover-bg: #2F2A42;
1156
+ --button-close-outline-hover-fg: #E4DDF4;
997
1157
  --button-close-outline-hover-border: #958CB0;
998
1158
  --button-close-outline-pressed-bg: #3D3754;
999
- --button-close-outline-pressed-fg: #E4DDF4;
1000
- --button-close-outline-pressed-border: #E4DDF4;
1159
+ --button-close-outline-pressed-fg: #F4F1FB;
1160
+ --button-close-outline-pressed-border: #6B6386;
1001
1161
  --button-close-ghost-default-bg: transparent;
1002
- --button-close-ghost-default-fg: #BBB2D2;
1003
1162
  --button-close-ghost-default-border: transparent;
1004
- --button-close-ghost-hover-bg: #3D3754;
1005
- --button-close-ghost-hover-fg: #D4CEE8;
1163
+ --button-close-ghost-default-fg: #BBB2D2;
1164
+ --button-close-ghost-hover-bg: #2F2A42;
1006
1165
  --button-close-ghost-hover-border: transparent;
1166
+ --button-close-ghost-hover-fg: #E4DDF4;
1007
1167
  --button-close-ghost-pressed-bg: #3D3754;
1008
- --button-close-ghost-pressed-fg: #E4DDF4;
1009
1168
  --button-close-ghost-pressed-border: transparent;
1169
+ --button-close-ghost-pressed-fg: #F4F1FB;
1010
1170
  --button-danger-solid-default-bg: #E11D48;
1011
1171
  --button-danger-solid-default-fg: #FFFFFF;
1012
1172
  --button-danger-solid-default-border: #E11D48;
1013
1173
  --button-danger-solid-hover-bg: #F43F5E;
1014
1174
  --button-danger-solid-hover-fg: #FFFFFF;
1015
1175
  --button-danger-solid-hover-border: #F43F5E;
1016
- --button-danger-solid-pressed-bg: #FB7185;
1176
+ --button-danger-solid-pressed-bg: #BE123C;
1017
1177
  --button-danger-solid-pressed-fg: #FFFFFF;
1018
- --button-danger-solid-pressed-border: #FB7185;
1178
+ --button-danger-solid-pressed-border: #BE123C;
1019
1179
  --button-danger-outline-default-bg: transparent;
1020
1180
  --button-danger-outline-default-fg: #FB7185;
1021
1181
  --button-danger-outline-default-border: #FB7185;
1022
1182
  --button-danger-outline-hover-bg: rgba(251, 113, 133, 0.16);
1023
- --button-danger-outline-hover-fg: #F43F5E;
1024
- --button-danger-outline-hover-border: #F43F5E;
1025
- --button-danger-outline-pressed-bg: rgba(251, 113, 133, 0.16);
1026
- --button-danger-outline-pressed-fg: #FB7185;
1027
- --button-danger-outline-pressed-border: #FB7185;
1183
+ --button-danger-outline-hover-fg: #FDA4AF;
1184
+ --button-danger-outline-hover-border: #FB7185;
1185
+ --button-danger-outline-pressed-bg: #9F123980;
1186
+ --button-danger-outline-pressed-fg: #FECDD3;
1187
+ --button-danger-outline-pressed-border: #F43F5E;
1028
1188
  --button-danger-ghost-default-bg: transparent;
1029
- --button-danger-ghost-default-fg: #FB7185;
1030
1189
  --button-danger-ghost-default-border: transparent;
1190
+ --button-danger-ghost-default-fg: #FB7185;
1031
1191
  --button-danger-ghost-hover-bg: rgba(251, 113, 133, 0.16);
1032
- --button-danger-ghost-hover-fg: #F43F5E;
1033
1192
  --button-danger-ghost-hover-border: transparent;
1034
- --button-danger-ghost-pressed-bg: rgba(251, 113, 133, 0.16);
1035
- --button-danger-ghost-pressed-fg: #FB7185;
1193
+ --button-danger-ghost-hover-fg: #FDA4AF;
1194
+ --button-danger-ghost-pressed-bg: #9F123980;
1036
1195
  --button-danger-ghost-pressed-border: transparent;
1196
+ --button-danger-ghost-pressed-fg: #FECDD3;
1037
1197
  --button-disabled-bg: #2F2A42;
1038
1198
  --button-disabled-fg: #6B6386;
1039
- --button-disabled-border: #4F4867;
1040
- --checkbox-default-bg: #3D3754;
1041
- --checkbox-default-fg: #FFFFFF;
1042
- --checkbox-default-border: #958CB0;
1043
- --checkbox-hover-bg: #3D3754;
1044
- --checkbox-hover-fg: #FFFFFF;
1199
+ --button-disabled-border: #3D3754;
1200
+ --checkbox-default-bg: #2F2A42;
1201
+ --checkbox-default-fg: #F4F1FB;
1202
+ --checkbox-default-border: #4F4867;
1203
+ --checkbox-hover-bg: #2F2A42;
1204
+ --checkbox-hover-fg: #B8A8FF;
1045
1205
  --checkbox-hover-border: #B8A8FF;
1046
- --checkbox-checked-default-bg: #9B7CFF;
1206
+ --checkbox-checked-default-bg: #7C5CFF;
1047
1207
  --checkbox-checked-default-fg: #FFFFFF;
1048
- --checkbox-checked-default-border: #9B7CFF;
1049
- --checkbox-checked-hover-bg: #5037C8;
1208
+ --checkbox-checked-default-border: #7C5CFF;
1209
+ --checkbox-checked-default-label-fg: #B8A8FF;
1210
+ --checkbox-checked-hover-bg: #9B7CFF;
1050
1211
  --checkbox-checked-hover-fg: #FFFFFF;
1051
- --checkbox-checked-hover-border: #5037C8;
1052
- --checkbox-checked-pressed-bg: #402C9F;
1212
+ --checkbox-checked-hover-border: #9B7CFF;
1213
+ --checkbox-checked-hover-label-fg: #9B7CFF;
1214
+ --checkbox-checked-pressed-bg: #6346E8;
1053
1215
  --checkbox-checked-pressed-fg: #FFFFFF;
1054
- --checkbox-checked-pressed-border: #402C9F;
1216
+ --checkbox-checked-pressed-border: #6346E8;
1217
+ --checkbox-checked-pressed-label-fg: #7C5CFF;
1055
1218
  --checkbox-focus-ring: #B8A8FF;
1056
- --checkbox-disabled-bg: #242034;
1219
+ --checkbox-disabled-bg: #2F2A42;
1057
1220
  --checkbox-disabled-fg: #6B6386;
1058
- --checkbox-disabled-border: #958CB0;
1221
+ --checkbox-disabled-border: #3D3754;
1059
1222
  --checkbox-error-fg: #FB7185;
1060
1223
  --checkbox-error-border: #FB7185;
1224
+ --checkbox-error-ring: #FB7185;
1225
+ --context-menu-content-bg: #2F2A42;
1226
+ --context-menu-content-border: #4F4867;
1227
+ --context-menu-content-shadow: 0 12px 40px rgba(0, 0, 0, 0.35), 0 2px 8px rgba(0, 0, 0, 0.25);
1228
+ --context-menu-item-default-bg: transparent;
1229
+ --context-menu-item-default-fg: #F4F1FB;
1230
+ --context-menu-item-hover-bg: #3D3754;
1231
+ --context-menu-item-hover-fg: #F4F1FB;
1232
+ --context-menu-item-active-bg: #3D3754;
1233
+ --context-menu-item-active-fg: #F4F1FB;
1234
+ --context-menu-item-active-ring: transparent;
1235
+ --context-menu-item-pressed-bg: #4F4867;
1236
+ --context-menu-item-pressed-fg: #F4F1FB;
1237
+ --context-menu-item-focus-ring-color: #B8A8FF;
1238
+ --context-menu-item-focus-ring-width: 2px;
1239
+ --context-menu-item-focus-ring-shadow: 0 0 8px rgba(184, 168, 255, 0.14);
1240
+ --context-menu-item-focus-ring-offset: #181521;
1241
+ --context-menu-item-disabled-bg: transparent;
1242
+ --context-menu-item-disabled-fg: #6B6386;
1243
+ --context-menu-item-danger-default-bg: transparent;
1244
+ --context-menu-item-danger-default-fg: #FB7185;
1245
+ --context-menu-item-danger-hover-bg: rgba(251, 113, 133, 0.16);
1246
+ --context-menu-item-danger-hover-fg: #FB7185;
1247
+ --context-menu-item-danger-active-bg: rgba(251, 113, 133, 0.16);
1248
+ --context-menu-item-danger-active-fg: #FB7185;
1249
+ --context-menu-item-danger-disabled-bg: transparent;
1250
+ --context-menu-item-danger-disabled-fg: #6B6386;
1251
+ --context-menu-trigger-default-bg: transparent;
1252
+ --context-menu-trigger-default-fg: #B8A8FF;
1253
+ --context-menu-trigger-default-border: transparent;
1254
+ --context-menu-trigger-hover-bg: #3D3754;
1255
+ --context-menu-trigger-hover-fg: #9B7CFF;
1256
+ --context-menu-trigger-hover-border: transparent;
1257
+ --context-menu-trigger-hover-ring: transparent;
1258
+ --context-menu-trigger-focus-bg: transparent;
1259
+ --context-menu-trigger-focus-fg: #B8A8FF;
1260
+ --context-menu-trigger-focus-border: transparent;
1261
+ --context-menu-trigger-focus-ring-color: #B8A8FF;
1262
+ --context-menu-trigger-focus-ring-width: 2px;
1263
+ --context-menu-trigger-focus-ring-shadow: 0 0 8px rgba(184, 168, 255, 0.14);
1264
+ --context-menu-trigger-focus-ring-offset: #181521;
1265
+ --context-menu-trigger-disabled-bg: transparent;
1266
+ --context-menu-trigger-disabled-fg: #6B6386;
1267
+ --context-menu-trigger-disabled-border: transparent;
1268
+ --context-menu-group-label-fg: #BBB2D2;
1061
1269
  --dropdown-trigger-default-bg: transparent;
1062
1270
  --dropdown-trigger-default-fg: #B8A8FF;
1063
1271
  --dropdown-trigger-default-border: transparent;
1064
- --dropdown-trigger-hover-bg: #3D3754;
1065
- --dropdown-trigger-hover-fg: #D4CCFF;
1272
+ --dropdown-trigger-hover-bg: #2F2A42;
1273
+ --dropdown-trigger-hover-fg: #9B7CFF;
1066
1274
  --dropdown-trigger-hover-border: transparent;
1067
1275
  --dropdown-trigger-hover-ring: transparent;
1068
1276
  --dropdown-trigger-focus-bg: transparent;
1069
1277
  --dropdown-trigger-focus-fg: #B8A8FF;
1070
1278
  --dropdown-trigger-focus-border: #B8A8FF;
1071
- --dropdown-trigger-focus-ring: #B8A8FF;
1072
- --dropdown-trigger-disabled-bg: #242034;
1279
+ --dropdown-trigger-focus-ring-color: #B8A8FF;
1280
+ --dropdown-trigger-focus-ring-width: 2px;
1281
+ --dropdown-trigger-focus-ring-shadow: 0 0 8px rgba(184, 168, 255, 0.14);
1282
+ --dropdown-trigger-focus-ring-offset: #181521;
1283
+ --dropdown-trigger-disabled-bg: #2F2A42;
1073
1284
  --dropdown-trigger-disabled-fg: #6B6386;
1074
- --dropdown-trigger-disabled-border: #958CB0;
1075
- --dropdown-content-bg: #3D3754;
1285
+ --dropdown-trigger-disabled-border: #3D3754;
1286
+ --dropdown-content-bg: #2F2A42;
1076
1287
  --dropdown-content-fg: #F4F1FB;
1077
- --dropdown-content-border: #958CB0;
1288
+ --dropdown-content-border: #4F4867;
1289
+ --dropdown-content-shadow: 0 12px 40px rgba(0, 0, 0, 0.35), 0 2px 8px rgba(0, 0, 0, 0.25);
1078
1290
  --dropdown-item-default-bg: transparent;
1079
1291
  --dropdown-item-default-fg: #F4F1FB;
1080
- --dropdown-item-hover-bg: #6B6386;
1292
+ --dropdown-item-hover-bg: #3D3754;
1081
1293
  --dropdown-item-hover-fg: #F4F1FB;
1082
- --dropdown-item-active-bg: #6B6386;
1294
+ --dropdown-item-active-bg: #3D3754;
1083
1295
  --dropdown-item-active-fg: #F4F1FB;
1084
1296
  --dropdown-item-active-ring: transparent;
1085
- --dropdown-item-focus-ring: #B8A8FF;
1297
+ --dropdown-item-pressed-bg: #4F4867;
1298
+ --dropdown-item-pressed-fg: #F4F1FB;
1299
+ --dropdown-item-focus-ring-color: #B8A8FF;
1300
+ --dropdown-item-focus-ring-width: 2px;
1301
+ --dropdown-item-focus-ring-shadow: 0 0 8px rgba(184, 168, 255, 0.14);
1302
+ --dropdown-item-focus-ring-offset: #181521;
1086
1303
  --dropdown-item-disabled-bg: transparent;
1087
1304
  --dropdown-item-disabled-fg: #6B6386;
1305
+ --dropdown-item-danger-default-bg: transparent;
1088
1306
  --dropdown-item-danger-default-fg: #FB7185;
1089
1307
  --dropdown-item-danger-hover-bg: rgba(251, 113, 133, 0.16);
1090
1308
  --dropdown-item-danger-hover-fg: #FB7185;
1091
- --dropdown-item-danger-active-bg: #F43F5E;
1309
+ --dropdown-item-danger-active-bg: rgba(251, 113, 133, 0.16);
1092
1310
  --dropdown-item-danger-active-fg: #FB7185;
1093
1311
  --dropdown-item-danger-active-ring: transparent;
1312
+ --dropdown-item-danger-disabled-bg: transparent;
1313
+ --dropdown-item-danger-disabled-fg: #6B6386;
1094
1314
  --dropdown-group-label-fg: #BBB2D2;
1095
1315
  --dropdown-separator-bg: #3D3754;
1096
- --dropdown-separator-fg: #6B6386;
1316
+ --dropdown-separator-fg: #958CB0;
1097
1317
  --form-field-label-fg: #F4F1FB;
1098
1318
  --form-field-description-fg: #BBB2D2;
1099
- --form-field-helper-text-default-fg: #BBB2D2;
1319
+ --form-field-helper-text-default-fg: #958CB0;
1100
1320
  --form-field-helper-text-error-fg: #FB7185;
1101
1321
  --form-field-helper-text-success-fg: #34D399;
1102
1322
  --form-field-helper-text-warning-fg: #FBBF24;
1103
- --form-field-helper-text-info-fg: #0284C7;
1323
+ --form-field-helper-text-info-fg: #7DD3FC;
1104
1324
  --form-field-required-mark-fg: #FB7185;
1105
1325
  --form-field-disabled-label-fg: #6B6386;
1106
1326
  --form-field-disabled-description-fg: #6B6386;
1107
1327
  --form-field-disabled-helper-text-fg: #6B6386;
1108
1328
  --input-default-bg: transparent;
1109
1329
  --input-default-fg: #F4F1FB;
1110
- --input-default-border: #958CB0;
1330
+ --input-default-border: #4F4867;
1111
1331
  --input-default-placeholder: #BBB2D2;
1112
- --input-default-icon: #9B7CFF;
1113
- --input-hover-bg: #3D3754;
1332
+ --input-default-icon: #B8A8FF;
1333
+ --input-hover-bg: #2F2A42;
1114
1334
  --input-hover-fg: #F4F1FB;
1115
1335
  --input-hover-border: #B8A8FF;
1116
- --input-hover-placeholder: #6B6386;
1117
- --input-hover-icon: #9B7CFF;
1336
+ --input-hover-placeholder: #BBB2D2;
1337
+ --input-hover-icon: #D4CCFF;
1118
1338
  --input-focus-bg: transparent;
1119
1339
  --input-focus-fg: #F4F1FB;
1120
1340
  --input-focus-border: #B8A8FF;
1121
1341
  --input-focus-ring: #B8A8FF;
1122
- --input-focus-placeholder: #6B6386;
1123
- --input-focus-icon: #FFFFFF;
1124
- --input-disabled-bg: #3D3754;
1342
+ --input-focus-placeholder: #BBB2D2;
1343
+ --input-focus-icon: #B8A8FF;
1344
+ --input-disabled-bg: #2F2A42;
1125
1345
  --input-disabled-fg: #6B6386;
1126
- --input-disabled-border: #958CB0;
1346
+ --input-disabled-border: #3D3754;
1127
1347
  --input-disabled-placeholder: #6B6386;
1128
- --input-disabled-icon: #D1D5DB;
1129
- --input-error-border: #F43F5E;
1348
+ --input-disabled-icon: #6B6386;
1349
+ --input-error-border: #FB7185;
1130
1350
  --input-error-ring: #FB7185;
1131
- --input-success-border: #059669;
1351
+ --input-success-border: #34D399;
1132
1352
  --input-success-ring: #34D399;
1133
1353
  --input-read-only-bg: #242034;
1134
1354
  --input-read-only-fg: #BBB2D2;
1135
- --input-read-only-border: #958CB0;
1136
- --input-read-only-placeholder: #6B6386;
1137
- --input-read-only-icon: #9CA3AF;
1138
- --input-icon-default: #0F0F0F;
1355
+ --input-read-only-border: #3D3754;
1356
+ --input-read-only-placeholder: #958CB0;
1357
+ --input-read-only-icon: #958CB0;
1358
+ --input-icon-default: #F4F1FB;
1139
1359
  --input-icon-primary: #B8A8FF;
1140
- --input-icon-secondary: #9CA3AF;
1141
- --input-icon-success: #10B981;
1142
- --input-icon-danger: #F43F5E;
1143
- --input-icon-muted: #9CA3AF;
1144
- --input-icon-inverse: #1A1A1A;
1145
- --input-icon-brand: #9B7CFF;
1146
- --input-clear-button-fg: #FB7185;
1360
+ --input-icon-secondary: #E5E7EB;
1361
+ --input-icon-success: #34D399;
1362
+ --input-icon-danger: #FB7185;
1363
+ --input-icon-muted: #958CB0;
1364
+ --input-icon-inverse: #000000;
1365
+ --input-icon-brand: #B8A8FF;
1366
+ --input-clear-button-fg: #958CB0;
1147
1367
  --input-clear-button-hover-fg: #FB7185;
1148
- --input-clear-button-hover-bg: #9F123980;
1149
- --input-clear-button-focus-bg: #FFFFFF;
1150
- --input-clear-button-pressed-bg: #6B6386;
1151
- --menu-item-default-bg: transparent;
1152
- --menu-item-default-fg: #F4F1FB;
1153
- --menu-item-hover-bg: #6B6386;
1154
- --menu-item-hover-fg: #F4F1FB;
1155
- --menu-item-active-bg: #6B6386;
1156
- --menu-item-active-fg: #F4F1FB;
1157
- --menu-item-focus-ring: transparent;
1158
- --menu-item-disabled-bg: #242034;
1159
- --menu-item-disabled-fg: #6B6386;
1160
- --menu-item-danger-default-fg: #FB7185;
1161
- --menu-item-danger-hover-bg: rgba(251, 113, 133, 0.16);
1162
- --menu-item-danger-hover-fg: #FB7185;
1163
- --menu-item-danger-active-bg: #F43F5E;
1164
- --menu-item-danger-active-fg: #FB7185;
1165
- --menu-trigger-default-fg: #B8A8FF;
1166
- --menu-trigger-hover-bg: #3D3754;
1167
- --menu-trigger-hover-fg: #FAF8FF;
1168
- --menu-trigger-hover-ring: transparent;
1169
- --menu-group-label-fg: #6B6386;
1368
+ --input-clear-button-hover-bg: rgba(251, 113, 133, 0.16);
1369
+ --input-clear-button-focus-bg: #242034;
1370
+ --input-clear-button-pressed-bg: #3D3754;
1170
1371
  --modal-overlay-bg: rgba(0, 0, 0, 0.72);
1171
- --modal-content-bg: #3D3754;
1372
+ --modal-content-bg: #242034;
1172
1373
  --modal-content-fg: #F4F1FB;
1173
- --modal-content-border: #958CB0;
1374
+ --modal-content-border: #3D3754;
1375
+ --modal-content-shadow: 0 20px 60px rgba(0, 0, 0, 0.45), 0 4px 16px rgba(0, 0, 0, 0.3);
1174
1376
  --modal-title-fg: #F4F1FB;
1175
- --modal-description-fg: #6B6386;
1377
+ --modal-description-fg: #BBB2D2;
1176
1378
  --modal-close-button-default-bg: transparent;
1177
1379
  --modal-close-button-default-fg: #BBB2D2;
1178
- --modal-close-button-hover-bg: #242034;
1380
+ --modal-close-button-default-border: transparent;
1381
+ --modal-close-button-hover-bg: #2F2A42;
1179
1382
  --modal-close-button-hover-fg: #F4F1FB;
1383
+ --modal-close-button-hover-border: transparent;
1384
+ --modal-close-button-pressed-bg: #3D3754;
1385
+ --modal-close-button-pressed-fg: #F4F1FB;
1386
+ --modal-close-button-pressed-border: transparent;
1387
+ --modal-close-button-focus-ring-color: #B8A8FF;
1388
+ --modal-close-button-focus-ring-width: 2px;
1389
+ --modal-close-button-focus-ring-shadow: 0 0 8px rgba(184, 168, 255, 0.14);
1390
+ --modal-close-button-focus-ring-offset: #181521;
1180
1391
  --modal-close-button-disabled-bg: transparent;
1181
1392
  --modal-close-button-disabled-fg: #6B6386;
1182
- --radio-default-bg: #3D3754;
1393
+ --modal-close-button-disabled-border: transparent;
1394
+ --radio-default-bg: #2F2A42;
1183
1395
  --radio-default-fg: #F4F1FB;
1184
- --radio-default-border: #958CB0;
1185
- --radio-hover-bg: #3D3754;
1396
+ --radio-default-border: #4F4867;
1397
+ --radio-hover-bg: #2F2A42;
1186
1398
  --radio-hover-fg: #B8A8FF;
1187
1399
  --radio-hover-border: #B8A8FF;
1188
- --radio-pressed-bg: #E9E6FF;
1189
- --radio-pressed-fg: #342580;
1190
- --radio-pressed-border: #402C9F;
1191
- --radio-checked-default-bg: #9B7CFF;
1400
+ --radio-pressed-bg: #3D3754;
1401
+ --radio-pressed-fg: #B8A8FF;
1402
+ --radio-pressed-border: #B8A8FF;
1403
+ --radio-checked-default-bg: #181521;
1192
1404
  --radio-checked-default-fg: #B8A8FF;
1193
- --radio-checked-default-border: #9B7CFF;
1194
- --radio-checked-hover-bg: #5037C8;
1195
- --radio-checked-hover-fg: #B8A8FF;
1196
- --radio-checked-hover-border: #5037C8;
1197
- --radio-checked-pressed-bg: #402C9F;
1198
- --radio-checked-pressed-fg: #B8A8FF;
1199
- --radio-checked-pressed-border: #402C9F;
1405
+ --radio-checked-default-border: #7C5CFF;
1406
+ --radio-checked-default-label-fg: #B8A8FF;
1407
+ --radio-checked-hover-bg: #2F2A42;
1408
+ --radio-checked-hover-fg: #D4CCFF;
1409
+ --radio-checked-hover-border: #9B7CFF;
1410
+ --radio-checked-hover-label-fg: #9B7CFF;
1411
+ --radio-checked-pressed-bg: #3D3754;
1412
+ --radio-checked-pressed-fg: #9B7CFF;
1413
+ --radio-checked-pressed-border: #6346E8;
1414
+ --radio-checked-pressed-label-fg: #B8A8FF;
1200
1415
  --radio-checked-disabled-bg: #2F2A42;
1201
1416
  --radio-checked-disabled-fg: #6B6386;
1202
- --radio-checked-disabled-border: #4F4867;
1417
+ --radio-checked-disabled-border: #3D3754;
1418
+ --radio-checked-disabled-label-fg: #6B6386;
1203
1419
  --radio-focus-ring: #B8A8FF;
1204
1420
  --radio-focus-border: #B8A8FF;
1205
- --radio-invalid-bg: #181521;
1206
- --radio-invalid-fg: #FFFFFF;
1207
- --radio-invalid-border: #F43F5E;
1421
+ --radio-invalid-bg: #2F2A42;
1422
+ --radio-invalid-fg: #F4F1FB;
1423
+ --radio-invalid-border: #FB7185;
1424
+ --radio-invalid-ring: #FB7185;
1208
1425
  --radio-disabled-bg: #2F2A42;
1209
1426
  --radio-disabled-fg: #6B6386;
1210
- --radio-disabled-border: #4F4867;
1427
+ --radio-disabled-border: #3D3754;
1211
1428
  --select-trigger-default-bg: transparent;
1212
- --select-trigger-default-fg: #FFFFFF;
1213
- --select-trigger-default-border: #958CB0;
1214
- --select-trigger-hover-bg: #3D3754;
1429
+ --select-trigger-default-fg: #F4F1FB;
1430
+ --select-trigger-default-border: #4F4867;
1431
+ --select-trigger-hover-bg: #2F2A42;
1215
1432
  --select-trigger-hover-fg: #B8A8FF;
1216
1433
  --select-trigger-hover-border: #B8A8FF;
1217
- --select-trigger-focus-bg: #181521;
1434
+ --select-trigger-focus-bg: transparent;
1218
1435
  --select-trigger-focus-fg: #F4F1FB;
1219
1436
  --select-trigger-focus-border: #B8A8FF;
1220
1437
  --select-trigger-focus-ring: #B8A8FF;
1221
1438
  --select-trigger-disabled-bg: #2F2A42;
1222
1439
  --select-trigger-disabled-fg: #6B6386;
1223
- --select-trigger-disabled-border: #4F4867;
1440
+ --select-trigger-disabled-border: #3D3754;
1224
1441
  --select-trigger-placeholder-fg: #BBB2D2;
1225
1442
  --select-trigger-error-border: #FB7185;
1226
- --select-trigger-error-ring: rgba(251, 113, 133, 0.16);
1227
- --select-dropdown-bg: #3D3754;
1443
+ --select-trigger-error-ring: #FB7185;
1444
+ --select-dropdown-bg: #2F2A42;
1228
1445
  --select-dropdown-fg: #F4F1FB;
1229
- --select-dropdown-border: #3D3754;
1446
+ --select-dropdown-border: #4F4867;
1447
+ --select-dropdown-shadow: 0 12px 40px rgba(0, 0, 0, 0.35), 0 2px 8px rgba(0, 0, 0, 0.25);
1230
1448
  --select-option-default-bg: transparent;
1231
1449
  --select-option-default-fg: #F4F1FB;
1232
- --select-option-default-border: #958CB0;
1233
- --select-option-hover-bg: #6B6386;
1450
+ --select-option-default-border: transparent;
1451
+ --select-option-hover-bg: #3D3754;
1234
1452
  --select-option-hover-fg: #F4F1FB;
1235
- --select-option-active-bg: #6B6386;
1453
+ --select-option-hover-border: transparent;
1454
+ --select-option-active-bg: #3D3754;
1236
1455
  --select-option-active-fg: #F4F1FB;
1456
+ --select-option-active-border: transparent;
1237
1457
  --select-option-active-ring: transparent;
1238
- --select-option-selected-bg: #5037C8;
1239
- --select-option-selected-fg: #FFFFFF;
1458
+ --select-option-pressed-bg: #4F4867;
1459
+ --select-option-pressed-fg: #F4F1FB;
1460
+ --select-option-pressed-border: transparent;
1461
+ --select-option-selected-bg: #402C9F;
1462
+ --select-option-selected-fg: #E9E6FF;
1463
+ --select-option-selected-border: #6346E8;
1464
+ --select-option-selected-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
1240
1465
  --select-option-disabled-bg: transparent;
1241
1466
  --select-option-disabled-fg: #6B6386;
1242
- --select-option-disabled-border: #958CB0;
1243
- --tabs-list-border: #958CB0;
1467
+ --select-option-disabled-border: transparent;
1468
+ --tabs-list-border: #3D3754;
1244
1469
  --tabs-trigger-default-bg: transparent;
1245
- --tabs-trigger-default-fg: #F4F1FB;
1470
+ --tabs-trigger-default-fg: #BBB2D2;
1246
1471
  --tabs-trigger-default-border: transparent;
1247
1472
  --tabs-trigger-hover-bg: transparent;
1248
- --tabs-trigger-hover-fg: #6B6386;
1249
- --tabs-trigger-hover-border: #6B6386;
1473
+ --tabs-trigger-hover-fg: #D4CCFF;
1474
+ --tabs-trigger-hover-border: transparent;
1250
1475
  --tabs-trigger-active-bg: transparent;
1251
1476
  --tabs-trigger-active-fg: #B8A8FF;
1252
1477
  --tabs-trigger-active-border: #6346E8;
1253
- --tabs-trigger-focus-ring: #6B6386;
1478
+ --tabs-trigger-focus-ring-color: #B8A8FF;
1479
+ --tabs-trigger-focus-ring-width: 2px;
1480
+ --tabs-trigger-focus-ring-shadow: 0 0 8px rgba(184, 168, 255, 0.14);
1481
+ --tabs-trigger-focus-ring-offset: #181521;
1254
1482
  --tabs-trigger-disabled-bg: transparent;
1255
1483
  --tabs-trigger-disabled-fg: #6B6386;
1256
1484
  --tabs-trigger-disabled-border: transparent;
1257
1485
  --tabs-pills-default-bg: transparent;
1258
- --tabs-pills-default-fg: #F4F1FB;
1486
+ --tabs-pills-default-fg: #BBB2D2;
1259
1487
  --tabs-pills-default-border: transparent;
1260
- --tabs-pills-hover-bg: #3D3754;
1488
+ --tabs-pills-hover-bg: #2F2A42;
1261
1489
  --tabs-pills-hover-fg: #F4F1FB;
1262
1490
  --tabs-pills-hover-border: transparent;
1263
- --tabs-pills-active-bg: #5037C8;
1264
- --tabs-pills-active-fg: #FFFFFF;
1265
- --tabs-pills-active-border: #7C5CFF;
1491
+ --tabs-pills-active-bg: #402C9F;
1492
+ --tabs-pills-active-fg: #E9E6FF;
1493
+ --tabs-pills-active-border: #6346E8;
1266
1494
  --tabs-pills-disabled-bg: transparent;
1267
1495
  --tabs-pills-disabled-fg: #6B6386;
1268
1496
  --tabs-pills-disabled-border: transparent;
1269
1497
  --tabs-indicator-default-bg: #B8A8FF;
1270
- --tabs-indicator-hover-bg: #5037C8;
1271
- --tabs-indicator-active-bg: #B8A8FF;
1498
+ --tabs-indicator-hover-bg: #7C5CFF;
1499
+ --tabs-indicator-active-bg: #6346E8;
1272
1500
  --tabs-panel-fg: #F4F1FB;
1273
1501
  --tooltip-content-bg: #FFFFFF;
1274
1502
  --tooltip-content-fg: #000000;
1275
- --tooltip-content-border: #958CB0;
1503
+ --tooltip-content-border: #2F2A42;
1504
+ --tooltip-content-shadow: 0 4px 12px rgba(0, 0, 0, 0.22);
1276
1505
  --tooltip-arrow-bg: #FFFFFF;
1277
1506
  }
1278
1507
 
@@ -1394,502 +1623,620 @@
1394
1623
  --color-mono-800: #1A1A1A;
1395
1624
  --color-mono-900: #0F0F0F;
1396
1625
  --color-mono-950: #000000;
1397
- --action-primary-default-bg: #6346E8;
1626
+ --action-primary-default-bg: #7C5CFF;
1398
1627
  --action-primary-default-fg: #FFFFFF;
1399
- --action-primary-default-border: #6346E8;
1400
- --action-primary-hover-bg: #7C5CFF;
1401
- --action-primary-hover-fg: #FFFFFF;
1402
- --action-primary-hover-border: #7C5CFF;
1403
- --action-primary-active-bg: #9B7CFF;
1628
+ --action-primary-default-border: #FFFFFF;
1629
+ --action-primary-hover-bg: #9B7CFF;
1630
+ --action-primary-hover-fg: #000000;
1631
+ --action-primary-hover-border: #FCD34D;
1632
+ --action-primary-active-bg: #6346E8;
1404
1633
  --action-primary-active-fg: #FFFFFF;
1405
- --action-primary-active-border: #9B7CFF;
1406
- --action-primary-muted-bg: #B8A8FF;
1407
- --action-primary-muted-fg: #FFFFFF;
1634
+ --action-primary-active-border: #FCD34D;
1635
+ --action-primary-muted-bg: #21164F;
1636
+ --action-primary-muted-fg: #E9E6FF;
1408
1637
  --action-primary-muted-border: #B8A8FF;
1409
- --action-primary-subtle-bg: #D4CCFF;
1410
- --action-primary-subtle-fg: #F9FAFB;
1411
- --action-primary-subtle-border: #D4CCFF;
1412
- --action-secondary-default-bg: #3ED5EE;
1638
+ --action-primary-subtle-bg: #111827;
1639
+ --action-primary-subtle-fg: #D4CCFF;
1640
+ --action-primary-subtle-border: transparent;
1641
+ --action-secondary-default-bg: #79E8F8;
1413
1642
  --action-secondary-default-fg: #000000;
1414
- --action-secondary-default-border: #3ED5EE;
1415
- --action-secondary-hover-bg: #79E8F8;
1643
+ --action-secondary-default-border: #FFFFFF;
1644
+ --action-secondary-hover-bg: #B4F4FD;
1416
1645
  --action-secondary-hover-fg: #000000;
1417
- --action-secondary-hover-border: #79E8F8;
1418
- --action-secondary-active-bg: #B4F4FD;
1646
+ --action-secondary-hover-border: #FCD34D;
1647
+ --action-secondary-active-bg: #3ED5EE;
1419
1648
  --action-secondary-active-fg: #000000;
1420
- --action-secondary-active-border: #B4F4FD;
1421
- --action-secondary-muted-bg: #79E8F8;
1422
- --action-secondary-muted-fg: #FFFFFF;
1649
+ --action-secondary-active-border: #FCD34D;
1650
+ --action-secondary-muted-bg: #062F3B;
1651
+ --action-secondary-muted-fg: #D9FBFF;
1423
1652
  --action-secondary-muted-border: #79E8F8;
1424
- --action-secondary-subtle-bg: #B4F4FD;
1425
- --action-secondary-subtle-fg: #000000;
1426
- --action-secondary-subtle-border: #B4F4FD;
1653
+ --action-secondary-subtle-bg: #111827;
1654
+ --action-secondary-subtle-fg: #B4F4FD;
1655
+ --action-secondary-subtle-border: transparent;
1427
1656
  --action-close-default-bg: #FFFFFF;
1428
1657
  --action-close-default-fg: #000000;
1429
1658
  --action-close-default-border: #FFFFFF;
1430
- --action-close-hover-bg: #D1D5DB;
1659
+ --action-close-hover-bg: #E5E7EB;
1431
1660
  --action-close-hover-fg: #000000;
1432
- --action-close-hover-border: #D1D5DB;
1661
+ --action-close-hover-border: #FCD34D;
1433
1662
  --action-close-active-bg: #9CA3AF;
1434
1663
  --action-close-active-fg: #000000;
1435
- --action-close-active-border: #9CA3AF;
1436
- --action-danger-default-bg: #E11D48;
1664
+ --action-close-active-border: #FCD34D;
1665
+ --action-close-muted-bg: #1F2937;
1666
+ --action-close-muted-fg: #FFFFFF;
1667
+ --action-close-muted-border: #D1D5DB;
1668
+ --action-close-subtle-bg: #111827;
1669
+ --action-close-subtle-fg: #FFFFFF;
1670
+ --action-close-subtle-border: transparent;
1671
+ --action-danger-default-bg: #F43F5E;
1437
1672
  --action-danger-default-fg: #FFFFFF;
1438
- --action-danger-default-border: #E11D48;
1439
- --action-danger-hover-bg: #F43F5E;
1440
- --action-danger-hover-fg: #FFFFFF;
1441
- --action-danger-hover-border: #F43F5E;
1442
- --action-danger-active-bg: #9F1239;
1673
+ --action-danger-default-border: #FFFFFF;
1674
+ --action-danger-hover-bg: #FB7185;
1675
+ --action-danger-hover-fg: #000000;
1676
+ --action-danger-hover-border: #FCD34D;
1677
+ --action-danger-active-bg: #E11D48;
1443
1678
  --action-danger-active-fg: #FFFFFF;
1444
- --action-danger-active-border: #9F1239;
1445
- --action-danger-muted-bg: #FB7185;
1446
- --action-danger-muted-fg: #FB7185;
1447
- --action-danger-muted-border: #FB7185;
1448
- --action-danger-subtle-bg: #FDA4AF;
1679
+ --action-danger-active-border: #FCD34D;
1680
+ --action-danger-muted-bg: #4C0519;
1681
+ --action-danger-muted-fg: #FECDD3;
1682
+ --action-danger-muted-border: #FDA4AF;
1683
+ --action-danger-subtle-bg: #111827;
1449
1684
  --action-danger-subtle-fg: #FDA4AF;
1450
- --action-danger-subtle-border: #FDA4AF;
1451
- --border-default: #FFFFFF;
1452
- --border-muted: #4B5563;
1685
+ --action-danger-subtle-border: transparent;
1453
1686
  --border-subtle: #374151;
1687
+ --border-muted: #6B7280;
1688
+ --border-default: #9CA3AF;
1689
+ --border-strong: #FCD34D;
1454
1690
  --border-elevated: #D1D5DB;
1455
- --border-strong: #F9FAFB;
1456
1691
  --border-disabled: #4B5563;
1457
- --border-focus: #FBBF24;
1458
- --control-default-bg: #1F2937;
1692
+ --border-focus: #FCD34D;
1693
+ --control-default-bg: #000000;
1459
1694
  --control-default-fg: #FFFFFF;
1460
- --control-default-border: #4B5563;
1461
- --control-hover-bg: #111827;
1462
- --control-hover-fg: #B8A8FF;
1463
- --control-hover-border: #7C5CFF;
1464
- --control-active-bg: #E9E6FF;
1465
- --control-active-fg: #342580;
1466
- --control-active-border: #402C9F;
1467
- --control-radio-hover-bg: #111827;
1468
- --control-radio-hover-fg: #B8A8FF;
1469
- --control-radio-hover-border: #B8A8FF;
1470
- --control-selected-default-bg: #9B7CFF;
1471
- --control-selected-default-fg: #FFFFFF;
1472
- --control-selected-default-border: #9B7CFF;
1473
- --control-selected-hover-bg: #0369A1;
1474
- --control-selected-hover-fg: #F9FAFB;
1475
- --control-selected-hover-border: #0369A1;
1476
- --control-selected-active-bg: #402C9F;
1477
- --control-selected-active-fg: #F9FAFB;
1478
- --control-selected-active-border: #402C9F;
1479
- --control-selected-muted-bg: #6346E8;
1480
- --control-selected-muted-fg: #FFFFFF;
1481
- --control-selected-muted-border: #6346E8;
1482
- --control-selected-radio-default-bg: #9B7CFF;
1483
- --control-selected-radio-default-fg: #7C5CFF;
1484
- --control-selected-radio-default-border: #B8A8FF;
1695
+ --control-default-border: #9CA3AF;
1696
+ --control-hover-bg: #374151;
1697
+ --control-hover-fg: #FBBF24;
1698
+ --control-hover-border: #FCD34D;
1699
+ --control-active-bg: #374151;
1700
+ --control-active-fg: #FFFFFF;
1701
+ --control-active-border: #FDE68A;
1702
+ --control-disabled-bg: #111827;
1703
+ --control-disabled-fg: #6B7280;
1704
+ --control-disabled-border: #4B5563;
1705
+ --control-selected-default-bg: #FCD34D;
1706
+ --control-selected-default-fg: #000000;
1707
+ --control-selected-default-border: #FCD34D;
1708
+ --control-selected-hover-bg: #FDE68A;
1709
+ --control-selected-hover-fg: #000000;
1710
+ --control-selected-hover-border: #FDE68A;
1711
+ --control-selected-active-bg: #FBBF24;
1712
+ --control-selected-active-fg: #000000;
1713
+ --control-selected-active-border: #FBBF24;
1714
+ --control-selected-muted-bg: #1F2937;
1715
+ --control-selected-muted-fg: #FDE68A;
1716
+ --control-selected-muted-border: #FCD34D;
1717
+ --divider-muted: #374151;
1485
1718
  --divider-default: #FFFFFF;
1486
- --divider-muted: #4B5563;
1487
- --divider-strong: #FFFFFF;
1488
- --focus-ring: #F59E0B;
1719
+ --divider-strong: #FCD34D;
1720
+ --focus-ring-color: #FCD34D;
1721
+ --focus-ring-width: 2px;
1722
+ --focus-ring-shadow: 0 0 0 1px rgba(255, 255, 255, 0.28);
1489
1723
  --focus-ring-offset: #000000;
1490
- --navigation-hover-bg: #FBBF24;
1491
- --navigation-hover-fg: #000000;
1492
- --navigation-active-bg: #FBBF24;
1493
- --navigation-active-fg: #000000;
1494
- --navigation-brand-hover-bg: #F59E0B;
1495
- --navigation-brand-hover-fg: #000000;
1496
- --navigation-tab-hover-fg: #F59E0B;
1497
- --navigation-tab-focus-ring: #F59E0B;
1498
- --navigation-option-hover-bg: #1F2937;
1724
+ --icons-default: #FFFFFF;
1725
+ --icons-secondary: #E5E7EB;
1726
+ --icons-muted: #9CA3AF;
1727
+ --icons-subtle: #D1D5DB;
1728
+ --icons-disabled: #6B7280;
1729
+ --icons-primary: #FCD34D;
1730
+ --icons-brand: #FCD34D;
1731
+ --icons-hover: #FDE68A;
1732
+ --icons-success: #6EE7B7;
1733
+ --icons-danger: #FDA4AF;
1734
+ --icons-inverse: #000000;
1735
+ --menu-background: #111827;
1736
+ --menu-border: #FFFFFF;
1737
+ --menu-item-default-bg: transparent;
1738
+ --menu-item-default-fg: #FFFFFF;
1739
+ --menu-item-hover-bg: #FCD34D;
1740
+ --menu-item-hover-fg: #000000;
1741
+ --menu-item-active-bg: #FBBF24;
1742
+ --menu-item-active-fg: #000000;
1743
+ --menu-item-pressed-bg: #F59E0B;
1744
+ --menu-item-pressed-fg: #000000;
1745
+ --menu-item-disabled-bg: transparent;
1746
+ --menu-item-disabled-fg: #6B7280;
1747
+ --menu-item-danger-default-bg: transparent;
1748
+ --menu-item-danger-default-fg: #FB7185;
1749
+ --menu-item-danger-hover-bg: #FB7185;
1750
+ --menu-item-danger-hover-fg: #000000;
1751
+ --menu-item-danger-active-bg: #E11D48;
1752
+ --menu-item-danger-active-fg: #FFFFFF;
1753
+ --menu-item-danger-disabled-bg: transparent;
1754
+ --menu-item-danger-disabled-fg: #6B7280;
1755
+ --navigation-hover-bg: #374151;
1756
+ --navigation-hover-fg: #FFFFFF;
1757
+ --navigation-active-bg: #374151;
1758
+ --navigation-active-fg: #FFFFFF;
1759
+ --navigation-brand-hover-bg: #374151;
1760
+ --navigation-brand-hover-fg: #FCD34D;
1761
+ --navigation-tab-hover-fg: #FCD34D;
1762
+ --navigation-tab-focus-ring: #FBBF24;
1763
+ --navigation-option-hover-bg: #374151;
1499
1764
  --navigation-option-hover-fg: #FFFFFF;
1500
- --navigation-option-active-bg: #6B7280;
1765
+ --navigation-option-active-bg: #374151;
1501
1766
  --navigation-option-active-fg: #FFFFFF;
1502
- --navigation-disabled-bg: #111827;
1503
- --navigation-disabled-fg: #4B5563;
1504
- --navigation-group-label-fg: #9CA3AF;
1505
- --navigation-item-hover-bg: #1F2937;
1506
- --navigation-item-hover-fg: #FFFFFF;
1507
- --navigation-item-active-bg: #1F2937;
1508
- --navigation-item-active-fg: #FFFFFF;
1509
- --navigation-border: #E5E7EB;
1767
+ --navigation-trigger-hover-bg: #374151;
1768
+ --navigation-trigger-hover-fg: #FCD34D;
1769
+ --navigation-border: #9CA3AF;
1770
+ --overlay-backdrop: rgba(0, 0, 0, 0.82);
1771
+ --overlay-tooltip-bg: #FFFFFF;
1772
+ --overlay-tooltip-fg: #000000;
1773
+ --overlay-tooltip-border: #FCD34D;
1774
+ --overlay-popover-bg: #111827;
1775
+ --overlay-popover-border: #9CA3AF;
1776
+ --overlay-modal-bg: #111827;
1777
+ --overlay-modal-border: #9CA3AF;
1778
+ --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.5);
1779
+ --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.6);
1780
+ --shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.7);
1781
+ --shadow-xl: 0 20px 60px rgba(0, 0, 0, 0.8);
1782
+ --shadow-inset: inset 0 1px 0 rgba(255, 255, 255, 0.14);
1510
1783
  --skeleton-base: #111827;
1511
- --skeleton-highlight: #0284C7;
1784
+ --skeleton-highlight: #4B5563;
1512
1785
  --status-success-fg: #6EE7B7;
1513
- --status-success-bg: #111827;
1786
+ --status-success-bg: #022C22;
1514
1787
  --status-success-border: #6EE7B7;
1515
- --status-success-strong: #6EE7B7;
1788
+ --status-success-ring: #6EE7B7;
1789
+ --status-success-strong: #A7F3D0;
1516
1790
  --status-error-fg: #FB7185;
1517
- --status-error-bg: #E11D48;
1518
- --status-error-border: #F43F5E;
1519
- --status-error-strong: #FDA4AF;
1520
- --status-warning-fg: #FBBF24;
1521
- --status-warning-bg: #111827;
1522
- --status-warning-border: #FBBF24;
1523
- --status-warning-strong: #FBBF24;
1524
- --status-info-fg: #0284C7;
1525
- --status-info-bg: #111827;
1526
- --status-info-border: #0284C7;
1527
- --status-info-strong: #0284C7;
1791
+ --status-error-bg: #4C0519;
1792
+ --status-error-border: #FB7185;
1793
+ --status-error-ring: #FB7185;
1794
+ --status-error-strong: #FECDD3;
1795
+ --status-warning-fg: #FCD34D;
1796
+ --status-warning-bg: #451A03;
1797
+ --status-warning-border: #FCD34D;
1798
+ --status-warning-ring: #FCD34D;
1799
+ --status-warning-strong: #FDE68A;
1800
+ --status-info-fg: #7DD3FC;
1801
+ --status-info-bg: #071927;
1802
+ --status-info-border: #7DD3FC;
1803
+ --status-info-ring: #7DD3FC;
1804
+ --status-info-strong: #BAE6FD;
1528
1805
  --surface-default: #000000;
1529
- --surface-muted: #1F2937;
1530
- --surface-subtle: #111827;
1806
+ --surface-muted: #111827;
1807
+ --surface-subtle: #1F2937;
1531
1808
  --surface-elevated: #374151;
1532
- --surface-pressed: #111827;
1533
- --surface-danger: #9F123980;
1534
- --surface-disabled: #1F2937;
1535
- --surface-hover: #1F2937;
1536
- --surface-active: #6B7280;
1809
+ --surface-hover: #374151;
1810
+ --surface-active: #374151;
1811
+ --surface-pressed: #4B5563;
1812
+ --surface-disabled: #111827;
1813
+ --surface-danger: #BE123C80;
1537
1814
  --surface-inverse: #FFFFFF;
1538
1815
  --text-primary: #FFFFFF;
1539
1816
  --text-secondary: #EEE8FA;
1540
- --text-muted: #E5E7EB;
1817
+ --text-muted: #D1D5DB;
1818
+ --text-subtle: #9CA3AF;
1541
1819
  --text-disabled: #6B7280;
1542
- --text-subtle: #F3F4F6;
1543
- --text-elevated: #9CA3AF;
1544
- --text-inverse: #F9FAFB;
1545
- --text-on-inverse: #000000;
1546
- --text-brand: #B8A8FF;
1547
- --button-primary-solid-default-bg: #6346E8;
1820
+ --text-brand: #FBBF24;
1821
+ --text-interactive: #FBBF24;
1822
+ --text-interactive-hover: #FCD34D;
1823
+ --text-interactive-active: #FDE68A;
1824
+ --text-inverse: #000000;
1825
+ --button-primary-solid-default-bg: #7C5CFF;
1548
1826
  --button-primary-solid-default-fg: #FFFFFF;
1549
- --button-primary-solid-default-border: #6346E8;
1550
- --button-primary-solid-hover-bg: #7C5CFF;
1551
- --button-primary-solid-hover-fg: #FFFFFF;
1552
- --button-primary-solid-hover-border: #7C5CFF;
1553
- --button-primary-solid-pressed-bg: #9B7CFF;
1827
+ --button-primary-solid-default-border: #FFFFFF;
1828
+ --button-primary-solid-hover-bg: #9B7CFF;
1829
+ --button-primary-solid-hover-fg: #000000;
1830
+ --button-primary-solid-hover-border: #FCD34D;
1831
+ --button-primary-solid-pressed-bg: #6346E8;
1554
1832
  --button-primary-solid-pressed-fg: #FFFFFF;
1555
- --button-primary-solid-pressed-border: #9B7CFF;
1833
+ --button-primary-solid-pressed-border: #FCD34D;
1556
1834
  --button-primary-outline-default-bg: transparent;
1557
1835
  --button-primary-outline-default-fg: #B8A8FF;
1558
1836
  --button-primary-outline-default-border: #B8A8FF;
1559
- --button-primary-outline-hover-bg: #1F2937;
1837
+ --button-primary-outline-hover-bg: #111827;
1560
1838
  --button-primary-outline-hover-fg: #B8A8FF;
1561
- --button-primary-outline-hover-border: #D4CCFF;
1562
- --button-primary-outline-pressed-bg: #1F2937;
1839
+ --button-primary-outline-hover-border: #FCD34D;
1840
+ --button-primary-outline-pressed-bg: #21164F;
1563
1841
  --button-primary-outline-pressed-fg: #9B7CFF;
1564
- --button-primary-outline-pressed-border: #9B7CFF;
1842
+ --button-primary-outline-pressed-border: #FCD34D;
1565
1843
  --button-primary-ghost-default-bg: transparent;
1566
- --button-primary-ghost-default-fg: #B8A8FF;
1567
1844
  --button-primary-ghost-default-border: transparent;
1568
- --button-primary-ghost-hover-bg: #1F2937;
1569
- --button-primary-ghost-hover-fg: #D4CCFF;
1845
+ --button-primary-ghost-default-fg: #B8A8FF;
1846
+ --button-primary-ghost-hover-bg: #111827;
1570
1847
  --button-primary-ghost-hover-border: transparent;
1571
- --button-primary-ghost-pressed-bg: #1F2937;
1572
- --button-primary-ghost-pressed-fg: #9B7CFF;
1848
+ --button-primary-ghost-hover-fg: #B8A8FF;
1849
+ --button-primary-ghost-pressed-bg: #21164F;
1573
1850
  --button-primary-ghost-pressed-border: transparent;
1574
- --button-secondary-solid-default-bg: #3ED5EE;
1851
+ --button-primary-ghost-pressed-fg: #9B7CFF;
1852
+ --button-secondary-solid-default-bg: #79E8F8;
1575
1853
  --button-secondary-solid-default-fg: #000000;
1576
- --button-secondary-solid-default-border: #3ED5EE;
1577
- --button-secondary-solid-hover-bg: #79E8F8;
1854
+ --button-secondary-solid-default-border: #FFFFFF;
1855
+ --button-secondary-solid-hover-bg: #B4F4FD;
1578
1856
  --button-secondary-solid-hover-fg: #000000;
1579
- --button-secondary-solid-hover-border: #79E8F8;
1580
- --button-secondary-solid-pressed-bg: #B4F4FD;
1857
+ --button-secondary-solid-hover-border: #FCD34D;
1858
+ --button-secondary-solid-pressed-bg: #3ED5EE;
1581
1859
  --button-secondary-solid-pressed-fg: #000000;
1582
- --button-secondary-solid-pressed-border: #B4F4FD;
1860
+ --button-secondary-solid-pressed-border: #FCD34D;
1583
1861
  --button-secondary-outline-default-bg: transparent;
1584
1862
  --button-secondary-outline-default-fg: #79E8F8;
1585
1863
  --button-secondary-outline-default-border: #79E8F8;
1586
- --button-secondary-outline-hover-bg: #1F2937;
1587
- --button-secondary-outline-hover-fg: #B4F4FD;
1588
- --button-secondary-outline-hover-border: #B4F4FD;
1589
- --button-secondary-outline-pressed-bg: #111827;
1590
- --button-secondary-outline-pressed-fg: #B4F4FD;
1591
- --button-secondary-outline-pressed-border: #B4F4FD;
1864
+ --button-secondary-outline-hover-bg: #111827;
1865
+ --button-secondary-outline-hover-fg: #3ED5EE;
1866
+ --button-secondary-outline-hover-border: #FBBF24;
1867
+ --button-secondary-outline-pressed-bg: #062F3B;
1868
+ --button-secondary-outline-pressed-fg: #1FBEDB;
1869
+ --button-secondary-outline-pressed-border: #F59E0B;
1592
1870
  --button-secondary-ghost-default-bg: transparent;
1593
- --button-secondary-ghost-default-fg: #79E8F8;
1594
1871
  --button-secondary-ghost-default-border: transparent;
1595
- --button-secondary-ghost-hover-bg: #1F2937;
1596
- --button-secondary-ghost-hover-fg: #B4F4FD;
1872
+ --button-secondary-ghost-default-fg: #79E8F8;
1873
+ --button-secondary-ghost-hover-bg: #111827;
1597
1874
  --button-secondary-ghost-hover-border: transparent;
1598
- --button-secondary-ghost-pressed-bg: #111827;
1599
- --button-secondary-ghost-pressed-fg: #B4F4FD;
1875
+ --button-secondary-ghost-hover-fg: #3ED5EE;
1876
+ --button-secondary-ghost-pressed-bg: #062F3B;
1600
1877
  --button-secondary-ghost-pressed-border: transparent;
1878
+ --button-secondary-ghost-pressed-fg: #1FBEDB;
1601
1879
  --button-close-solid-default-bg: #FFFFFF;
1602
1880
  --button-close-solid-default-fg: #000000;
1603
1881
  --button-close-solid-default-border: #FFFFFF;
1604
- --button-close-solid-hover-bg: #D1D5DB;
1882
+ --button-close-solid-hover-bg: #E5E7EB;
1605
1883
  --button-close-solid-hover-fg: #000000;
1606
- --button-close-solid-hover-border: #D1D5DB;
1884
+ --button-close-solid-hover-border: #FCD34D;
1607
1885
  --button-close-solid-pressed-bg: #9CA3AF;
1608
1886
  --button-close-solid-pressed-fg: #000000;
1609
- --button-close-solid-pressed-border: #9CA3AF;
1887
+ --button-close-solid-pressed-border: #FCD34D;
1610
1888
  --button-close-outline-default-bg: transparent;
1611
1889
  --button-close-outline-default-fg: #FFFFFF;
1612
- --button-close-outline-default-border: #FFFFFF;
1613
- --button-close-outline-hover-bg: #1F2937;
1614
- --button-close-outline-hover-fg: #D1D5DB;
1615
- --button-close-outline-hover-border: #D1D5DB;
1616
- --button-close-outline-pressed-bg: #111827;
1617
- --button-close-outline-pressed-fg: #9CA3AF;
1618
- --button-close-outline-pressed-border: #9CA3AF;
1890
+ --button-close-outline-default-border: #9CA3AF;
1891
+ --button-close-outline-hover-bg: #111827;
1892
+ --button-close-outline-hover-fg: #FFFFFF;
1893
+ --button-close-outline-hover-border: #FCD34D;
1894
+ --button-close-outline-pressed-bg: #1F2937;
1895
+ --button-close-outline-pressed-fg: #FFFFFF;
1896
+ --button-close-outline-pressed-border: #FCD34D;
1619
1897
  --button-close-ghost-default-bg: transparent;
1620
- --button-close-ghost-default-fg: #FFFFFF;
1621
1898
  --button-close-ghost-default-border: transparent;
1622
- --button-close-ghost-hover-bg: #1F2937;
1623
- --button-close-ghost-hover-fg: #D1D5DB;
1899
+ --button-close-ghost-default-fg: #FFFFFF;
1900
+ --button-close-ghost-hover-bg: #111827;
1624
1901
  --button-close-ghost-hover-border: transparent;
1625
- --button-close-ghost-pressed-bg: #111827;
1626
- --button-close-ghost-pressed-fg: #9CA3AF;
1902
+ --button-close-ghost-hover-fg: #FFFFFF;
1903
+ --button-close-ghost-pressed-bg: #1F2937;
1627
1904
  --button-close-ghost-pressed-border: transparent;
1628
- --button-danger-solid-default-bg: #E11D48;
1905
+ --button-close-ghost-pressed-fg: #FFFFFF;
1906
+ --button-danger-solid-default-bg: #F43F5E;
1629
1907
  --button-danger-solid-default-fg: #FFFFFF;
1630
- --button-danger-solid-default-border: #E11D48;
1631
- --button-danger-solid-hover-bg: #F43F5E;
1632
- --button-danger-solid-hover-fg: #FFFFFF;
1633
- --button-danger-solid-hover-border: #F43F5E;
1634
- --button-danger-solid-pressed-bg: #9F1239;
1908
+ --button-danger-solid-default-border: #FFFFFF;
1909
+ --button-danger-solid-hover-bg: #FB7185;
1910
+ --button-danger-solid-hover-fg: #000000;
1911
+ --button-danger-solid-hover-border: #FCD34D;
1912
+ --button-danger-solid-pressed-bg: #E11D48;
1635
1913
  --button-danger-solid-pressed-fg: #FFFFFF;
1636
- --button-danger-solid-pressed-border: #9F1239;
1914
+ --button-danger-solid-pressed-border: #FCD34D;
1637
1915
  --button-danger-outline-default-bg: transparent;
1638
1916
  --button-danger-outline-default-fg: #FB7185;
1639
1917
  --button-danger-outline-default-border: #FB7185;
1640
- --button-danger-outline-hover-bg: #9F123980;
1641
- --button-danger-outline-hover-fg: #FDA4AF;
1642
- --button-danger-outline-hover-border: #FDA4AF;
1643
- --button-danger-outline-pressed-bg: #9F123980;
1644
- --button-danger-outline-pressed-fg: #9F1239;
1645
- --button-danger-outline-pressed-border: #9F1239;
1918
+ --button-danger-outline-hover-bg: #4C0519;
1919
+ --button-danger-outline-hover-fg: #FECDD3;
1920
+ --button-danger-outline-hover-border: #FCD34D;
1921
+ --button-danger-outline-pressed-bg: #4C0519;
1922
+ --button-danger-outline-pressed-fg: #FECDD3;
1923
+ --button-danger-outline-pressed-border: #FCD34D;
1646
1924
  --button-danger-ghost-default-bg: transparent;
1647
- --button-danger-ghost-default-fg: #FB7185;
1648
1925
  --button-danger-ghost-default-border: transparent;
1649
- --button-danger-ghost-hover-bg: #9F123980;
1650
- --button-danger-ghost-hover-fg: #FDA4AF;
1926
+ --button-danger-ghost-default-fg: #FB7185;
1927
+ --button-danger-ghost-hover-bg: #4C0519;
1651
1928
  --button-danger-ghost-hover-border: transparent;
1652
- --button-danger-ghost-pressed-bg: #9F123980;
1653
- --button-danger-ghost-pressed-fg: #9F1239;
1929
+ --button-danger-ghost-hover-fg: #FECDD3;
1930
+ --button-danger-ghost-pressed-bg: #4C0519;
1654
1931
  --button-danger-ghost-pressed-border: transparent;
1655
- --button-disabled-bg: #374151;
1932
+ --button-danger-ghost-pressed-fg: #FECDD3;
1933
+ --button-disabled-bg: #111827;
1656
1934
  --button-disabled-fg: #6B7280;
1657
1935
  --button-disabled-border: #4B5563;
1658
- --checkbox-default-bg: #1F2937;
1936
+ --checkbox-default-bg: #000000;
1659
1937
  --checkbox-default-fg: #FFFFFF;
1660
- --checkbox-default-border: #4B5563;
1661
- --checkbox-hover-bg: #111827;
1662
- --checkbox-hover-fg: #B8A8FF;
1663
- --checkbox-hover-border: #7C5CFF;
1664
- --checkbox-checked-default-bg: #9B7CFF;
1665
- --checkbox-checked-default-fg: #FFFFFF;
1666
- --checkbox-checked-default-border: #9B7CFF;
1667
- --checkbox-checked-hover-bg: #0369A1;
1668
- --checkbox-checked-hover-fg: #F9FAFB;
1669
- --checkbox-checked-hover-border: #0369A1;
1670
- --checkbox-checked-pressed-bg: #402C9F;
1671
- --checkbox-checked-pressed-fg: #F9FAFB;
1672
- --checkbox-checked-pressed-border: #402C9F;
1673
- --checkbox-focus-ring: #F59E0B;
1938
+ --checkbox-default-border: #9CA3AF;
1939
+ --checkbox-hover-bg: #374151;
1940
+ --checkbox-hover-fg: #FBBF24;
1941
+ --checkbox-hover-border: #FCD34D;
1942
+ --checkbox-checked-default-bg: #FCD34D;
1943
+ --checkbox-checked-default-fg: #000000;
1944
+ --checkbox-checked-default-border: #FCD34D;
1945
+ --checkbox-checked-default-label-fg: #FBBF24;
1946
+ --checkbox-checked-hover-bg: #FDE68A;
1947
+ --checkbox-checked-hover-fg: #000000;
1948
+ --checkbox-checked-hover-border: #FDE68A;
1949
+ --checkbox-checked-hover-label-fg: #FCD34D;
1950
+ --checkbox-checked-pressed-bg: #FBBF24;
1951
+ --checkbox-checked-pressed-fg: #000000;
1952
+ --checkbox-checked-pressed-border: #FBBF24;
1953
+ --checkbox-checked-pressed-label-fg: #FDE68A;
1954
+ --checkbox-focus-ring: #FCD34D;
1674
1955
  --checkbox-disabled-bg: #111827;
1675
1956
  --checkbox-disabled-fg: #6B7280;
1676
1957
  --checkbox-disabled-border: #4B5563;
1677
1958
  --checkbox-error-fg: #FB7185;
1678
1959
  --checkbox-error-border: #FB7185;
1960
+ --checkbox-error-ring: #FB7185;
1961
+ --context-menu-content-bg: #111827;
1962
+ --context-menu-content-border: #FFFFFF;
1963
+ --context-menu-content-shadow: 0 12px 40px rgba(0, 0, 0, 0.7);
1964
+ --context-menu-item-default-bg: transparent;
1965
+ --context-menu-item-default-fg: #FFFFFF;
1966
+ --context-menu-item-hover-bg: #FCD34D;
1967
+ --context-menu-item-hover-fg: #000000;
1968
+ --context-menu-item-active-bg: #FBBF24;
1969
+ --context-menu-item-active-fg: #000000;
1970
+ --context-menu-item-active-ring: transparent;
1971
+ --context-menu-item-pressed-bg: #F59E0B;
1972
+ --context-menu-item-pressed-fg: #000000;
1973
+ --context-menu-item-focus-ring-color: #FCD34D;
1974
+ --context-menu-item-focus-ring-width: 2px;
1975
+ --context-menu-item-focus-ring-shadow: 0 0 0 1px rgba(255, 255, 255, 0.28);
1976
+ --context-menu-item-focus-ring-offset: #000000;
1977
+ --context-menu-item-disabled-bg: transparent;
1978
+ --context-menu-item-disabled-fg: #6B7280;
1979
+ --context-menu-item-danger-default-bg: transparent;
1980
+ --context-menu-item-danger-default-fg: #FB7185;
1981
+ --context-menu-item-danger-hover-bg: #FB7185;
1982
+ --context-menu-item-danger-hover-fg: #000000;
1983
+ --context-menu-item-danger-active-bg: #E11D48;
1984
+ --context-menu-item-danger-active-fg: #FFFFFF;
1985
+ --context-menu-item-danger-disabled-bg: transparent;
1986
+ --context-menu-item-danger-disabled-fg: #6B7280;
1987
+ --context-menu-trigger-default-bg: transparent;
1988
+ --context-menu-trigger-default-fg: #FBBF24;
1989
+ --context-menu-trigger-default-border: transparent;
1990
+ --context-menu-trigger-hover-bg: #FCD34D;
1991
+ --context-menu-trigger-hover-fg: #FCD34D;
1992
+ --context-menu-trigger-hover-border: transparent;
1993
+ --context-menu-trigger-hover-ring: transparent;
1994
+ --context-menu-trigger-focus-bg: transparent;
1995
+ --context-menu-trigger-focus-fg: #FBBF24;
1996
+ --context-menu-trigger-focus-border: transparent;
1997
+ --context-menu-trigger-focus-ring-color: #FCD34D;
1998
+ --context-menu-trigger-focus-ring-width: 2px;
1999
+ --context-menu-trigger-focus-ring-shadow: 0 0 0 1px rgba(255, 255, 255, 0.28);
2000
+ --context-menu-trigger-focus-ring-offset: #000000;
2001
+ --context-menu-trigger-disabled-bg: transparent;
2002
+ --context-menu-trigger-disabled-fg: #6B7280;
2003
+ --context-menu-trigger-disabled-border: transparent;
2004
+ --context-menu-group-label-fg: #EEE8FA;
1679
2005
  --dropdown-trigger-default-bg: transparent;
1680
- --dropdown-trigger-default-fg: #FFFFFF;
2006
+ --dropdown-trigger-default-fg: #FBBF24;
1681
2007
  --dropdown-trigger-default-border: transparent;
1682
- --dropdown-trigger-hover-bg: transparent;
1683
- --dropdown-trigger-hover-fg: #FFFFFF;
1684
- --dropdown-trigger-hover-border: #FBBF24;
1685
- --dropdown-trigger-hover-ring: #F59E0B;
2008
+ --dropdown-trigger-hover-bg: #374151;
2009
+ --dropdown-trigger-hover-fg: #FCD34D;
2010
+ --dropdown-trigger-hover-border: #FCD34D;
2011
+ --dropdown-trigger-hover-ring: transparent;
1686
2012
  --dropdown-trigger-focus-bg: transparent;
1687
- --dropdown-trigger-focus-fg: #FFFFFF;
1688
- --dropdown-trigger-focus-border: #FBBF24;
1689
- --dropdown-trigger-focus-ring: #F59E0B;
1690
- --dropdown-trigger-disabled-bg: #1F2937;
2013
+ --dropdown-trigger-focus-fg: #FBBF24;
2014
+ --dropdown-trigger-focus-border: #FCD34D;
2015
+ --dropdown-trigger-focus-ring-color: #FCD34D;
2016
+ --dropdown-trigger-focus-ring-width: 2px;
2017
+ --dropdown-trigger-focus-ring-shadow: 0 0 0 1px rgba(255, 255, 255, 0.28);
2018
+ --dropdown-trigger-focus-ring-offset: #000000;
2019
+ --dropdown-trigger-disabled-bg: #111827;
1691
2020
  --dropdown-trigger-disabled-fg: #6B7280;
1692
2021
  --dropdown-trigger-disabled-border: #4B5563;
1693
- --dropdown-content-bg: #374151;
2022
+ --dropdown-content-bg: #111827;
1694
2023
  --dropdown-content-fg: #FFFFFF;
1695
- --dropdown-content-border: #E5E7EB;
2024
+ --dropdown-content-border: #FFFFFF;
2025
+ --dropdown-content-shadow: 0 12px 40px rgba(0, 0, 0, 0.7);
1696
2026
  --dropdown-item-default-bg: transparent;
1697
2027
  --dropdown-item-default-fg: #FFFFFF;
1698
- --dropdown-item-hover-bg: #1F2937;
1699
- --dropdown-item-hover-fg: #FFFFFF;
1700
- --dropdown-item-active-bg: #1F2937;
1701
- --dropdown-item-active-fg: #FFFFFF;
1702
- --dropdown-item-active-ring: #F59E0B;
1703
- --dropdown-item-focus-ring: #F59E0B;
2028
+ --dropdown-item-hover-bg: #FCD34D;
2029
+ --dropdown-item-hover-fg: #000000;
2030
+ --dropdown-item-active-bg: #FBBF24;
2031
+ --dropdown-item-active-fg: #000000;
2032
+ --dropdown-item-active-ring: transparent;
2033
+ --dropdown-item-pressed-bg: #F59E0B;
2034
+ --dropdown-item-pressed-fg: #000000;
2035
+ --dropdown-item-focus-ring-color: #FCD34D;
2036
+ --dropdown-item-focus-ring-width: 2px;
2037
+ --dropdown-item-focus-ring-shadow: 0 0 0 1px rgba(255, 255, 255, 0.28);
2038
+ --dropdown-item-focus-ring-offset: #000000;
1704
2039
  --dropdown-item-disabled-bg: transparent;
1705
2040
  --dropdown-item-disabled-fg: #6B7280;
2041
+ --dropdown-item-danger-default-bg: transparent;
1706
2042
  --dropdown-item-danger-default-fg: #FB7185;
1707
- --dropdown-item-danger-hover-bg: #1F2937;
1708
- --dropdown-item-danger-hover-fg: #FB7185;
1709
- --dropdown-item-danger-active-bg: #1F2937;
1710
- --dropdown-item-danger-active-fg: #FB7185;
1711
- --dropdown-item-danger-active-ring: #F59E0B;
1712
- --dropdown-group-label-fg: #E5E7EB;
1713
- --dropdown-separator-bg: #4B5563;
1714
- --dropdown-separator-fg: #E5E7EB;
1715
- --form-field-label-fg: #EEE8FA;
1716
- --form-field-description-fg: #9CA3AF;
1717
- --form-field-helper-text-default-fg: #E5E7EB;
2043
+ --dropdown-item-danger-hover-bg: #FB7185;
2044
+ --dropdown-item-danger-hover-fg: #000000;
2045
+ --dropdown-item-danger-active-bg: #E11D48;
2046
+ --dropdown-item-danger-active-fg: #FFFFFF;
2047
+ --dropdown-item-danger-active-ring: transparent;
2048
+ --dropdown-item-danger-disabled-bg: transparent;
2049
+ --dropdown-item-danger-disabled-fg: #6B7280;
2050
+ --dropdown-group-label-fg: #EEE8FA;
2051
+ --dropdown-separator-bg: #9CA3AF;
2052
+ --dropdown-separator-fg: #D1D5DB;
2053
+ --form-field-label-fg: #FFFFFF;
2054
+ --form-field-description-fg: #EEE8FA;
2055
+ --form-field-helper-text-default-fg: #D1D5DB;
1718
2056
  --form-field-helper-text-error-fg: #FB7185;
1719
2057
  --form-field-helper-text-success-fg: #6EE7B7;
1720
- --form-field-helper-text-warning-fg: #FBBF24;
1721
- --form-field-helper-text-info-fg: #0284C7;
2058
+ --form-field-helper-text-warning-fg: #FCD34D;
2059
+ --form-field-helper-text-info-fg: #7DD3FC;
1722
2060
  --form-field-required-mark-fg: #FB7185;
1723
2061
  --form-field-disabled-label-fg: #6B7280;
1724
2062
  --form-field-disabled-description-fg: #6B7280;
1725
2063
  --form-field-disabled-helper-text-fg: #6B7280;
1726
2064
  --input-default-bg: transparent;
1727
2065
  --input-default-fg: #FFFFFF;
1728
- --input-default-border: #FFFFFF;
1729
- --input-default-placeholder: #E5E7EB;
1730
- --input-default-icon: #9B7CFF;
1731
- --input-hover-bg: #1F2937;
1732
- --input-hover-fg: #000000;
1733
- --input-hover-border: #FBBF24;
1734
- --input-hover-placeholder: #000000;
1735
- --input-hover-icon: #9B7CFF;
2066
+ --input-default-border: #9CA3AF;
2067
+ --input-default-placeholder: #EEE8FA;
2068
+ --input-default-icon: #FCD34D;
2069
+ --input-hover-bg: #374151;
2070
+ --input-hover-fg: #FFFFFF;
2071
+ --input-hover-border: #FCD34D;
2072
+ --input-hover-placeholder: #EEE8FA;
2073
+ --input-hover-icon: #FDE68A;
1736
2074
  --input-focus-bg: transparent;
1737
2075
  --input-focus-fg: #FFFFFF;
1738
- --input-focus-border: #FBBF24;
1739
- --input-focus-ring: #F59E0B;
1740
- --input-focus-placeholder: #E5E7EB;
1741
- --input-focus-icon: #FFFFFF;
1742
- --input-disabled-bg: #1F2937;
2076
+ --input-focus-border: #FCD34D;
2077
+ --input-focus-ring: #FCD34D;
2078
+ --input-focus-placeholder: #EEE8FA;
2079
+ --input-focus-icon: #FCD34D;
2080
+ --input-disabled-bg: #111827;
1743
2081
  --input-disabled-fg: #6B7280;
1744
2082
  --input-disabled-border: #4B5563;
1745
2083
  --input-disabled-placeholder: #6B7280;
1746
- --input-disabled-icon: #D1D5DB;
1747
- --input-error-border: #F43F5E;
2084
+ --input-disabled-icon: #6B7280;
2085
+ --input-error-border: #FB7185;
1748
2086
  --input-error-ring: #FB7185;
1749
2087
  --input-success-border: #6EE7B7;
1750
2088
  --input-success-ring: #6EE7B7;
1751
- --input-read-only-bg: #111827;
2089
+ --input-read-only-bg: #1F2937;
1752
2090
  --input-read-only-fg: #EEE8FA;
1753
- --input-read-only-border: #FFFFFF;
1754
- --input-read-only-placeholder: #E5E7EB;
2091
+ --input-read-only-border: #6B7280;
2092
+ --input-read-only-placeholder: #D1D5DB;
1755
2093
  --input-read-only-icon: #9CA3AF;
1756
- --input-icon-default: #0F0F0F;
1757
- --input-icon-primary: #B8A8FF;
1758
- --input-icon-secondary: #9CA3AF;
1759
- --input-icon-success: #10B981;
1760
- --input-icon-danger: #F43F5E;
2094
+ --input-icon-default: #FFFFFF;
2095
+ --input-icon-primary: #FCD34D;
2096
+ --input-icon-secondary: #E5E7EB;
2097
+ --input-icon-success: #6EE7B7;
2098
+ --input-icon-danger: #FDA4AF;
1761
2099
  --input-icon-muted: #9CA3AF;
1762
- --input-icon-inverse: #1A1A1A;
1763
- --input-icon-brand: #9B7CFF;
1764
- --input-clear-button-fg: #FB7185;
2100
+ --input-icon-inverse: #000000;
2101
+ --input-icon-brand: #FCD34D;
2102
+ --input-clear-button-fg: #9CA3AF;
1765
2103
  --input-clear-button-hover-fg: #FB7185;
1766
- --input-clear-button-hover-bg: #9F123980;
1767
- --input-clear-button-focus-bg: #FFFFFF;
1768
- --input-clear-button-pressed-bg: #6B7280;
1769
- --menu-item-default-bg: transparent;
1770
- --menu-item-default-fg: #FFFFFF;
1771
- --menu-item-hover-bg: #1F2937;
1772
- --menu-item-hover-fg: #FFFFFF;
1773
- --menu-item-active-bg: #1F2937;
1774
- --menu-item-active-fg: #FFFFFF;
1775
- --menu-item-focus-ring: #F59E0B;
1776
- --menu-item-disabled-bg: #1F2937;
1777
- --menu-item-disabled-fg: #6B7280;
1778
- --menu-item-danger-default-fg: #E11D48;
1779
- --menu-item-danger-hover-bg: #FDA4AF;
1780
- --menu-item-danger-hover-fg: #FDA4AF;
1781
- --menu-item-danger-active-bg: #FB7185;
1782
- --menu-item-danger-active-fg: #FB7185;
1783
- --menu-trigger-default-fg: #FFFFFF;
1784
- --menu-trigger-hover-bg: #F59E0B;
1785
- --menu-trigger-hover-fg: #000000;
1786
- --menu-trigger-hover-ring: transparent;
1787
- --menu-group-label-fg: #E5E7EB;
1788
- --modal-overlay-bg: rgba(0, 0, 0, 0.72);
1789
- --modal-content-bg: #374151;
2104
+ --input-clear-button-hover-bg: #4C0519;
2105
+ --input-clear-button-focus-bg: #1F2937;
2106
+ --input-clear-button-pressed-bg: #374151;
2107
+ --modal-overlay-bg: rgba(0, 0, 0, 0.82);
2108
+ --modal-content-bg: #111827;
1790
2109
  --modal-content-fg: #FFFFFF;
1791
- --modal-content-border: #FFFFFF;
2110
+ --modal-content-border: #9CA3AF;
2111
+ --modal-content-shadow: 0 20px 60px rgba(0, 0, 0, 0.8);
1792
2112
  --modal-title-fg: #FFFFFF;
1793
- --modal-description-fg: #E5E7EB;
2113
+ --modal-description-fg: #EEE8FA;
1794
2114
  --modal-close-button-default-bg: transparent;
1795
2115
  --modal-close-button-default-fg: #EEE8FA;
1796
- --modal-close-button-hover-bg: #111827;
2116
+ --modal-close-button-default-border: transparent;
2117
+ --modal-close-button-hover-bg: #374151;
1797
2118
  --modal-close-button-hover-fg: #FFFFFF;
2119
+ --modal-close-button-hover-border: transparent;
2120
+ --modal-close-button-pressed-bg: #4B5563;
2121
+ --modal-close-button-pressed-fg: #FFFFFF;
2122
+ --modal-close-button-pressed-border: transparent;
2123
+ --modal-close-button-focus-ring-color: #FCD34D;
2124
+ --modal-close-button-focus-ring-width: 2px;
2125
+ --modal-close-button-focus-ring-shadow: 0 0 0 1px rgba(255, 255, 255, 0.28);
2126
+ --modal-close-button-focus-ring-offset: #000000;
1798
2127
  --modal-close-button-disabled-bg: transparent;
1799
2128
  --modal-close-button-disabled-fg: #6B7280;
1800
- --radio-default-bg: #1F2937;
1801
- --radio-default-fg: #F9FAFB;
1802
- --radio-default-border: #FFFFFF;
1803
- --radio-hover-bg: #111827;
1804
- --radio-hover-fg: #B8A8FF;
1805
- --radio-hover-border: #7C5CFF;
1806
- --radio-pressed-bg: #E9E6FF;
1807
- --radio-pressed-fg: #342580;
1808
- --radio-pressed-border: #402C9F;
1809
- --radio-checked-default-bg: #9B7CFF;
1810
- --radio-checked-default-fg: #B8A8FF;
1811
- --radio-checked-default-border: #9B7CFF;
1812
- --radio-checked-hover-bg: #0369A1;
1813
- --radio-checked-hover-fg: #B8A8FF;
1814
- --radio-checked-hover-border: #0369A1;
1815
- --radio-checked-pressed-bg: #402C9F;
1816
- --radio-checked-pressed-fg: #B8A8FF;
1817
- --radio-checked-pressed-border: #402C9F;
2129
+ --modal-close-button-disabled-border: transparent;
2130
+ --radio-default-bg: #000000;
2131
+ --radio-default-fg: #FFFFFF;
2132
+ --radio-default-border: #9CA3AF;
2133
+ --radio-hover-bg: #374151;
2134
+ --radio-hover-fg: #FBBF24;
2135
+ --radio-hover-border: #FCD34D;
2136
+ --radio-pressed-bg: #374151;
2137
+ --radio-pressed-fg: #FFFFFF;
2138
+ --radio-pressed-border: #FDE68A;
2139
+ --radio-checked-default-bg: #000000;
2140
+ --radio-checked-default-fg: #FCD34D;
2141
+ --radio-checked-default-border: #FCD34D;
2142
+ --radio-checked-default-label-fg: #FBBF24;
2143
+ --radio-checked-hover-bg: #374151;
2144
+ --radio-checked-hover-fg: #FDE68A;
2145
+ --radio-checked-hover-border: #FDE68A;
2146
+ --radio-checked-hover-label-fg: #FCD34D;
2147
+ --radio-checked-pressed-bg: #374151;
2148
+ --radio-checked-pressed-fg: #FBBF24;
2149
+ --radio-checked-pressed-border: #FBBF24;
2150
+ --radio-checked-pressed-label-fg: #FDE68A;
1818
2151
  --radio-checked-disabled-bg: #111827;
1819
2152
  --radio-checked-disabled-fg: #6B7280;
1820
2153
  --radio-checked-disabled-border: #4B5563;
1821
- --radio-focus-ring: #F59E0B;
1822
- --radio-focus-border: #FBBF24;
2154
+ --radio-checked-disabled-label-fg: #6B7280;
2155
+ --radio-focus-ring: #FCD34D;
2156
+ --radio-focus-border: #FCD34D;
1823
2157
  --radio-invalid-bg: #000000;
1824
- --radio-invalid-fg: #F9FAFB;
1825
- --radio-invalid-border: #F43F5E;
2158
+ --radio-invalid-fg: #FFFFFF;
2159
+ --radio-invalid-border: #FB7185;
2160
+ --radio-invalid-ring: #FB7185;
1826
2161
  --radio-disabled-bg: #111827;
1827
2162
  --radio-disabled-fg: #6B7280;
1828
2163
  --radio-disabled-border: #4B5563;
1829
2164
  --select-trigger-default-bg: transparent;
1830
2165
  --select-trigger-default-fg: #FFFFFF;
1831
- --select-trigger-default-border: #FFFFFF;
1832
- --select-trigger-hover-bg: #1F2937;
1833
- --select-trigger-hover-fg: #FFFFFF;
1834
- --select-trigger-hover-border: #FBBF24;
1835
- --select-trigger-focus-bg: #000000;
2166
+ --select-trigger-default-border: #9CA3AF;
2167
+ --select-trigger-hover-bg: #374151;
2168
+ --select-trigger-hover-fg: #FBBF24;
2169
+ --select-trigger-hover-border: #FCD34D;
2170
+ --select-trigger-focus-bg: transparent;
1836
2171
  --select-trigger-focus-fg: #FFFFFF;
1837
- --select-trigger-focus-border: #FBBF24;
1838
- --select-trigger-focus-ring: #F59E0B;
1839
- --select-trigger-disabled-bg: #1F2937;
2172
+ --select-trigger-focus-border: #FCD34D;
2173
+ --select-trigger-focus-ring: #FCD34D;
2174
+ --select-trigger-disabled-bg: #111827;
1840
2175
  --select-trigger-disabled-fg: #6B7280;
1841
2176
  --select-trigger-disabled-border: #4B5563;
1842
- --select-trigger-placeholder-fg: #E5E7EB;
2177
+ --select-trigger-placeholder-fg: #EEE8FA;
1843
2178
  --select-trigger-error-border: #FB7185;
1844
- --select-trigger-error-ring: #E11D48;
1845
- --select-dropdown-bg: #374151;
2179
+ --select-trigger-error-ring: #FB7185;
2180
+ --select-dropdown-bg: #111827;
1846
2181
  --select-dropdown-fg: #FFFFFF;
1847
- --select-dropdown-border: #FBBF24;
2182
+ --select-dropdown-border: #FFFFFF;
2183
+ --select-dropdown-shadow: 0 12px 40px rgba(0, 0, 0, 0.7);
1848
2184
  --select-option-default-bg: transparent;
1849
2185
  --select-option-default-fg: #FFFFFF;
1850
- --select-option-default-border: #4B5563;
1851
- --select-option-hover-bg: #FBBF24;
2186
+ --select-option-default-border: transparent;
2187
+ --select-option-hover-bg: #FCD34D;
1852
2188
  --select-option-hover-fg: #000000;
2189
+ --select-option-hover-border: transparent;
1853
2190
  --select-option-active-bg: #FBBF24;
1854
2191
  --select-option-active-fg: #000000;
2192
+ --select-option-active-border: transparent;
1855
2193
  --select-option-active-ring: transparent;
1856
- --select-option-selected-bg: #9B7CFF;
1857
- --select-option-selected-fg: #FFFFFF;
2194
+ --select-option-pressed-bg: #F59E0B;
2195
+ --select-option-pressed-fg: #000000;
2196
+ --select-option-pressed-border: transparent;
2197
+ --select-option-selected-bg: #1F2937;
2198
+ --select-option-selected-fg: #FDE68A;
2199
+ --select-option-selected-border: #FCD34D;
2200
+ --select-option-selected-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14);
1858
2201
  --select-option-disabled-bg: transparent;
1859
2202
  --select-option-disabled-fg: #6B7280;
1860
- --select-option-disabled-border: #4B5563;
1861
- --tabs-list-border: #FFFFFF;
2203
+ --select-option-disabled-border: transparent;
2204
+ --tabs-list-border: #9CA3AF;
1862
2205
  --tabs-trigger-default-bg: transparent;
1863
- --tabs-trigger-default-fg: #FFFFFF;
2206
+ --tabs-trigger-default-fg: #EEE8FA;
1864
2207
  --tabs-trigger-default-border: transparent;
1865
2208
  --tabs-trigger-hover-bg: transparent;
1866
- --tabs-trigger-hover-fg: #FBBF24;
1867
- --tabs-trigger-hover-border: #FBBF24;
2209
+ --tabs-trigger-hover-fg: #FCD34D;
2210
+ --tabs-trigger-hover-border: transparent;
1868
2211
  --tabs-trigger-active-bg: transparent;
1869
- --tabs-trigger-active-fg: #B8A8FF;
1870
- --tabs-trigger-active-border: #6346E8;
1871
- --tabs-trigger-focus-ring: #FBBF24;
2212
+ --tabs-trigger-active-fg: #FBBF24;
2213
+ --tabs-trigger-active-border: #FFFFFF;
2214
+ --tabs-trigger-focus-ring-color: #FCD34D;
2215
+ --tabs-trigger-focus-ring-width: 2px;
2216
+ --tabs-trigger-focus-ring-shadow: 0 0 0 1px rgba(255, 255, 255, 0.28);
2217
+ --tabs-trigger-focus-ring-offset: #000000;
1872
2218
  --tabs-trigger-disabled-bg: transparent;
1873
2219
  --tabs-trigger-disabled-fg: #6B7280;
1874
2220
  --tabs-trigger-disabled-border: transparent;
1875
2221
  --tabs-pills-default-bg: transparent;
1876
- --tabs-pills-default-fg: #FFFFFF;
2222
+ --tabs-pills-default-fg: #EEE8FA;
1877
2223
  --tabs-pills-default-border: transparent;
1878
- --tabs-pills-hover-bg: #FBBF24;
1879
- --tabs-pills-hover-fg: #F9FAFB;
1880
- --tabs-pills-hover-border: transparent;
1881
- --tabs-pills-active-bg: #B8A8FF;
1882
- --tabs-pills-active-fg: #FFFFFF;
1883
- --tabs-pills-active-border: #B8A8FF;
2224
+ --tabs-pills-hover-bg: #374151;
2225
+ --tabs-pills-hover-fg: #FFFFFF;
2226
+ --tabs-pills-hover-border: #9CA3AF;
2227
+ --tabs-pills-active-bg: #FCD34D;
2228
+ --tabs-pills-active-fg: #000000;
2229
+ --tabs-pills-active-border: #FCD34D;
1884
2230
  --tabs-pills-disabled-bg: transparent;
1885
2231
  --tabs-pills-disabled-fg: #6B7280;
1886
2232
  --tabs-pills-disabled-border: transparent;
1887
2233
  --tabs-indicator-default-bg: #FBBF24;
1888
- --tabs-indicator-hover-bg: #FBBF24;
1889
- --tabs-indicator-active-bg: #B8A8FF;
2234
+ --tabs-indicator-hover-bg: #FCD34D;
2235
+ --tabs-indicator-active-bg: #FDE68A;
1890
2236
  --tabs-panel-fg: #FFFFFF;
1891
2237
  --tooltip-content-bg: #FFFFFF;
1892
- --tooltip-content-fg: #F9FAFB;
1893
- --tooltip-content-border: #FFFFFF;
2238
+ --tooltip-content-fg: #000000;
2239
+ --tooltip-content-border: #FCD34D;
2240
+ --tooltip-content-shadow: 0 4px 12px rgba(0, 0, 0, 0.6);
1894
2241
  --tooltip-arrow-bg: #FFFFFF;
1895
2242
  }