@vellira-ui/tokens 2.25.1 → 2.26.1

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