@vireo-ai/trellis-ui 0.1.9 → 0.1.10

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 (173) hide show
  1. package/package.json +8 -4
  2. package/packages/client/src/components/app/styles.css +1 -30
  3. package/packages/client/src/components/button/styles.css +1 -122
  4. package/packages/client/src/components/date-picker/styles.css +47 -77
  5. package/packages/client/src/components/field/styles.css +10 -0
  6. package/packages/client/src/components/file-upload/styles.css +0 -28
  7. package/packages/client/src/components/panels/styles.css +43 -0
  8. package/packages/client/src/components/radio/styles.css +26 -21
  9. package/packages/client/src/components/scroll-area/styles.css +0 -4
  10. package/packages/client/src/components/select/styles.css +0 -30
  11. package/packages/client/src/components/sidebar/styles.css +8 -0
  12. package/packages/client/src/components/toast/styles.css +14 -7
  13. package/packages/client/src/styles/components.css +1 -0
  14. package/packages/client/src/styles/generated/theme-fonts.css +5 -0
  15. package/packages/client/src/styles/generated/theme-palette.css +2656 -0
  16. package/packages/client/src/styles/generated/theme-runtime.css +2966 -0
  17. package/packages/client/src/styles/generated-sources.css +1 -1
  18. package/packages/client/src/styles/static.css +1 -0
  19. package/packages/client/src/styles/theme.css +777 -738
  20. package/packages/client/types/cdn.d.ts +1 -4
  21. package/packages/client/types/component-api.d.ts +21 -0
  22. package/packages/client/types/components/accordion/contract.d.ts +3 -2
  23. package/packages/client/types/components/accordion/index.d.ts +28 -42
  24. package/packages/client/types/components/accordion/machine.d.ts +131 -0
  25. package/packages/client/types/components/accordion/runtime-docs.d.ts +2 -0
  26. package/packages/client/types/components/action/contract.d.ts +3 -3
  27. package/packages/client/types/components/app/contract.d.ts +25 -12
  28. package/packages/client/types/components/app/index.d.ts +2 -2
  29. package/packages/client/types/components/badge/contract.d.ts +5 -5
  30. package/packages/client/types/components/box/contract.d.ts +25 -28
  31. package/packages/client/types/components/brand/contract.d.ts +2 -2
  32. package/packages/client/types/components/button/contract.d.ts +5 -5
  33. package/packages/client/types/components/card/contract.d.ts +28 -31
  34. package/packages/client/types/components/checkbox/contract.d.ts +17 -17
  35. package/packages/client/types/components/checkbox/index.d.ts +20 -26
  36. package/packages/client/types/components/checkbox/machine.d.ts +41 -0
  37. package/packages/client/types/components/checkbox/runtime-docs.d.ts +2 -0
  38. package/packages/client/types/components/common.d.ts +53 -235
  39. package/packages/client/types/components/container/contract.d.ts +11 -12
  40. package/packages/client/types/components/date-picker/contract.d.ts +21 -16
  41. package/packages/client/types/components/date-picker/index.d.ts +38 -60
  42. package/packages/client/types/components/date-picker/machine.d.ts +529 -0
  43. package/packages/client/types/components/date-picker/runtime-docs.d.ts +2 -0
  44. package/packages/client/types/components/date-picker/value.d.ts +28 -0
  45. package/packages/client/types/components/dropdown/contract.d.ts +4 -4
  46. package/packages/client/types/components/dropdown/index.d.ts +20 -45
  47. package/packages/client/types/components/dropdown/machine.d.ts +93 -0
  48. package/packages/client/types/components/dropdown/runtime-docs.d.ts +2 -0
  49. package/packages/client/types/components/field/contract.d.ts +10 -6
  50. package/packages/client/types/components/field/index.d.ts +6 -6
  51. package/packages/client/types/components/field/machine.d.ts +13 -0
  52. package/packages/client/types/components/field/runtime-docs.d.ts +2 -0
  53. package/packages/client/types/components/file-upload/contract.d.ts +7 -4
  54. package/packages/client/types/components/file-upload/index.d.ts +34 -31
  55. package/packages/client/types/components/file-upload/machine.d.ts +127 -0
  56. package/packages/client/types/components/file-upload/runtime-docs.d.ts +2 -0
  57. package/packages/client/types/components/flex/contract.d.ts +16 -17
  58. package/packages/client/types/components/frame/contract.d.ts +41 -47
  59. package/packages/client/types/components/frame/index.d.ts +2 -2
  60. package/packages/client/types/components/grid/contract.d.ts +20 -21
  61. package/packages/client/types/components/heading/contract.d.ts +1 -1
  62. package/packages/client/types/components/image/contract.d.ts +3 -3
  63. package/packages/client/types/components/input/contract.d.ts +2 -2
  64. package/packages/client/types/components/input/index.d.ts +15 -12
  65. package/packages/client/types/components/input/machine.d.ts +20 -0
  66. package/packages/client/types/components/layout.d.ts +44 -225
  67. package/packages/client/types/components/menu/contract.d.ts +14 -8
  68. package/packages/client/types/components/modal/contract.d.ts +12 -12
  69. package/packages/client/types/components/modal/index.d.ts +41 -75
  70. package/packages/client/types/components/modal/machine.d.ts +129 -0
  71. package/packages/client/types/components/modal/runtime-docs.d.ts +2 -0
  72. package/packages/client/types/components/overlay/contract.d.ts +3 -3
  73. package/packages/client/types/components/panels/contract.d.ts +39 -0
  74. package/packages/client/types/components/panels/index.d.ts +54 -0
  75. package/packages/client/types/components/panels/machine.d.ts +151 -0
  76. package/packages/client/types/components/panels/runtime-docs.d.ts +2 -0
  77. package/packages/client/types/components/radio/contract.d.ts +11 -11
  78. package/packages/client/types/components/radio/index.d.ts +19 -23
  79. package/packages/client/types/components/radio/machine.d.ts +40 -0
  80. package/packages/client/types/components/radio/runtime-docs.d.ts +2 -0
  81. package/packages/client/types/components/runtime-docs.d.ts +2 -0
  82. package/packages/client/types/components/runtime.d.ts +16 -19
  83. package/packages/client/types/components/scroll-area/contract.d.ts +4 -7
  84. package/packages/client/types/components/scroll-area/index.d.ts +23 -49
  85. package/packages/client/types/components/scroll-area/machine.d.ts +21 -0
  86. package/packages/client/types/components/scroll-area/runtime-docs.d.ts +2 -0
  87. package/packages/client/types/components/section/contract.d.ts +12 -13
  88. package/packages/client/types/components/select/contract.d.ts +19 -15
  89. package/packages/client/types/components/select/index.d.ts +42 -89
  90. package/packages/client/types/components/select/machine.d.ts +476 -0
  91. package/packages/client/types/components/select/runtime-docs.d.ts +2 -0
  92. package/packages/client/types/components/shared/controlled-open.d.ts +11 -0
  93. package/packages/client/types/components/sidebar/contract.d.ts +19 -12
  94. package/packages/client/types/components/sidebar/index.d.ts +51 -88
  95. package/packages/client/types/components/sidebar/machine.d.ts +100 -0
  96. package/packages/client/types/components/sidebar/runtime-docs.d.ts +2 -0
  97. package/packages/client/types/components/slider/contract.d.ts +3 -3
  98. package/packages/client/types/components/slider/index.d.ts +17 -21
  99. package/packages/client/types/components/slider/machine.d.ts +37 -0
  100. package/packages/client/types/components/slider/runtime-docs.d.ts +2 -0
  101. package/packages/client/types/components/stack/contract.d.ts +16 -17
  102. package/packages/client/types/components/surface-manifest.d.ts +9 -0
  103. package/packages/client/types/components/switch/contract.d.ts +11 -11
  104. package/packages/client/types/components/switch/index.d.ts +13 -18
  105. package/packages/client/types/components/switch/machine.d.ts +19 -0
  106. package/packages/client/types/components/switch/runtime-docs.d.ts +2 -0
  107. package/packages/client/types/components/table/contract.d.ts +18 -18
  108. package/packages/client/types/components/tabs/contract.d.ts +10 -5
  109. package/packages/client/types/components/tabs/index.d.ts +33 -51
  110. package/packages/client/types/components/tabs/machine.d.ts +84 -0
  111. package/packages/client/types/components/tabs/runtime-docs.d.ts +2 -0
  112. package/packages/client/types/components/text/contract.d.ts +1 -1
  113. package/packages/client/types/components/textarea/contract.d.ts +2 -2
  114. package/packages/client/types/components/toast/contract.d.ts +5 -4
  115. package/packages/client/types/components/toast/index.d.ts +38 -12
  116. package/packages/client/types/components/toast/machine.d.ts +115 -0
  117. package/packages/client/types/components/toast/runtime-docs.d.ts +2 -0
  118. package/packages/client/types/directives/index.d.ts +3 -1
  119. package/packages/client/types/directives/layout.d.ts +3 -0
  120. package/packages/client/types/directives/request.d.ts +1 -2
  121. package/packages/client/types/directives/transition.d.ts +3 -0
  122. package/packages/client/types/docs/transition-docs.d.ts +30 -0
  123. package/packages/client/types/index.d.ts +8 -40
  124. package/packages/client/types/motion/animate.d.ts +5 -44
  125. package/packages/client/types/motion/controller.d.ts +33 -0
  126. package/packages/client/types/motion/index.d.ts +43 -20
  127. package/packages/client/types/motion/owned.d.ts +5 -0
  128. package/packages/client/types/motion/plan.d.ts +46 -0
  129. package/packages/client/types/motion/recipe.d.ts +56 -0
  130. package/packages/client/types/motion/registry.d.ts +12 -0
  131. package/packages/client/types/motion/resize.d.ts +15 -0
  132. package/packages/client/types/motion/subject.d.ts +10 -0
  133. package/packages/client/types/motion/targets.d.ts +2 -5
  134. package/packages/client/types/motion/view.d.ts +7 -2
  135. package/packages/client/types/runtime/alpine-machine.d.ts +68 -0
  136. package/packages/client/types/runtime/anchored-popover.d.ts +10 -2
  137. package/packages/client/types/runtime/codecs.d.ts +16 -2
  138. package/packages/client/types/runtime/{resizable.d.ts → drag-and-drop/index.d.ts} +4 -2
  139. package/packages/client/types/runtime/engine/request.d.ts +2 -2
  140. package/packages/client/types/runtime/engine/stream.d.ts +11 -5
  141. package/packages/client/types/runtime/focus-scope.d.ts +7 -0
  142. package/packages/client/types/runtime/identity.d.ts +3 -0
  143. package/packages/client/types/runtime/index.d.ts +9 -75
  144. package/packages/client/types/runtime/merge-bindings.d.ts +1 -1
  145. package/packages/client/types/runtime/semantic-observer.d.ts +10 -0
  146. package/packages/client/types/runtime/state-machine/index.d.ts +4 -0
  147. package/packages/client/types/runtime/state-machine/machine.d.ts +83 -0
  148. package/packages/client/types/runtime/state-machine/props-change.d.ts +12 -0
  149. package/packages/client/types/runtime/transition-coordinator.d.ts +52 -0
  150. package/packages/client/types/runtime/ui.d.ts +15 -0
  151. package/packages/client/types/utils/index.d.ts +2 -1
  152. package/packages/client/types/utils/number.d.ts +2 -0
  153. package/packages/client/types/utils/object.d.ts +4 -1
  154. package/packages/server/trellis_ui/static/trellis_ui/assets/css/trellis.css +9097 -2595
  155. package/packages/server/trellis_ui/static/trellis_ui/assets/css/trellis.min.css +1 -1
  156. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/index.js +17363 -13332
  157. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/index.js.map +1 -1
  158. package/packages/server/trellis_ui/static/trellis_ui/assets/js/trellis.js +8 -13
  159. package/packages/server/trellis_ui/static/trellis_ui/assets/js/trellis.min.js +8 -13
  160. package/packages/client/types/bindings/disclosure.d.ts +0 -3
  161. package/packages/client/types/bindings/index.d.ts +0 -7
  162. package/packages/client/types/bindings/motion.d.ts +0 -3
  163. package/packages/client/types/bindings/state.d.ts +0 -3
  164. package/packages/client/types/bindings/types.d.ts +0 -33
  165. package/packages/client/types/components/combobox/contract.d.ts +0 -60
  166. package/packages/client/types/components/combobox/index.d.ts +0 -80
  167. package/packages/client/types/components/textarea/index.d.ts +0 -13
  168. package/packages/client/types/motion/presence.d.ts +0 -34
  169. package/packages/client/types/runtime/class-name.d.ts +0 -9
  170. package/packages/client/types/runtime/create.d.ts +0 -8
  171. package/packages/client/types/runtime/machine.d.ts +0 -55
  172. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/cally-TZl4LpyH.js +0 -1134
  173. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/cally-TZl4LpyH.js.map +0 -1
@@ -0,0 +1,2656 @@
1
+ /* Generated by packages/theme-engine/scripts/generate-default-css.mjs. */
2
+ /* Theme 72972b25a2870eb2; CSS bc4f14ba503f3d18. */
3
+ @theme {
4
+ --color-canvas: transparent;
5
+ --color-accent-1: transparent;
6
+ --color-accent-a1: transparent;
7
+ --color-accent-1-ink: transparent;
8
+ --color-accent-1-ink-muted: transparent;
9
+ --color-accent-2: transparent;
10
+ --color-accent-a2: transparent;
11
+ --color-accent-2-ink: transparent;
12
+ --color-accent-2-ink-muted: transparent;
13
+ --color-accent-3: transparent;
14
+ --color-accent-a3: transparent;
15
+ --color-accent-3-ink: transparent;
16
+ --color-accent-3-ink-muted: transparent;
17
+ --color-accent-4: transparent;
18
+ --color-accent-a4: transparent;
19
+ --color-accent-4-ink: transparent;
20
+ --color-accent-4-ink-muted: transparent;
21
+ --color-accent-5: transparent;
22
+ --color-accent-a5: transparent;
23
+ --color-accent-5-ink: transparent;
24
+ --color-accent-5-ink-muted: transparent;
25
+ --color-accent-6: transparent;
26
+ --color-accent-a6: transparent;
27
+ --color-accent-6-ink: transparent;
28
+ --color-accent-6-ink-muted: transparent;
29
+ --color-accent-7: transparent;
30
+ --color-accent-a7: transparent;
31
+ --color-accent-7-ink: transparent;
32
+ --color-accent-7-ink-muted: transparent;
33
+ --color-accent-8: transparent;
34
+ --color-accent-a8: transparent;
35
+ --color-accent-8-ink: transparent;
36
+ --color-accent-8-ink-muted: transparent;
37
+ --color-accent-9: transparent;
38
+ --color-accent-a9: transparent;
39
+ --color-accent-9-ink: transparent;
40
+ --color-accent-9-ink-muted: transparent;
41
+ --color-accent-10: transparent;
42
+ --color-accent-a10: transparent;
43
+ --color-accent-10-ink: transparent;
44
+ --color-accent-10-ink-muted: transparent;
45
+ --color-accent-11: transparent;
46
+ --color-accent-a11: transparent;
47
+ --color-accent-11-ink: transparent;
48
+ --color-accent-11-ink-muted: transparent;
49
+ --color-accent-12: transparent;
50
+ --color-accent-a12: transparent;
51
+ --color-accent-12-ink: transparent;
52
+ --color-accent-12-ink-muted: transparent;
53
+ --color-neutral-1: transparent;
54
+ --color-neutral-a1: transparent;
55
+ --color-neutral-1-ink: transparent;
56
+ --color-neutral-1-ink-muted: transparent;
57
+ --color-neutral-2: transparent;
58
+ --color-neutral-a2: transparent;
59
+ --color-neutral-2-ink: transparent;
60
+ --color-neutral-2-ink-muted: transparent;
61
+ --color-neutral-3: transparent;
62
+ --color-neutral-a3: transparent;
63
+ --color-neutral-3-ink: transparent;
64
+ --color-neutral-3-ink-muted: transparent;
65
+ --color-neutral-4: transparent;
66
+ --color-neutral-a4: transparent;
67
+ --color-neutral-4-ink: transparent;
68
+ --color-neutral-4-ink-muted: transparent;
69
+ --color-neutral-5: transparent;
70
+ --color-neutral-a5: transparent;
71
+ --color-neutral-5-ink: transparent;
72
+ --color-neutral-5-ink-muted: transparent;
73
+ --color-neutral-6: transparent;
74
+ --color-neutral-a6: transparent;
75
+ --color-neutral-6-ink: transparent;
76
+ --color-neutral-6-ink-muted: transparent;
77
+ --color-neutral-7: transparent;
78
+ --color-neutral-a7: transparent;
79
+ --color-neutral-7-ink: transparent;
80
+ --color-neutral-7-ink-muted: transparent;
81
+ --color-neutral-8: transparent;
82
+ --color-neutral-a8: transparent;
83
+ --color-neutral-8-ink: transparent;
84
+ --color-neutral-8-ink-muted: transparent;
85
+ --color-neutral-9: transparent;
86
+ --color-neutral-a9: transparent;
87
+ --color-neutral-9-ink: transparent;
88
+ --color-neutral-9-ink-muted: transparent;
89
+ --color-neutral-10: transparent;
90
+ --color-neutral-a10: transparent;
91
+ --color-neutral-10-ink: transparent;
92
+ --color-neutral-10-ink-muted: transparent;
93
+ --color-neutral-11: transparent;
94
+ --color-neutral-a11: transparent;
95
+ --color-neutral-11-ink: transparent;
96
+ --color-neutral-11-ink-muted: transparent;
97
+ --color-neutral-12: transparent;
98
+ --color-neutral-a12: transparent;
99
+ --color-neutral-12-ink: transparent;
100
+ --color-neutral-12-ink-muted: transparent;
101
+ --color-status-danger-1: transparent;
102
+ --color-status-danger-a1: transparent;
103
+ --color-status-danger-1-ink: transparent;
104
+ --color-status-danger-1-ink-muted: transparent;
105
+ --color-status-danger-2: transparent;
106
+ --color-status-danger-a2: transparent;
107
+ --color-status-danger-2-ink: transparent;
108
+ --color-status-danger-2-ink-muted: transparent;
109
+ --color-status-danger-3: transparent;
110
+ --color-status-danger-a3: transparent;
111
+ --color-status-danger-3-ink: transparent;
112
+ --color-status-danger-3-ink-muted: transparent;
113
+ --color-status-danger-4: transparent;
114
+ --color-status-danger-a4: transparent;
115
+ --color-status-danger-4-ink: transparent;
116
+ --color-status-danger-4-ink-muted: transparent;
117
+ --color-status-danger-5: transparent;
118
+ --color-status-danger-a5: transparent;
119
+ --color-status-danger-5-ink: transparent;
120
+ --color-status-danger-5-ink-muted: transparent;
121
+ --color-status-danger-6: transparent;
122
+ --color-status-danger-a6: transparent;
123
+ --color-status-danger-6-ink: transparent;
124
+ --color-status-danger-6-ink-muted: transparent;
125
+ --color-status-danger-7: transparent;
126
+ --color-status-danger-a7: transparent;
127
+ --color-status-danger-7-ink: transparent;
128
+ --color-status-danger-7-ink-muted: transparent;
129
+ --color-status-danger-8: transparent;
130
+ --color-status-danger-a8: transparent;
131
+ --color-status-danger-8-ink: transparent;
132
+ --color-status-danger-8-ink-muted: transparent;
133
+ --color-status-danger-9: transparent;
134
+ --color-status-danger-a9: transparent;
135
+ --color-status-danger-9-ink: transparent;
136
+ --color-status-danger-9-ink-muted: transparent;
137
+ --color-status-danger-10: transparent;
138
+ --color-status-danger-a10: transparent;
139
+ --color-status-danger-10-ink: transparent;
140
+ --color-status-danger-10-ink-muted: transparent;
141
+ --color-status-danger-11: transparent;
142
+ --color-status-danger-a11: transparent;
143
+ --color-status-danger-11-ink: transparent;
144
+ --color-status-danger-11-ink-muted: transparent;
145
+ --color-status-danger-12: transparent;
146
+ --color-status-danger-a12: transparent;
147
+ --color-status-danger-12-ink: transparent;
148
+ --color-status-danger-12-ink-muted: transparent;
149
+ --color-status-information-1: transparent;
150
+ --color-status-information-a1: transparent;
151
+ --color-status-information-1-ink: transparent;
152
+ --color-status-information-1-ink-muted: transparent;
153
+ --color-status-information-2: transparent;
154
+ --color-status-information-a2: transparent;
155
+ --color-status-information-2-ink: transparent;
156
+ --color-status-information-2-ink-muted: transparent;
157
+ --color-status-information-3: transparent;
158
+ --color-status-information-a3: transparent;
159
+ --color-status-information-3-ink: transparent;
160
+ --color-status-information-3-ink-muted: transparent;
161
+ --color-status-information-4: transparent;
162
+ --color-status-information-a4: transparent;
163
+ --color-status-information-4-ink: transparent;
164
+ --color-status-information-4-ink-muted: transparent;
165
+ --color-status-information-5: transparent;
166
+ --color-status-information-a5: transparent;
167
+ --color-status-information-5-ink: transparent;
168
+ --color-status-information-5-ink-muted: transparent;
169
+ --color-status-information-6: transparent;
170
+ --color-status-information-a6: transparent;
171
+ --color-status-information-6-ink: transparent;
172
+ --color-status-information-6-ink-muted: transparent;
173
+ --color-status-information-7: transparent;
174
+ --color-status-information-a7: transparent;
175
+ --color-status-information-7-ink: transparent;
176
+ --color-status-information-7-ink-muted: transparent;
177
+ --color-status-information-8: transparent;
178
+ --color-status-information-a8: transparent;
179
+ --color-status-information-8-ink: transparent;
180
+ --color-status-information-8-ink-muted: transparent;
181
+ --color-status-information-9: transparent;
182
+ --color-status-information-a9: transparent;
183
+ --color-status-information-9-ink: transparent;
184
+ --color-status-information-9-ink-muted: transparent;
185
+ --color-status-information-10: transparent;
186
+ --color-status-information-a10: transparent;
187
+ --color-status-information-10-ink: transparent;
188
+ --color-status-information-10-ink-muted: transparent;
189
+ --color-status-information-11: transparent;
190
+ --color-status-information-a11: transparent;
191
+ --color-status-information-11-ink: transparent;
192
+ --color-status-information-11-ink-muted: transparent;
193
+ --color-status-information-12: transparent;
194
+ --color-status-information-a12: transparent;
195
+ --color-status-information-12-ink: transparent;
196
+ --color-status-information-12-ink-muted: transparent;
197
+ --color-status-success-1: transparent;
198
+ --color-status-success-a1: transparent;
199
+ --color-status-success-1-ink: transparent;
200
+ --color-status-success-1-ink-muted: transparent;
201
+ --color-status-success-2: transparent;
202
+ --color-status-success-a2: transparent;
203
+ --color-status-success-2-ink: transparent;
204
+ --color-status-success-2-ink-muted: transparent;
205
+ --color-status-success-3: transparent;
206
+ --color-status-success-a3: transparent;
207
+ --color-status-success-3-ink: transparent;
208
+ --color-status-success-3-ink-muted: transparent;
209
+ --color-status-success-4: transparent;
210
+ --color-status-success-a4: transparent;
211
+ --color-status-success-4-ink: transparent;
212
+ --color-status-success-4-ink-muted: transparent;
213
+ --color-status-success-5: transparent;
214
+ --color-status-success-a5: transparent;
215
+ --color-status-success-5-ink: transparent;
216
+ --color-status-success-5-ink-muted: transparent;
217
+ --color-status-success-6: transparent;
218
+ --color-status-success-a6: transparent;
219
+ --color-status-success-6-ink: transparent;
220
+ --color-status-success-6-ink-muted: transparent;
221
+ --color-status-success-7: transparent;
222
+ --color-status-success-a7: transparent;
223
+ --color-status-success-7-ink: transparent;
224
+ --color-status-success-7-ink-muted: transparent;
225
+ --color-status-success-8: transparent;
226
+ --color-status-success-a8: transparent;
227
+ --color-status-success-8-ink: transparent;
228
+ --color-status-success-8-ink-muted: transparent;
229
+ --color-status-success-9: transparent;
230
+ --color-status-success-a9: transparent;
231
+ --color-status-success-9-ink: transparent;
232
+ --color-status-success-9-ink-muted: transparent;
233
+ --color-status-success-10: transparent;
234
+ --color-status-success-a10: transparent;
235
+ --color-status-success-10-ink: transparent;
236
+ --color-status-success-10-ink-muted: transparent;
237
+ --color-status-success-11: transparent;
238
+ --color-status-success-a11: transparent;
239
+ --color-status-success-11-ink: transparent;
240
+ --color-status-success-11-ink-muted: transparent;
241
+ --color-status-success-12: transparent;
242
+ --color-status-success-a12: transparent;
243
+ --color-status-success-12-ink: transparent;
244
+ --color-status-success-12-ink-muted: transparent;
245
+ --color-status-warning-1: transparent;
246
+ --color-status-warning-a1: transparent;
247
+ --color-status-warning-1-ink: transparent;
248
+ --color-status-warning-1-ink-muted: transparent;
249
+ --color-status-warning-2: transparent;
250
+ --color-status-warning-a2: transparent;
251
+ --color-status-warning-2-ink: transparent;
252
+ --color-status-warning-2-ink-muted: transparent;
253
+ --color-status-warning-3: transparent;
254
+ --color-status-warning-a3: transparent;
255
+ --color-status-warning-3-ink: transparent;
256
+ --color-status-warning-3-ink-muted: transparent;
257
+ --color-status-warning-4: transparent;
258
+ --color-status-warning-a4: transparent;
259
+ --color-status-warning-4-ink: transparent;
260
+ --color-status-warning-4-ink-muted: transparent;
261
+ --color-status-warning-5: transparent;
262
+ --color-status-warning-a5: transparent;
263
+ --color-status-warning-5-ink: transparent;
264
+ --color-status-warning-5-ink-muted: transparent;
265
+ --color-status-warning-6: transparent;
266
+ --color-status-warning-a6: transparent;
267
+ --color-status-warning-6-ink: transparent;
268
+ --color-status-warning-6-ink-muted: transparent;
269
+ --color-status-warning-7: transparent;
270
+ --color-status-warning-a7: transparent;
271
+ --color-status-warning-7-ink: transparent;
272
+ --color-status-warning-7-ink-muted: transparent;
273
+ --color-status-warning-8: transparent;
274
+ --color-status-warning-a8: transparent;
275
+ --color-status-warning-8-ink: transparent;
276
+ --color-status-warning-8-ink-muted: transparent;
277
+ --color-status-warning-9: transparent;
278
+ --color-status-warning-a9: transparent;
279
+ --color-status-warning-9-ink: transparent;
280
+ --color-status-warning-9-ink-muted: transparent;
281
+ --color-status-warning-10: transparent;
282
+ --color-status-warning-a10: transparent;
283
+ --color-status-warning-10-ink: transparent;
284
+ --color-status-warning-10-ink-muted: transparent;
285
+ --color-status-warning-11: transparent;
286
+ --color-status-warning-a11: transparent;
287
+ --color-status-warning-11-ink: transparent;
288
+ --color-status-warning-11-ink-muted: transparent;
289
+ --color-status-warning-12: transparent;
290
+ --color-status-warning-a12: transparent;
291
+ --color-status-warning-12-ink: transparent;
292
+ --color-status-warning-12-ink-muted: transparent;
293
+ }
294
+
295
+ @theme {
296
+ --breakpoint-sm: 640px;
297
+ --breakpoint-md: 768px;
298
+ --breakpoint-lg: 1024px;
299
+ --breakpoint-xl: 1280px;
300
+ --breakpoint-2xl: 1536px;
301
+ }
302
+
303
+ @theme {
304
+ --border-width-0: 0px;
305
+ --border-width-1: 1px;
306
+ --border-width-2: 2px;
307
+ --border-width-3: 4px;
308
+ --border-width-edge-perimeter: var(--border-width-1);
309
+ --border-width-edge-control: var(--border-width-1);
310
+ --border-width-edge-separator: var(--border-width-1);
311
+ --border-width-edge-divider: var(--border-width-1);
312
+ }
313
+
314
+ @theme {
315
+ --radius-1: 1px;
316
+ --radius-2: 2.5px;
317
+ --radius-3: 4px;
318
+ --radius-4: 6px;
319
+ --radius-5: 8px;
320
+ --radius-6: 10.5px;
321
+ --radius-control: var(--radius-3);
322
+ --radius-control-xs: var(--radius-1);
323
+ --radius-control-sm: var(--radius-2);
324
+ --radius-control-md: var(--radius-3);
325
+ --radius-control-lg: var(--radius-4);
326
+ --radius-surface: var(--radius-4);
327
+ --radius-surface-xs: var(--radius-2);
328
+ --radius-surface-sm: var(--radius-3);
329
+ --radius-surface-md: var(--radius-4);
330
+ --radius-surface-lg: var(--radius-5);
331
+ --radius-overlay: var(--radius-5);
332
+ --radius-overlay-xs: var(--radius-3);
333
+ --radius-overlay-sm: var(--radius-4);
334
+ --radius-overlay-md: var(--radius-5);
335
+ --radius-overlay-lg: var(--radius-6);
336
+ --radius-none: 0px;
337
+ --radius-full: 9999px;
338
+ --radius-circle: 50%;
339
+ }
340
+
341
+ @theme {
342
+ --spacing-0: 0px;
343
+ --spacing-0\.5: 2px;
344
+ --spacing-1: 4px;
345
+ --spacing-1\.5: 6px;
346
+ --spacing-2: 8px;
347
+ --spacing-2\.5: 10px;
348
+ --spacing-3: 12px;
349
+ --spacing-3\.5: 14px;
350
+ --spacing-4: 16px;
351
+ --spacing-4\.5: clamp(18px, calc(17.8571px + 0.0446vw), 18.5px);
352
+ --spacing-5: clamp(20px, calc(19.7143px + 0.0893vw), 21px);
353
+ --spacing-5\.5: clamp(22px, calc(21.5714px + 0.1339vw), 23.5px);
354
+ --spacing-6: clamp(24px, calc(23.4286px + 0.1786vw), 26px);
355
+ --spacing-6\.5: clamp(26px, calc(25.2857px + 0.2232vw), 28.5px);
356
+ --spacing-7: clamp(28px, calc(27.1429px + 0.2679vw), 31px);
357
+ --spacing-7\.5: clamp(30px, calc(29px + 0.3125vw), 33.5px);
358
+ --spacing-8: clamp(32px, calc(30.8571px + 0.3571vw), 36px);
359
+ --spacing-8\.5: clamp(34px, calc(32.7143px + 0.4018vw), 38.5px);
360
+ --spacing-9: clamp(36px, calc(34.5714px + 0.4464vw), 41px);
361
+ --spacing-9\.5: clamp(38px, calc(36.4286px + 0.4911vw), 43.5px);
362
+ --spacing-10: clamp(40px, calc(38.2857px + 0.5357vw), 46px);
363
+ --spacing-10\.5: clamp(42px, calc(40.1429px + 0.5804vw), 48.5px);
364
+ --spacing-11: clamp(44px, calc(42px + 0.625vw), 51px);
365
+ --spacing-11\.5: clamp(46px, calc(43.8571px + 0.6696vw), 53.5px);
366
+ --spacing-12: clamp(48px, calc(45.7143px + 0.7143vw), 56px);
367
+ --spacing-control-gap: var(--spacing-2);
368
+ --spacing-control-padding-xs: var(--spacing-2);
369
+ --spacing-control-padding-sm: var(--spacing-2);
370
+ --spacing-control-padding-md: var(--spacing-3);
371
+ --spacing-control-padding-lg: var(--spacing-3);
372
+ --spacing-control-padding-xlg: var(--spacing-4);
373
+ --spacing-badge-padding-xs: var(--spacing-1\.5);
374
+ --spacing-badge-padding-sm: var(--spacing-2);
375
+ --spacing-badge-padding-md: var(--spacing-2\.5);
376
+ --spacing-badge-padding-lg: var(--spacing-3);
377
+ --spacing-badge-padding-xlg: var(--spacing-4);
378
+ --spacing-popover-padding: var(--spacing-1\.5);
379
+ --spacing-menu-item-padding-inline: var(--spacing-2\.5);
380
+ --spacing-app-region-gap: var(--spacing-2);
381
+ --spacing-app-region-padding-inline: var(--spacing-4);
382
+ --spacing-app-region-padding-block: var(--spacing-3);
383
+ --spacing-sidebar-header-gap: var(--spacing-2);
384
+ --spacing-sidebar-header-padding-inline: var(--spacing-3);
385
+ --spacing-sidebar-header-padding-block: var(--spacing-2);
386
+ --spacing-sidebar-content-gap: var(--spacing-1);
387
+ --spacing-sidebar-content-padding-inline: var(--spacing-2);
388
+ --spacing-sidebar-content-padding-block: var(--spacing-2);
389
+ }
390
+
391
+ @theme {
392
+ --font-mono: "Fira Code", ui-monospace, monospace;
393
+ --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
394
+ --text-1: 12px;
395
+ --text-1--line-height: 16px;
396
+ --text-1--letter-spacing: 0em;
397
+ --leading-type-1: var(--text-1--line-height);
398
+ --tracking-type-1: var(--text-1--letter-spacing);
399
+ --text-xs: var(--text-1);
400
+ --text-xs--line-height: var(--text-1--line-height);
401
+ --text-xs--letter-spacing: var(--text-1--letter-spacing);
402
+ --text-2: 14px;
403
+ --text-2--line-height: 20px;
404
+ --text-2--letter-spacing: 0em;
405
+ --leading-type-2: var(--text-2--line-height);
406
+ --tracking-type-2: var(--text-2--letter-spacing);
407
+ --text-sm: var(--text-2);
408
+ --text-sm--line-height: var(--text-2--line-height);
409
+ --text-sm--letter-spacing: var(--text-2--letter-spacing);
410
+ --text-3: 16px;
411
+ --text-3--line-height: 24px;
412
+ --text-3--letter-spacing: 0em;
413
+ --leading-type-3: var(--text-3--line-height);
414
+ --tracking-type-3: var(--text-3--letter-spacing);
415
+ --text-base: var(--text-3);
416
+ --text-base--line-height: var(--text-3--line-height);
417
+ --text-base--letter-spacing: var(--text-3--letter-spacing);
418
+ --text-4: 18px;
419
+ --text-4--line-height: 26px;
420
+ --text-4--letter-spacing: 0em;
421
+ --leading-type-4: var(--text-4--line-height);
422
+ --tracking-type-4: var(--text-4--letter-spacing);
423
+ --text-lg: var(--text-4);
424
+ --text-lg--line-height: var(--text-4--line-height);
425
+ --text-lg--letter-spacing: var(--text-4--letter-spacing);
426
+ --text-5: 20px;
427
+ --text-5--line-height: 28px;
428
+ --text-5--letter-spacing: 0em;
429
+ --leading-type-5: var(--text-5--line-height);
430
+ --tracking-type-5: var(--text-5--letter-spacing);
431
+ --text-xl: var(--text-5);
432
+ --text-xl--line-height: var(--text-5--line-height);
433
+ --text-xl--letter-spacing: var(--text-5--letter-spacing);
434
+ --text-6: 30px;
435
+ --text-6--line-height: 38px;
436
+ --text-6--letter-spacing: -0.01em;
437
+ --leading-type-6: var(--text-6--line-height);
438
+ --tracking-type-6: var(--text-6--letter-spacing);
439
+ --text-2xl: var(--text-6);
440
+ --text-2xl--line-height: var(--text-6--line-height);
441
+ --text-2xl--letter-spacing: var(--text-6--letter-spacing);
442
+ --text-7: 36px;
443
+ --text-7--line-height: 44px;
444
+ --text-7--letter-spacing: -0.015em;
445
+ --leading-type-7: var(--text-7--line-height);
446
+ --tracking-type-7: var(--text-7--letter-spacing);
447
+ --text-3xl: var(--text-7);
448
+ --text-3xl--line-height: var(--text-7--line-height);
449
+ --text-3xl--letter-spacing: var(--text-7--letter-spacing);
450
+ --text-8: 48px;
451
+ --text-8--line-height: 56px;
452
+ --text-8--letter-spacing: -0.02em;
453
+ --leading-type-8: var(--text-8--line-height);
454
+ --tracking-type-8: var(--text-8--letter-spacing);
455
+ --text-4xl: var(--text-8);
456
+ --text-4xl--line-height: var(--text-8--line-height);
457
+ --text-4xl--letter-spacing: var(--text-8--letter-spacing);
458
+ --text-9: 60px;
459
+ --text-9--line-height: 64px;
460
+ --text-9--letter-spacing: -0.025em;
461
+ --leading-type-9: var(--text-9--line-height);
462
+ --tracking-type-9: var(--text-9--letter-spacing);
463
+ --text-5xl: var(--text-9);
464
+ --text-5xl--line-height: var(--text-9--line-height);
465
+ --text-5xl--letter-spacing: var(--text-9--letter-spacing);
466
+ --text-10: 72px;
467
+ --text-10--line-height: 76px;
468
+ --text-10--letter-spacing: -0.03em;
469
+ --leading-type-10: var(--text-10--line-height);
470
+ --tracking-type-10: var(--text-10--letter-spacing);
471
+ --text-6xl: var(--text-10);
472
+ --text-6xl--line-height: var(--text-10--line-height);
473
+ --text-6xl--letter-spacing: var(--text-10--letter-spacing);
474
+ --text-11: 84px;
475
+ --text-11--line-height: 88px;
476
+ --text-11--letter-spacing: -0.035em;
477
+ --leading-type-11: var(--text-11--line-height);
478
+ --tracking-type-11: var(--text-11--letter-spacing);
479
+ --text-7xl: var(--text-11);
480
+ --text-7xl--line-height: var(--text-11--line-height);
481
+ --text-7xl--letter-spacing: var(--text-11--letter-spacing);
482
+ --text-12: 96px;
483
+ --text-12--line-height: 100px;
484
+ --text-12--letter-spacing: -0.04em;
485
+ --leading-type-12: var(--text-12--line-height);
486
+ --tracking-type-12: var(--text-12--letter-spacing);
487
+ --text-8xl: var(--text-12);
488
+ --text-8xl--line-height: var(--text-12--line-height);
489
+ --text-8xl--letter-spacing: var(--text-12--letter-spacing);
490
+ --text-13: 128px;
491
+ --text-13--line-height: 132px;
492
+ --text-13--letter-spacing: -0.045em;
493
+ --leading-type-13: var(--text-13--line-height);
494
+ --tracking-type-13: var(--text-13--letter-spacing);
495
+ --text-9xl: var(--text-13);
496
+ --text-9xl--line-height: var(--text-13--line-height);
497
+ --text-9xl--letter-spacing: var(--text-13--letter-spacing);
498
+ --font-weight-normal: 400;
499
+ --font-weight-medium: 500;
500
+ --font-weight-semibold: 600;
501
+ --font-weight-bold: 700;
502
+ --text-body: var(--text-2);
503
+ --text-body--line-height: var(--text-2--line-height);
504
+ --text-body--letter-spacing: var(--text-2--letter-spacing);
505
+ --font-body: var(--font-sans);
506
+ --font-weight-body: var(--font-weight-normal);
507
+ --text-heading: var(--text-2);
508
+ --text-heading--line-height: var(--text-2--line-height);
509
+ --text-heading--letter-spacing: var(--text-2--letter-spacing);
510
+ --font-heading: var(--font-sans);
511
+ --font-weight-heading: var(--font-weight-medium);
512
+ --text-code: var(--text-2);
513
+ --text-code--line-height: var(--text-2--line-height);
514
+ --text-code--letter-spacing: var(--text-2--letter-spacing);
515
+ --font-code: var(--font-mono);
516
+ --font-weight-code: var(--font-weight-normal);
517
+ --text-control-xs: var(--text-1);
518
+ --text-control-xs--line-height: var(--text-1--line-height);
519
+ --text-control-xs--letter-spacing: var(--text-1--letter-spacing);
520
+ --font-control: var(--font-sans);
521
+ --font-weight-control-xs: var(--font-weight-normal);
522
+ --text-control-sm: var(--text-1);
523
+ --text-control-sm--line-height: var(--text-1--line-height);
524
+ --text-control-sm--letter-spacing: var(--text-1--letter-spacing);
525
+ --font-weight-control-sm: var(--font-weight-normal);
526
+ --text-control-md: var(--text-2);
527
+ --text-control-md--line-height: var(--text-2--line-height);
528
+ --text-control-md--letter-spacing: var(--text-2--letter-spacing);
529
+ --font-weight-control-md: var(--font-weight-normal);
530
+ --text-control-lg: var(--text-2);
531
+ --text-control-lg--line-height: var(--text-2--line-height);
532
+ --text-control-lg--letter-spacing: var(--text-2--letter-spacing);
533
+ --font-weight-control-lg: var(--font-weight-normal);
534
+ --text-control-xlg: var(--text-2);
535
+ --text-control-xlg--line-height: var(--text-2--line-height);
536
+ --text-control-xlg--letter-spacing: var(--text-2--letter-spacing);
537
+ --font-weight-control-xlg: var(--font-weight-normal);
538
+ --text-badge-xs: var(--text-1);
539
+ --text-badge-xs--line-height: var(--text-1--line-height);
540
+ --text-badge-xs--letter-spacing: var(--text-1--letter-spacing);
541
+ --font-badge: var(--font-sans);
542
+ --font-weight-badge-xs: var(--font-weight-medium);
543
+ --text-badge-sm: var(--text-1);
544
+ --text-badge-sm--line-height: var(--text-1--line-height);
545
+ --text-badge-sm--letter-spacing: var(--text-1--letter-spacing);
546
+ --font-weight-badge-sm: var(--font-weight-medium);
547
+ --text-badge-md: var(--text-2);
548
+ --text-badge-md--line-height: var(--text-2--line-height);
549
+ --text-badge-md--letter-spacing: var(--text-2--letter-spacing);
550
+ --font-weight-badge-md: var(--font-weight-medium);
551
+ --text-badge-lg: var(--text-2);
552
+ --text-badge-lg--line-height: var(--text-2--line-height);
553
+ --text-badge-lg--letter-spacing: var(--text-2--letter-spacing);
554
+ --font-weight-badge-lg: var(--font-weight-medium);
555
+ --text-badge-xlg: var(--text-2);
556
+ --text-badge-xlg--line-height: var(--text-2--line-height);
557
+ --text-badge-xlg--letter-spacing: var(--text-2--letter-spacing);
558
+ --font-weight-badge-xlg: var(--font-weight-medium);
559
+ --text-label: var(--text-2);
560
+ --text-label--line-height: var(--text-2--line-height);
561
+ --text-label--letter-spacing: var(--text-2--letter-spacing);
562
+ --font-label: var(--font-sans);
563
+ --font-weight-label: var(--font-weight-medium);
564
+ --text-description: var(--text-2);
565
+ --text-description--line-height: var(--text-2--line-height);
566
+ --text-description--letter-spacing: var(--text-2--letter-spacing);
567
+ --font-description: var(--font-sans);
568
+ --font-weight-description: var(--font-weight-normal);
569
+ --text-metadata: var(--text-1);
570
+ --text-metadata--line-height: var(--text-1--line-height);
571
+ --text-metadata--letter-spacing: var(--text-1--letter-spacing);
572
+ --font-metadata: var(--font-sans);
573
+ --font-weight-metadata: var(--font-weight-normal);
574
+ --text-menu-item: var(--text-2);
575
+ --text-menu-item--line-height: var(--text-2--line-height);
576
+ --text-menu-item--letter-spacing: var(--text-2--letter-spacing);
577
+ --font-menu-item: var(--font-sans);
578
+ --font-weight-menu-item: var(--font-weight-normal);
579
+ }
580
+
581
+ @theme {
582
+ --spacing-control-xs: 20px;
583
+ --spacing-control-sm: 24px;
584
+ --spacing-control-md: 28px;
585
+ --spacing-control-lg: 32px;
586
+ --spacing-control-xlg: 36px;
587
+ --spacing-control-multiline-xs: 32px;
588
+ --spacing-control-multiline-sm: 36px;
589
+ --spacing-control-multiline-md: 48px;
590
+ --spacing-control-multiline-lg: 80px;
591
+ --spacing-control-multiline-xlg: 96px;
592
+ --spacing-icon-xs: 12px;
593
+ --spacing-icon-sm: 14px;
594
+ --spacing-icon-md: 14px;
595
+ --spacing-icon-lg: 16px;
596
+ --spacing-icon-xlg: 20px;
597
+ --spacing-brand-logo-xs: 16px;
598
+ --spacing-brand-logo-sm: 20px;
599
+ --spacing-brand-logo-md: 24px;
600
+ --spacing-brand-logo-lg: 24px;
601
+ --spacing-brand-logo-xlg: 32px;
602
+ --spacing-badge-close-xs: 16px;
603
+ --spacing-badge-close-sm: 16px;
604
+ --spacing-badge-close-md: 20px;
605
+ --spacing-badge-close-lg: 20px;
606
+ --spacing-badge-close-xlg: 24px;
607
+ --spacing-checkbox-indicator-xs: 12px;
608
+ --spacing-checkbox-indicator-sm: 14px;
609
+ --spacing-checkbox-indicator-md: 16px;
610
+ --spacing-checkbox-indicator-lg: 16px;
611
+ --spacing-checkbox-indicator-xlg: 20px;
612
+ --spacing-radio-indicator-xs: 12px;
613
+ --spacing-radio-indicator-sm: 14px;
614
+ --spacing-radio-indicator-md: 16px;
615
+ --spacing-radio-indicator-lg: 16px;
616
+ --spacing-radio-indicator-xlg: 20px;
617
+ --spacing-radio-dot-xs: 4px;
618
+ --spacing-radio-dot-sm: 6px;
619
+ --spacing-radio-dot-md: 6px;
620
+ --spacing-radio-dot-lg: 8px;
621
+ --spacing-radio-dot-xlg: 10px;
622
+ --spacing-switch-track-width-xs: 24px;
623
+ --spacing-switch-track-width-sm: 28px;
624
+ --spacing-switch-track-width-md: 36px;
625
+ --spacing-switch-track-width-lg: 44px;
626
+ --spacing-switch-track-width-xlg: 56px;
627
+ --spacing-switch-track-height-xs: 14px;
628
+ --spacing-switch-track-height-sm: 16px;
629
+ --spacing-switch-track-height-md: 20px;
630
+ --spacing-switch-track-height-lg: 24px;
631
+ --spacing-switch-track-height-xlg: 28px;
632
+ --spacing-switch-thumb-xs: 10px;
633
+ --spacing-switch-thumb-sm: 12px;
634
+ --spacing-switch-thumb-md: 16px;
635
+ --spacing-switch-thumb-lg: 20px;
636
+ --spacing-switch-thumb-xlg: 24px;
637
+ --spacing-switch-inset: 2px;
638
+ --spacing-switch-travel-xs: 10px;
639
+ --spacing-switch-travel-sm: 12px;
640
+ --spacing-switch-travel-md: 16px;
641
+ --spacing-switch-travel-lg: 20px;
642
+ --spacing-switch-travel-xlg: 28px;
643
+ --spacing-slider-track-xs: 4px;
644
+ --spacing-slider-track-sm: 4px;
645
+ --spacing-slider-track-md: 6px;
646
+ --spacing-slider-track-lg: 6px;
647
+ --spacing-slider-track-xlg: 8px;
648
+ --spacing-slider-thumb-xs: 12px;
649
+ --spacing-slider-thumb-sm: 14px;
650
+ --spacing-slider-thumb-md: 16px;
651
+ --spacing-slider-thumb-lg: 18px;
652
+ --spacing-slider-thumb-xlg: 20px;
653
+ --spacing-scrollbar: 6px;
654
+ --spacing-scrollbar-inset: 2px;
655
+ --spacing-menu-item: var(--spacing-control-lg);
656
+ --spacing-select-listbox: 256px;
657
+ --spacing-panel-collapsed: 48px;
658
+ --spacing-panel-resize-handle: 8px;
659
+ --spacing-panel-resize-handle-coarse: 24px;
660
+ --spacing-sidebar-width: 256px;
661
+ --spacing-sidebar-drawer-width: 288px;
662
+ --spacing-sidebar-min-width: 192px;
663
+ --spacing-sidebar-max-width: 448px;
664
+ --spacing-sidebar-min-height: 48px;
665
+ --spacing-sidebar-max-height: 288px;
666
+ --container-xs: 320px;
667
+ --container-sm: 384px;
668
+ --container-md: 448px;
669
+ --container-lg: 512px;
670
+ --container-xl: 576px;
671
+ --container-2xl: 672px;
672
+ --container-3xl: 768px;
673
+ --container-4xl: 896px;
674
+ --container-5xl: 1024px;
675
+ --container-6xl: 1152px;
676
+ --container-7xl: 1280px;
677
+ --container-modal-sm: 384px;
678
+ --container-modal-md: 512px;
679
+ --container-modal-lg: 672px;
680
+ --container-modal-xl: 896px;
681
+ --spacing-panel-1-min: 160px;
682
+ --spacing-panel-1: 192px;
683
+ --spacing-panel-1-max: 240px;
684
+ --spacing-panel-2-min: 192px;
685
+ --spacing-panel-2: 240px;
686
+ --spacing-panel-2-max: 288px;
687
+ --spacing-panel-3-min: 240px;
688
+ --spacing-panel-3: 320px;
689
+ --spacing-panel-3-max: 384px;
690
+ --spacing-panel-4-min: 288px;
691
+ --spacing-panel-4: 384px;
692
+ --spacing-panel-4-max: 480px;
693
+ --spacing-panel-5-min: 320px;
694
+ --spacing-panel-5: 480px;
695
+ --spacing-panel-5-max: 640px;
696
+ --spacing-panel-6-min: 384px;
697
+ --spacing-panel-6: 640px;
698
+ --spacing-panel-6-max: 768px;
699
+ --spacing-icon: var(--spacing-icon-md);
700
+ --container-prose: 65ch;
701
+ }
702
+
703
+ :root, .light {
704
+ --breakpoint-sm: 640px;
705
+ --breakpoint-md: 768px;
706
+ --breakpoint-lg: 1024px;
707
+ --breakpoint-xl: 1280px;
708
+ --breakpoint-2xl: 1536px;
709
+ --border-width-0: 0px;
710
+ --border-width-1: 1px;
711
+ --border-width-2: 2px;
712
+ --border-width-3: 4px;
713
+ --border-width-edge-perimeter: var(--border-width-1);
714
+ --border-width-edge-control: var(--border-width-1);
715
+ --border-width-edge-separator: var(--border-width-1);
716
+ --border-width-edge-divider: var(--border-width-1);
717
+ --radius-1: 1px;
718
+ --radius-2: 2.5px;
719
+ --radius-3: 4px;
720
+ --radius-4: 6px;
721
+ --radius-5: 8px;
722
+ --radius-6: 10.5px;
723
+ --radius-control: var(--radius-3);
724
+ --radius-control-xs: var(--radius-1);
725
+ --radius-control-sm: var(--radius-2);
726
+ --radius-control-md: var(--radius-3);
727
+ --radius-control-lg: var(--radius-4);
728
+ --radius-surface: var(--radius-4);
729
+ --radius-surface-xs: var(--radius-2);
730
+ --radius-surface-sm: var(--radius-3);
731
+ --radius-surface-md: var(--radius-4);
732
+ --radius-surface-lg: var(--radius-5);
733
+ --radius-overlay: var(--radius-5);
734
+ --radius-overlay-xs: var(--radius-3);
735
+ --radius-overlay-sm: var(--radius-4);
736
+ --radius-overlay-md: var(--radius-5);
737
+ --radius-overlay-lg: var(--radius-6);
738
+ --radius-none: 0px;
739
+ --radius-full: 9999px;
740
+ --radius-circle: 50%;
741
+ --spacing-0: 0px;
742
+ --spacing-0\.5: 2px;
743
+ --spacing-1: 4px;
744
+ --spacing-1\.5: 6px;
745
+ --spacing-2: 8px;
746
+ --spacing-2\.5: 10px;
747
+ --spacing-3: 12px;
748
+ --spacing-3\.5: 14px;
749
+ --spacing-4: 16px;
750
+ --spacing-4\.5: clamp(18px, calc(17.8571px + 0.0446vw), 18.5px);
751
+ --spacing-5: clamp(20px, calc(19.7143px + 0.0893vw), 21px);
752
+ --spacing-5\.5: clamp(22px, calc(21.5714px + 0.1339vw), 23.5px);
753
+ --spacing-6: clamp(24px, calc(23.4286px + 0.1786vw), 26px);
754
+ --spacing-6\.5: clamp(26px, calc(25.2857px + 0.2232vw), 28.5px);
755
+ --spacing-7: clamp(28px, calc(27.1429px + 0.2679vw), 31px);
756
+ --spacing-7\.5: clamp(30px, calc(29px + 0.3125vw), 33.5px);
757
+ --spacing-8: clamp(32px, calc(30.8571px + 0.3571vw), 36px);
758
+ --spacing-8\.5: clamp(34px, calc(32.7143px + 0.4018vw), 38.5px);
759
+ --spacing-9: clamp(36px, calc(34.5714px + 0.4464vw), 41px);
760
+ --spacing-9\.5: clamp(38px, calc(36.4286px + 0.4911vw), 43.5px);
761
+ --spacing-10: clamp(40px, calc(38.2857px + 0.5357vw), 46px);
762
+ --spacing-10\.5: clamp(42px, calc(40.1429px + 0.5804vw), 48.5px);
763
+ --spacing-11: clamp(44px, calc(42px + 0.625vw), 51px);
764
+ --spacing-11\.5: clamp(46px, calc(43.8571px + 0.6696vw), 53.5px);
765
+ --spacing-12: clamp(48px, calc(45.7143px + 0.7143vw), 56px);
766
+ --spacing-control-gap: var(--spacing-2);
767
+ --spacing-control-padding-xs: var(--spacing-2);
768
+ --spacing-control-padding-sm: var(--spacing-2);
769
+ --spacing-control-padding-md: var(--spacing-3);
770
+ --spacing-control-padding-lg: var(--spacing-3);
771
+ --spacing-control-padding-xlg: var(--spacing-4);
772
+ --spacing-badge-padding-xs: var(--spacing-1\.5);
773
+ --spacing-badge-padding-sm: var(--spacing-2);
774
+ --spacing-badge-padding-md: var(--spacing-2\.5);
775
+ --spacing-badge-padding-lg: var(--spacing-3);
776
+ --spacing-badge-padding-xlg: var(--spacing-4);
777
+ --spacing-popover-padding: var(--spacing-1\.5);
778
+ --spacing-menu-item-padding-inline: var(--spacing-2\.5);
779
+ --spacing-app-region-gap: var(--spacing-2);
780
+ --spacing-app-region-padding-inline: var(--spacing-4);
781
+ --spacing-app-region-padding-block: var(--spacing-3);
782
+ --spacing-sidebar-header-gap: var(--spacing-2);
783
+ --spacing-sidebar-header-padding-inline: var(--spacing-3);
784
+ --spacing-sidebar-header-padding-block: var(--spacing-2);
785
+ --spacing-sidebar-content-gap: var(--spacing-1);
786
+ --spacing-sidebar-content-padding-inline: var(--spacing-2);
787
+ --spacing-sidebar-content-padding-block: var(--spacing-2);
788
+ --font-mono: "Fira Code", ui-monospace, monospace;
789
+ --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
790
+ --text-1: 12px;
791
+ --text-1--line-height: 16px;
792
+ --text-1--letter-spacing: 0em;
793
+ --leading-type-1: var(--text-1--line-height);
794
+ --tracking-type-1: var(--text-1--letter-spacing);
795
+ --text-xs: var(--text-1);
796
+ --text-xs--line-height: var(--text-1--line-height);
797
+ --text-xs--letter-spacing: var(--text-1--letter-spacing);
798
+ --text-2: 14px;
799
+ --text-2--line-height: 20px;
800
+ --text-2--letter-spacing: 0em;
801
+ --leading-type-2: var(--text-2--line-height);
802
+ --tracking-type-2: var(--text-2--letter-spacing);
803
+ --text-sm: var(--text-2);
804
+ --text-sm--line-height: var(--text-2--line-height);
805
+ --text-sm--letter-spacing: var(--text-2--letter-spacing);
806
+ --text-3: 16px;
807
+ --text-3--line-height: 24px;
808
+ --text-3--letter-spacing: 0em;
809
+ --leading-type-3: var(--text-3--line-height);
810
+ --tracking-type-3: var(--text-3--letter-spacing);
811
+ --text-base: var(--text-3);
812
+ --text-base--line-height: var(--text-3--line-height);
813
+ --text-base--letter-spacing: var(--text-3--letter-spacing);
814
+ --text-4: 18px;
815
+ --text-4--line-height: 26px;
816
+ --text-4--letter-spacing: 0em;
817
+ --leading-type-4: var(--text-4--line-height);
818
+ --tracking-type-4: var(--text-4--letter-spacing);
819
+ --text-lg: var(--text-4);
820
+ --text-lg--line-height: var(--text-4--line-height);
821
+ --text-lg--letter-spacing: var(--text-4--letter-spacing);
822
+ --text-5: 20px;
823
+ --text-5--line-height: 28px;
824
+ --text-5--letter-spacing: 0em;
825
+ --leading-type-5: var(--text-5--line-height);
826
+ --tracking-type-5: var(--text-5--letter-spacing);
827
+ --text-xl: var(--text-5);
828
+ --text-xl--line-height: var(--text-5--line-height);
829
+ --text-xl--letter-spacing: var(--text-5--letter-spacing);
830
+ --text-6: 30px;
831
+ --text-6--line-height: 38px;
832
+ --text-6--letter-spacing: -0.01em;
833
+ --leading-type-6: var(--text-6--line-height);
834
+ --tracking-type-6: var(--text-6--letter-spacing);
835
+ --text-2xl: var(--text-6);
836
+ --text-2xl--line-height: var(--text-6--line-height);
837
+ --text-2xl--letter-spacing: var(--text-6--letter-spacing);
838
+ --text-7: 36px;
839
+ --text-7--line-height: 44px;
840
+ --text-7--letter-spacing: -0.015em;
841
+ --leading-type-7: var(--text-7--line-height);
842
+ --tracking-type-7: var(--text-7--letter-spacing);
843
+ --text-3xl: var(--text-7);
844
+ --text-3xl--line-height: var(--text-7--line-height);
845
+ --text-3xl--letter-spacing: var(--text-7--letter-spacing);
846
+ --text-8: 48px;
847
+ --text-8--line-height: 56px;
848
+ --text-8--letter-spacing: -0.02em;
849
+ --leading-type-8: var(--text-8--line-height);
850
+ --tracking-type-8: var(--text-8--letter-spacing);
851
+ --text-4xl: var(--text-8);
852
+ --text-4xl--line-height: var(--text-8--line-height);
853
+ --text-4xl--letter-spacing: var(--text-8--letter-spacing);
854
+ --text-9: 60px;
855
+ --text-9--line-height: 64px;
856
+ --text-9--letter-spacing: -0.025em;
857
+ --leading-type-9: var(--text-9--line-height);
858
+ --tracking-type-9: var(--text-9--letter-spacing);
859
+ --text-5xl: var(--text-9);
860
+ --text-5xl--line-height: var(--text-9--line-height);
861
+ --text-5xl--letter-spacing: var(--text-9--letter-spacing);
862
+ --text-10: 72px;
863
+ --text-10--line-height: 76px;
864
+ --text-10--letter-spacing: -0.03em;
865
+ --leading-type-10: var(--text-10--line-height);
866
+ --tracking-type-10: var(--text-10--letter-spacing);
867
+ --text-6xl: var(--text-10);
868
+ --text-6xl--line-height: var(--text-10--line-height);
869
+ --text-6xl--letter-spacing: var(--text-10--letter-spacing);
870
+ --text-11: 84px;
871
+ --text-11--line-height: 88px;
872
+ --text-11--letter-spacing: -0.035em;
873
+ --leading-type-11: var(--text-11--line-height);
874
+ --tracking-type-11: var(--text-11--letter-spacing);
875
+ --text-7xl: var(--text-11);
876
+ --text-7xl--line-height: var(--text-11--line-height);
877
+ --text-7xl--letter-spacing: var(--text-11--letter-spacing);
878
+ --text-12: 96px;
879
+ --text-12--line-height: 100px;
880
+ --text-12--letter-spacing: -0.04em;
881
+ --leading-type-12: var(--text-12--line-height);
882
+ --tracking-type-12: var(--text-12--letter-spacing);
883
+ --text-8xl: var(--text-12);
884
+ --text-8xl--line-height: var(--text-12--line-height);
885
+ --text-8xl--letter-spacing: var(--text-12--letter-spacing);
886
+ --text-13: 128px;
887
+ --text-13--line-height: 132px;
888
+ --text-13--letter-spacing: -0.045em;
889
+ --leading-type-13: var(--text-13--line-height);
890
+ --tracking-type-13: var(--text-13--letter-spacing);
891
+ --text-9xl: var(--text-13);
892
+ --text-9xl--line-height: var(--text-13--line-height);
893
+ --text-9xl--letter-spacing: var(--text-13--letter-spacing);
894
+ --font-weight-normal: 400;
895
+ --font-weight-medium: 500;
896
+ --font-weight-semibold: 600;
897
+ --font-weight-bold: 700;
898
+ --text-body: var(--text-2);
899
+ --text-body--line-height: var(--text-2--line-height);
900
+ --text-body--letter-spacing: var(--text-2--letter-spacing);
901
+ --font-body: var(--font-sans);
902
+ --font-weight-body: var(--font-weight-normal);
903
+ --text-heading: var(--text-2);
904
+ --text-heading--line-height: var(--text-2--line-height);
905
+ --text-heading--letter-spacing: var(--text-2--letter-spacing);
906
+ --font-heading: var(--font-sans);
907
+ --font-weight-heading: var(--font-weight-medium);
908
+ --text-code: var(--text-2);
909
+ --text-code--line-height: var(--text-2--line-height);
910
+ --text-code--letter-spacing: var(--text-2--letter-spacing);
911
+ --font-code: var(--font-mono);
912
+ --font-weight-code: var(--font-weight-normal);
913
+ --text-control-xs: var(--text-1);
914
+ --text-control-xs--line-height: var(--text-1--line-height);
915
+ --text-control-xs--letter-spacing: var(--text-1--letter-spacing);
916
+ --font-control: var(--font-sans);
917
+ --font-weight-control-xs: var(--font-weight-normal);
918
+ --text-control-sm: var(--text-1);
919
+ --text-control-sm--line-height: var(--text-1--line-height);
920
+ --text-control-sm--letter-spacing: var(--text-1--letter-spacing);
921
+ --font-weight-control-sm: var(--font-weight-normal);
922
+ --text-control-md: var(--text-2);
923
+ --text-control-md--line-height: var(--text-2--line-height);
924
+ --text-control-md--letter-spacing: var(--text-2--letter-spacing);
925
+ --font-weight-control-md: var(--font-weight-normal);
926
+ --text-control-lg: var(--text-2);
927
+ --text-control-lg--line-height: var(--text-2--line-height);
928
+ --text-control-lg--letter-spacing: var(--text-2--letter-spacing);
929
+ --font-weight-control-lg: var(--font-weight-normal);
930
+ --text-control-xlg: var(--text-2);
931
+ --text-control-xlg--line-height: var(--text-2--line-height);
932
+ --text-control-xlg--letter-spacing: var(--text-2--letter-spacing);
933
+ --font-weight-control-xlg: var(--font-weight-normal);
934
+ --text-badge-xs: var(--text-1);
935
+ --text-badge-xs--line-height: var(--text-1--line-height);
936
+ --text-badge-xs--letter-spacing: var(--text-1--letter-spacing);
937
+ --font-badge: var(--font-sans);
938
+ --font-weight-badge-xs: var(--font-weight-medium);
939
+ --text-badge-sm: var(--text-1);
940
+ --text-badge-sm--line-height: var(--text-1--line-height);
941
+ --text-badge-sm--letter-spacing: var(--text-1--letter-spacing);
942
+ --font-weight-badge-sm: var(--font-weight-medium);
943
+ --text-badge-md: var(--text-2);
944
+ --text-badge-md--line-height: var(--text-2--line-height);
945
+ --text-badge-md--letter-spacing: var(--text-2--letter-spacing);
946
+ --font-weight-badge-md: var(--font-weight-medium);
947
+ --text-badge-lg: var(--text-2);
948
+ --text-badge-lg--line-height: var(--text-2--line-height);
949
+ --text-badge-lg--letter-spacing: var(--text-2--letter-spacing);
950
+ --font-weight-badge-lg: var(--font-weight-medium);
951
+ --text-badge-xlg: var(--text-2);
952
+ --text-badge-xlg--line-height: var(--text-2--line-height);
953
+ --text-badge-xlg--letter-spacing: var(--text-2--letter-spacing);
954
+ --font-weight-badge-xlg: var(--font-weight-medium);
955
+ --text-label: var(--text-2);
956
+ --text-label--line-height: var(--text-2--line-height);
957
+ --text-label--letter-spacing: var(--text-2--letter-spacing);
958
+ --font-label: var(--font-sans);
959
+ --font-weight-label: var(--font-weight-medium);
960
+ --text-description: var(--text-2);
961
+ --text-description--line-height: var(--text-2--line-height);
962
+ --text-description--letter-spacing: var(--text-2--letter-spacing);
963
+ --font-description: var(--font-sans);
964
+ --font-weight-description: var(--font-weight-normal);
965
+ --text-metadata: var(--text-1);
966
+ --text-metadata--line-height: var(--text-1--line-height);
967
+ --text-metadata--letter-spacing: var(--text-1--letter-spacing);
968
+ --font-metadata: var(--font-sans);
969
+ --font-weight-metadata: var(--font-weight-normal);
970
+ --text-menu-item: var(--text-2);
971
+ --text-menu-item--line-height: var(--text-2--line-height);
972
+ --text-menu-item--letter-spacing: var(--text-2--letter-spacing);
973
+ --font-menu-item: var(--font-sans);
974
+ --font-weight-menu-item: var(--font-weight-normal);
975
+ --spacing-control-xs: 20px;
976
+ --spacing-control-sm: 24px;
977
+ --spacing-control-md: 28px;
978
+ --spacing-control-lg: 32px;
979
+ --spacing-control-xlg: 36px;
980
+ --spacing-control-multiline-xs: 32px;
981
+ --spacing-control-multiline-sm: 36px;
982
+ --spacing-control-multiline-md: 48px;
983
+ --spacing-control-multiline-lg: 80px;
984
+ --spacing-control-multiline-xlg: 96px;
985
+ --spacing-icon-xs: 12px;
986
+ --spacing-icon-sm: 14px;
987
+ --spacing-icon-md: 14px;
988
+ --spacing-icon-lg: 16px;
989
+ --spacing-icon-xlg: 20px;
990
+ --spacing-brand-logo-xs: 16px;
991
+ --spacing-brand-logo-sm: 20px;
992
+ --spacing-brand-logo-md: 24px;
993
+ --spacing-brand-logo-lg: 24px;
994
+ --spacing-brand-logo-xlg: 32px;
995
+ --spacing-badge-close-xs: 16px;
996
+ --spacing-badge-close-sm: 16px;
997
+ --spacing-badge-close-md: 20px;
998
+ --spacing-badge-close-lg: 20px;
999
+ --spacing-badge-close-xlg: 24px;
1000
+ --spacing-checkbox-indicator-xs: 12px;
1001
+ --spacing-checkbox-indicator-sm: 14px;
1002
+ --spacing-checkbox-indicator-md: 16px;
1003
+ --spacing-checkbox-indicator-lg: 16px;
1004
+ --spacing-checkbox-indicator-xlg: 20px;
1005
+ --spacing-radio-indicator-xs: 12px;
1006
+ --spacing-radio-indicator-sm: 14px;
1007
+ --spacing-radio-indicator-md: 16px;
1008
+ --spacing-radio-indicator-lg: 16px;
1009
+ --spacing-radio-indicator-xlg: 20px;
1010
+ --spacing-radio-dot-xs: 4px;
1011
+ --spacing-radio-dot-sm: 6px;
1012
+ --spacing-radio-dot-md: 6px;
1013
+ --spacing-radio-dot-lg: 8px;
1014
+ --spacing-radio-dot-xlg: 10px;
1015
+ --spacing-switch-track-width-xs: 24px;
1016
+ --spacing-switch-track-width-sm: 28px;
1017
+ --spacing-switch-track-width-md: 36px;
1018
+ --spacing-switch-track-width-lg: 44px;
1019
+ --spacing-switch-track-width-xlg: 56px;
1020
+ --spacing-switch-track-height-xs: 14px;
1021
+ --spacing-switch-track-height-sm: 16px;
1022
+ --spacing-switch-track-height-md: 20px;
1023
+ --spacing-switch-track-height-lg: 24px;
1024
+ --spacing-switch-track-height-xlg: 28px;
1025
+ --spacing-switch-thumb-xs: 10px;
1026
+ --spacing-switch-thumb-sm: 12px;
1027
+ --spacing-switch-thumb-md: 16px;
1028
+ --spacing-switch-thumb-lg: 20px;
1029
+ --spacing-switch-thumb-xlg: 24px;
1030
+ --spacing-switch-inset: 2px;
1031
+ --spacing-switch-travel-xs: 10px;
1032
+ --spacing-switch-travel-sm: 12px;
1033
+ --spacing-switch-travel-md: 16px;
1034
+ --spacing-switch-travel-lg: 20px;
1035
+ --spacing-switch-travel-xlg: 28px;
1036
+ --spacing-slider-track-xs: 4px;
1037
+ --spacing-slider-track-sm: 4px;
1038
+ --spacing-slider-track-md: 6px;
1039
+ --spacing-slider-track-lg: 6px;
1040
+ --spacing-slider-track-xlg: 8px;
1041
+ --spacing-slider-thumb-xs: 12px;
1042
+ --spacing-slider-thumb-sm: 14px;
1043
+ --spacing-slider-thumb-md: 16px;
1044
+ --spacing-slider-thumb-lg: 18px;
1045
+ --spacing-slider-thumb-xlg: 20px;
1046
+ --spacing-scrollbar: 6px;
1047
+ --spacing-scrollbar-inset: 2px;
1048
+ --spacing-menu-item: var(--spacing-control-lg);
1049
+ --spacing-select-listbox: 256px;
1050
+ --spacing-panel-collapsed: 48px;
1051
+ --spacing-panel-resize-handle: 8px;
1052
+ --spacing-panel-resize-handle-coarse: 24px;
1053
+ --spacing-sidebar-width: 256px;
1054
+ --spacing-sidebar-drawer-width: 288px;
1055
+ --spacing-sidebar-min-width: 192px;
1056
+ --spacing-sidebar-max-width: 448px;
1057
+ --spacing-sidebar-min-height: 48px;
1058
+ --spacing-sidebar-max-height: 288px;
1059
+ --container-xs: 320px;
1060
+ --container-sm: 384px;
1061
+ --container-md: 448px;
1062
+ --container-lg: 512px;
1063
+ --container-xl: 576px;
1064
+ --container-2xl: 672px;
1065
+ --container-3xl: 768px;
1066
+ --container-4xl: 896px;
1067
+ --container-5xl: 1024px;
1068
+ --container-6xl: 1152px;
1069
+ --container-7xl: 1280px;
1070
+ --container-modal-sm: 384px;
1071
+ --container-modal-md: 512px;
1072
+ --container-modal-lg: 672px;
1073
+ --container-modal-xl: 896px;
1074
+ --spacing-panel-1-min: 160px;
1075
+ --spacing-panel-1: 192px;
1076
+ --spacing-panel-1-max: 240px;
1077
+ --spacing-panel-2-min: 192px;
1078
+ --spacing-panel-2: 240px;
1079
+ --spacing-panel-2-max: 288px;
1080
+ --spacing-panel-3-min: 240px;
1081
+ --spacing-panel-3: 320px;
1082
+ --spacing-panel-3-max: 384px;
1083
+ --spacing-panel-4-min: 288px;
1084
+ --spacing-panel-4: 384px;
1085
+ --spacing-panel-4-max: 480px;
1086
+ --spacing-panel-5-min: 320px;
1087
+ --spacing-panel-5: 480px;
1088
+ --spacing-panel-5-max: 640px;
1089
+ --spacing-panel-6-min: 384px;
1090
+ --spacing-panel-6: 640px;
1091
+ --spacing-panel-6-max: 768px;
1092
+ --spacing-icon: var(--spacing-icon-md);
1093
+ --container-prose: 65ch;
1094
+ }
1095
+
1096
+ .dark {
1097
+ --breakpoint-sm: 640px;
1098
+ --breakpoint-md: 768px;
1099
+ --breakpoint-lg: 1024px;
1100
+ --breakpoint-xl: 1280px;
1101
+ --breakpoint-2xl: 1536px;
1102
+ --border-width-0: 0px;
1103
+ --border-width-1: 1px;
1104
+ --border-width-2: 2px;
1105
+ --border-width-3: 4px;
1106
+ --border-width-edge-perimeter: var(--border-width-1);
1107
+ --border-width-edge-control: var(--border-width-1);
1108
+ --border-width-edge-separator: var(--border-width-1);
1109
+ --border-width-edge-divider: var(--border-width-1);
1110
+ --radius-1: 1px;
1111
+ --radius-2: 2.5px;
1112
+ --radius-3: 4px;
1113
+ --radius-4: 6px;
1114
+ --radius-5: 8px;
1115
+ --radius-6: 10.5px;
1116
+ --radius-control: var(--radius-3);
1117
+ --radius-control-xs: var(--radius-1);
1118
+ --radius-control-sm: var(--radius-2);
1119
+ --radius-control-md: var(--radius-3);
1120
+ --radius-control-lg: var(--radius-4);
1121
+ --radius-surface: var(--radius-4);
1122
+ --radius-surface-xs: var(--radius-2);
1123
+ --radius-surface-sm: var(--radius-3);
1124
+ --radius-surface-md: var(--radius-4);
1125
+ --radius-surface-lg: var(--radius-5);
1126
+ --radius-overlay: var(--radius-5);
1127
+ --radius-overlay-xs: var(--radius-3);
1128
+ --radius-overlay-sm: var(--radius-4);
1129
+ --radius-overlay-md: var(--radius-5);
1130
+ --radius-overlay-lg: var(--radius-6);
1131
+ --radius-none: 0px;
1132
+ --radius-full: 9999px;
1133
+ --radius-circle: 50%;
1134
+ --spacing-0: 0px;
1135
+ --spacing-0\.5: 2px;
1136
+ --spacing-1: 4px;
1137
+ --spacing-1\.5: 6px;
1138
+ --spacing-2: 8px;
1139
+ --spacing-2\.5: 10px;
1140
+ --spacing-3: 12px;
1141
+ --spacing-3\.5: 14px;
1142
+ --spacing-4: 16px;
1143
+ --spacing-4\.5: clamp(18px, calc(17.8571px + 0.0446vw), 18.5px);
1144
+ --spacing-5: clamp(20px, calc(19.7143px + 0.0893vw), 21px);
1145
+ --spacing-5\.5: clamp(22px, calc(21.5714px + 0.1339vw), 23.5px);
1146
+ --spacing-6: clamp(24px, calc(23.4286px + 0.1786vw), 26px);
1147
+ --spacing-6\.5: clamp(26px, calc(25.2857px + 0.2232vw), 28.5px);
1148
+ --spacing-7: clamp(28px, calc(27.1429px + 0.2679vw), 31px);
1149
+ --spacing-7\.5: clamp(30px, calc(29px + 0.3125vw), 33.5px);
1150
+ --spacing-8: clamp(32px, calc(30.8571px + 0.3571vw), 36px);
1151
+ --spacing-8\.5: clamp(34px, calc(32.7143px + 0.4018vw), 38.5px);
1152
+ --spacing-9: clamp(36px, calc(34.5714px + 0.4464vw), 41px);
1153
+ --spacing-9\.5: clamp(38px, calc(36.4286px + 0.4911vw), 43.5px);
1154
+ --spacing-10: clamp(40px, calc(38.2857px + 0.5357vw), 46px);
1155
+ --spacing-10\.5: clamp(42px, calc(40.1429px + 0.5804vw), 48.5px);
1156
+ --spacing-11: clamp(44px, calc(42px + 0.625vw), 51px);
1157
+ --spacing-11\.5: clamp(46px, calc(43.8571px + 0.6696vw), 53.5px);
1158
+ --spacing-12: clamp(48px, calc(45.7143px + 0.7143vw), 56px);
1159
+ --spacing-control-gap: var(--spacing-2);
1160
+ --spacing-control-padding-xs: var(--spacing-2);
1161
+ --spacing-control-padding-sm: var(--spacing-2);
1162
+ --spacing-control-padding-md: var(--spacing-3);
1163
+ --spacing-control-padding-lg: var(--spacing-3);
1164
+ --spacing-control-padding-xlg: var(--spacing-4);
1165
+ --spacing-badge-padding-xs: var(--spacing-1\.5);
1166
+ --spacing-badge-padding-sm: var(--spacing-2);
1167
+ --spacing-badge-padding-md: var(--spacing-2\.5);
1168
+ --spacing-badge-padding-lg: var(--spacing-3);
1169
+ --spacing-badge-padding-xlg: var(--spacing-4);
1170
+ --spacing-popover-padding: var(--spacing-1\.5);
1171
+ --spacing-menu-item-padding-inline: var(--spacing-2\.5);
1172
+ --spacing-app-region-gap: var(--spacing-2);
1173
+ --spacing-app-region-padding-inline: var(--spacing-4);
1174
+ --spacing-app-region-padding-block: var(--spacing-3);
1175
+ --spacing-sidebar-header-gap: var(--spacing-2);
1176
+ --spacing-sidebar-header-padding-inline: var(--spacing-3);
1177
+ --spacing-sidebar-header-padding-block: var(--spacing-2);
1178
+ --spacing-sidebar-content-gap: var(--spacing-1);
1179
+ --spacing-sidebar-content-padding-inline: var(--spacing-2);
1180
+ --spacing-sidebar-content-padding-block: var(--spacing-2);
1181
+ --font-mono: "Fira Code", ui-monospace, monospace;
1182
+ --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
1183
+ --text-1: 12px;
1184
+ --text-1--line-height: 16px;
1185
+ --text-1--letter-spacing: 0em;
1186
+ --leading-type-1: var(--text-1--line-height);
1187
+ --tracking-type-1: var(--text-1--letter-spacing);
1188
+ --text-xs: var(--text-1);
1189
+ --text-xs--line-height: var(--text-1--line-height);
1190
+ --text-xs--letter-spacing: var(--text-1--letter-spacing);
1191
+ --text-2: 14px;
1192
+ --text-2--line-height: 20px;
1193
+ --text-2--letter-spacing: 0em;
1194
+ --leading-type-2: var(--text-2--line-height);
1195
+ --tracking-type-2: var(--text-2--letter-spacing);
1196
+ --text-sm: var(--text-2);
1197
+ --text-sm--line-height: var(--text-2--line-height);
1198
+ --text-sm--letter-spacing: var(--text-2--letter-spacing);
1199
+ --text-3: 16px;
1200
+ --text-3--line-height: 24px;
1201
+ --text-3--letter-spacing: 0em;
1202
+ --leading-type-3: var(--text-3--line-height);
1203
+ --tracking-type-3: var(--text-3--letter-spacing);
1204
+ --text-base: var(--text-3);
1205
+ --text-base--line-height: var(--text-3--line-height);
1206
+ --text-base--letter-spacing: var(--text-3--letter-spacing);
1207
+ --text-4: 18px;
1208
+ --text-4--line-height: 26px;
1209
+ --text-4--letter-spacing: 0em;
1210
+ --leading-type-4: var(--text-4--line-height);
1211
+ --tracking-type-4: var(--text-4--letter-spacing);
1212
+ --text-lg: var(--text-4);
1213
+ --text-lg--line-height: var(--text-4--line-height);
1214
+ --text-lg--letter-spacing: var(--text-4--letter-spacing);
1215
+ --text-5: 20px;
1216
+ --text-5--line-height: 28px;
1217
+ --text-5--letter-spacing: 0em;
1218
+ --leading-type-5: var(--text-5--line-height);
1219
+ --tracking-type-5: var(--text-5--letter-spacing);
1220
+ --text-xl: var(--text-5);
1221
+ --text-xl--line-height: var(--text-5--line-height);
1222
+ --text-xl--letter-spacing: var(--text-5--letter-spacing);
1223
+ --text-6: 30px;
1224
+ --text-6--line-height: 38px;
1225
+ --text-6--letter-spacing: -0.01em;
1226
+ --leading-type-6: var(--text-6--line-height);
1227
+ --tracking-type-6: var(--text-6--letter-spacing);
1228
+ --text-2xl: var(--text-6);
1229
+ --text-2xl--line-height: var(--text-6--line-height);
1230
+ --text-2xl--letter-spacing: var(--text-6--letter-spacing);
1231
+ --text-7: 36px;
1232
+ --text-7--line-height: 44px;
1233
+ --text-7--letter-spacing: -0.015em;
1234
+ --leading-type-7: var(--text-7--line-height);
1235
+ --tracking-type-7: var(--text-7--letter-spacing);
1236
+ --text-3xl: var(--text-7);
1237
+ --text-3xl--line-height: var(--text-7--line-height);
1238
+ --text-3xl--letter-spacing: var(--text-7--letter-spacing);
1239
+ --text-8: 48px;
1240
+ --text-8--line-height: 56px;
1241
+ --text-8--letter-spacing: -0.02em;
1242
+ --leading-type-8: var(--text-8--line-height);
1243
+ --tracking-type-8: var(--text-8--letter-spacing);
1244
+ --text-4xl: var(--text-8);
1245
+ --text-4xl--line-height: var(--text-8--line-height);
1246
+ --text-4xl--letter-spacing: var(--text-8--letter-spacing);
1247
+ --text-9: 60px;
1248
+ --text-9--line-height: 64px;
1249
+ --text-9--letter-spacing: -0.025em;
1250
+ --leading-type-9: var(--text-9--line-height);
1251
+ --tracking-type-9: var(--text-9--letter-spacing);
1252
+ --text-5xl: var(--text-9);
1253
+ --text-5xl--line-height: var(--text-9--line-height);
1254
+ --text-5xl--letter-spacing: var(--text-9--letter-spacing);
1255
+ --text-10: 72px;
1256
+ --text-10--line-height: 76px;
1257
+ --text-10--letter-spacing: -0.03em;
1258
+ --leading-type-10: var(--text-10--line-height);
1259
+ --tracking-type-10: var(--text-10--letter-spacing);
1260
+ --text-6xl: var(--text-10);
1261
+ --text-6xl--line-height: var(--text-10--line-height);
1262
+ --text-6xl--letter-spacing: var(--text-10--letter-spacing);
1263
+ --text-11: 84px;
1264
+ --text-11--line-height: 88px;
1265
+ --text-11--letter-spacing: -0.035em;
1266
+ --leading-type-11: var(--text-11--line-height);
1267
+ --tracking-type-11: var(--text-11--letter-spacing);
1268
+ --text-7xl: var(--text-11);
1269
+ --text-7xl--line-height: var(--text-11--line-height);
1270
+ --text-7xl--letter-spacing: var(--text-11--letter-spacing);
1271
+ --text-12: 96px;
1272
+ --text-12--line-height: 100px;
1273
+ --text-12--letter-spacing: -0.04em;
1274
+ --leading-type-12: var(--text-12--line-height);
1275
+ --tracking-type-12: var(--text-12--letter-spacing);
1276
+ --text-8xl: var(--text-12);
1277
+ --text-8xl--line-height: var(--text-12--line-height);
1278
+ --text-8xl--letter-spacing: var(--text-12--letter-spacing);
1279
+ --text-13: 128px;
1280
+ --text-13--line-height: 132px;
1281
+ --text-13--letter-spacing: -0.045em;
1282
+ --leading-type-13: var(--text-13--line-height);
1283
+ --tracking-type-13: var(--text-13--letter-spacing);
1284
+ --text-9xl: var(--text-13);
1285
+ --text-9xl--line-height: var(--text-13--line-height);
1286
+ --text-9xl--letter-spacing: var(--text-13--letter-spacing);
1287
+ --font-weight-normal: 400;
1288
+ --font-weight-medium: 500;
1289
+ --font-weight-semibold: 600;
1290
+ --font-weight-bold: 700;
1291
+ --text-body: var(--text-2);
1292
+ --text-body--line-height: var(--text-2--line-height);
1293
+ --text-body--letter-spacing: var(--text-2--letter-spacing);
1294
+ --font-body: var(--font-sans);
1295
+ --font-weight-body: var(--font-weight-normal);
1296
+ --text-heading: var(--text-2);
1297
+ --text-heading--line-height: var(--text-2--line-height);
1298
+ --text-heading--letter-spacing: var(--text-2--letter-spacing);
1299
+ --font-heading: var(--font-sans);
1300
+ --font-weight-heading: var(--font-weight-medium);
1301
+ --text-code: var(--text-2);
1302
+ --text-code--line-height: var(--text-2--line-height);
1303
+ --text-code--letter-spacing: var(--text-2--letter-spacing);
1304
+ --font-code: var(--font-mono);
1305
+ --font-weight-code: var(--font-weight-normal);
1306
+ --text-control-xs: var(--text-1);
1307
+ --text-control-xs--line-height: var(--text-1--line-height);
1308
+ --text-control-xs--letter-spacing: var(--text-1--letter-spacing);
1309
+ --font-control: var(--font-sans);
1310
+ --font-weight-control-xs: var(--font-weight-normal);
1311
+ --text-control-sm: var(--text-1);
1312
+ --text-control-sm--line-height: var(--text-1--line-height);
1313
+ --text-control-sm--letter-spacing: var(--text-1--letter-spacing);
1314
+ --font-weight-control-sm: var(--font-weight-normal);
1315
+ --text-control-md: var(--text-2);
1316
+ --text-control-md--line-height: var(--text-2--line-height);
1317
+ --text-control-md--letter-spacing: var(--text-2--letter-spacing);
1318
+ --font-weight-control-md: var(--font-weight-normal);
1319
+ --text-control-lg: var(--text-2);
1320
+ --text-control-lg--line-height: var(--text-2--line-height);
1321
+ --text-control-lg--letter-spacing: var(--text-2--letter-spacing);
1322
+ --font-weight-control-lg: var(--font-weight-normal);
1323
+ --text-control-xlg: var(--text-2);
1324
+ --text-control-xlg--line-height: var(--text-2--line-height);
1325
+ --text-control-xlg--letter-spacing: var(--text-2--letter-spacing);
1326
+ --font-weight-control-xlg: var(--font-weight-normal);
1327
+ --text-badge-xs: var(--text-1);
1328
+ --text-badge-xs--line-height: var(--text-1--line-height);
1329
+ --text-badge-xs--letter-spacing: var(--text-1--letter-spacing);
1330
+ --font-badge: var(--font-sans);
1331
+ --font-weight-badge-xs: var(--font-weight-medium);
1332
+ --text-badge-sm: var(--text-1);
1333
+ --text-badge-sm--line-height: var(--text-1--line-height);
1334
+ --text-badge-sm--letter-spacing: var(--text-1--letter-spacing);
1335
+ --font-weight-badge-sm: var(--font-weight-medium);
1336
+ --text-badge-md: var(--text-2);
1337
+ --text-badge-md--line-height: var(--text-2--line-height);
1338
+ --text-badge-md--letter-spacing: var(--text-2--letter-spacing);
1339
+ --font-weight-badge-md: var(--font-weight-medium);
1340
+ --text-badge-lg: var(--text-2);
1341
+ --text-badge-lg--line-height: var(--text-2--line-height);
1342
+ --text-badge-lg--letter-spacing: var(--text-2--letter-spacing);
1343
+ --font-weight-badge-lg: var(--font-weight-medium);
1344
+ --text-badge-xlg: var(--text-2);
1345
+ --text-badge-xlg--line-height: var(--text-2--line-height);
1346
+ --text-badge-xlg--letter-spacing: var(--text-2--letter-spacing);
1347
+ --font-weight-badge-xlg: var(--font-weight-medium);
1348
+ --text-label: var(--text-2);
1349
+ --text-label--line-height: var(--text-2--line-height);
1350
+ --text-label--letter-spacing: var(--text-2--letter-spacing);
1351
+ --font-label: var(--font-sans);
1352
+ --font-weight-label: var(--font-weight-medium);
1353
+ --text-description: var(--text-2);
1354
+ --text-description--line-height: var(--text-2--line-height);
1355
+ --text-description--letter-spacing: var(--text-2--letter-spacing);
1356
+ --font-description: var(--font-sans);
1357
+ --font-weight-description: var(--font-weight-normal);
1358
+ --text-metadata: var(--text-1);
1359
+ --text-metadata--line-height: var(--text-1--line-height);
1360
+ --text-metadata--letter-spacing: var(--text-1--letter-spacing);
1361
+ --font-metadata: var(--font-sans);
1362
+ --font-weight-metadata: var(--font-weight-normal);
1363
+ --text-menu-item: var(--text-2);
1364
+ --text-menu-item--line-height: var(--text-2--line-height);
1365
+ --text-menu-item--letter-spacing: var(--text-2--letter-spacing);
1366
+ --font-menu-item: var(--font-sans);
1367
+ --font-weight-menu-item: var(--font-weight-normal);
1368
+ --spacing-control-xs: 20px;
1369
+ --spacing-control-sm: 24px;
1370
+ --spacing-control-md: 28px;
1371
+ --spacing-control-lg: 32px;
1372
+ --spacing-control-xlg: 36px;
1373
+ --spacing-control-multiline-xs: 32px;
1374
+ --spacing-control-multiline-sm: 36px;
1375
+ --spacing-control-multiline-md: 48px;
1376
+ --spacing-control-multiline-lg: 80px;
1377
+ --spacing-control-multiline-xlg: 96px;
1378
+ --spacing-icon-xs: 12px;
1379
+ --spacing-icon-sm: 14px;
1380
+ --spacing-icon-md: 14px;
1381
+ --spacing-icon-lg: 16px;
1382
+ --spacing-icon-xlg: 20px;
1383
+ --spacing-brand-logo-xs: 16px;
1384
+ --spacing-brand-logo-sm: 20px;
1385
+ --spacing-brand-logo-md: 24px;
1386
+ --spacing-brand-logo-lg: 24px;
1387
+ --spacing-brand-logo-xlg: 32px;
1388
+ --spacing-badge-close-xs: 16px;
1389
+ --spacing-badge-close-sm: 16px;
1390
+ --spacing-badge-close-md: 20px;
1391
+ --spacing-badge-close-lg: 20px;
1392
+ --spacing-badge-close-xlg: 24px;
1393
+ --spacing-checkbox-indicator-xs: 12px;
1394
+ --spacing-checkbox-indicator-sm: 14px;
1395
+ --spacing-checkbox-indicator-md: 16px;
1396
+ --spacing-checkbox-indicator-lg: 16px;
1397
+ --spacing-checkbox-indicator-xlg: 20px;
1398
+ --spacing-radio-indicator-xs: 12px;
1399
+ --spacing-radio-indicator-sm: 14px;
1400
+ --spacing-radio-indicator-md: 16px;
1401
+ --spacing-radio-indicator-lg: 16px;
1402
+ --spacing-radio-indicator-xlg: 20px;
1403
+ --spacing-radio-dot-xs: 4px;
1404
+ --spacing-radio-dot-sm: 6px;
1405
+ --spacing-radio-dot-md: 6px;
1406
+ --spacing-radio-dot-lg: 8px;
1407
+ --spacing-radio-dot-xlg: 10px;
1408
+ --spacing-switch-track-width-xs: 24px;
1409
+ --spacing-switch-track-width-sm: 28px;
1410
+ --spacing-switch-track-width-md: 36px;
1411
+ --spacing-switch-track-width-lg: 44px;
1412
+ --spacing-switch-track-width-xlg: 56px;
1413
+ --spacing-switch-track-height-xs: 14px;
1414
+ --spacing-switch-track-height-sm: 16px;
1415
+ --spacing-switch-track-height-md: 20px;
1416
+ --spacing-switch-track-height-lg: 24px;
1417
+ --spacing-switch-track-height-xlg: 28px;
1418
+ --spacing-switch-thumb-xs: 10px;
1419
+ --spacing-switch-thumb-sm: 12px;
1420
+ --spacing-switch-thumb-md: 16px;
1421
+ --spacing-switch-thumb-lg: 20px;
1422
+ --spacing-switch-thumb-xlg: 24px;
1423
+ --spacing-switch-inset: 2px;
1424
+ --spacing-switch-travel-xs: 10px;
1425
+ --spacing-switch-travel-sm: 12px;
1426
+ --spacing-switch-travel-md: 16px;
1427
+ --spacing-switch-travel-lg: 20px;
1428
+ --spacing-switch-travel-xlg: 28px;
1429
+ --spacing-slider-track-xs: 4px;
1430
+ --spacing-slider-track-sm: 4px;
1431
+ --spacing-slider-track-md: 6px;
1432
+ --spacing-slider-track-lg: 6px;
1433
+ --spacing-slider-track-xlg: 8px;
1434
+ --spacing-slider-thumb-xs: 12px;
1435
+ --spacing-slider-thumb-sm: 14px;
1436
+ --spacing-slider-thumb-md: 16px;
1437
+ --spacing-slider-thumb-lg: 18px;
1438
+ --spacing-slider-thumb-xlg: 20px;
1439
+ --spacing-scrollbar: 6px;
1440
+ --spacing-scrollbar-inset: 2px;
1441
+ --spacing-menu-item: var(--spacing-control-lg);
1442
+ --spacing-select-listbox: 256px;
1443
+ --spacing-panel-collapsed: 48px;
1444
+ --spacing-panel-resize-handle: 8px;
1445
+ --spacing-panel-resize-handle-coarse: 24px;
1446
+ --spacing-sidebar-width: 256px;
1447
+ --spacing-sidebar-drawer-width: 288px;
1448
+ --spacing-sidebar-min-width: 192px;
1449
+ --spacing-sidebar-max-width: 448px;
1450
+ --spacing-sidebar-min-height: 48px;
1451
+ --spacing-sidebar-max-height: 288px;
1452
+ --container-xs: 320px;
1453
+ --container-sm: 384px;
1454
+ --container-md: 448px;
1455
+ --container-lg: 512px;
1456
+ --container-xl: 576px;
1457
+ --container-2xl: 672px;
1458
+ --container-3xl: 768px;
1459
+ --container-4xl: 896px;
1460
+ --container-5xl: 1024px;
1461
+ --container-6xl: 1152px;
1462
+ --container-7xl: 1280px;
1463
+ --container-modal-sm: 384px;
1464
+ --container-modal-md: 512px;
1465
+ --container-modal-lg: 672px;
1466
+ --container-modal-xl: 896px;
1467
+ --spacing-panel-1-min: 160px;
1468
+ --spacing-panel-1: 192px;
1469
+ --spacing-panel-1-max: 240px;
1470
+ --spacing-panel-2-min: 192px;
1471
+ --spacing-panel-2: 240px;
1472
+ --spacing-panel-2-max: 288px;
1473
+ --spacing-panel-3-min: 240px;
1474
+ --spacing-panel-3: 320px;
1475
+ --spacing-panel-3-max: 384px;
1476
+ --spacing-panel-4-min: 288px;
1477
+ --spacing-panel-4: 384px;
1478
+ --spacing-panel-4-max: 480px;
1479
+ --spacing-panel-5-min: 320px;
1480
+ --spacing-panel-5: 480px;
1481
+ --spacing-panel-5-max: 640px;
1482
+ --spacing-panel-6-min: 384px;
1483
+ --spacing-panel-6: 640px;
1484
+ --spacing-panel-6-max: 768px;
1485
+ --spacing-icon: var(--spacing-icon-md);
1486
+ --container-prose: 65ch;
1487
+ }
1488
+
1489
+ :root, .light {
1490
+ --color-canvas: oklch(98.510365% 0 none / 1);
1491
+ --color-accent-1: oklch(98.076884% 0.004633 251.779887 / 1);
1492
+ --color-accent-a1: oklch(96.798273% 0.211006 109.769236 / 0.016);
1493
+ --color-accent-1-ink: oklch(37.417902% 0.000927 251.779887 / 1);
1494
+ --color-accent-1-ink-muted: oklch(55.484907% 0.000927 251.779887 / 1);
1495
+ --color-accent-2: oklch(97.203289% 0.013652 251.071163 / 1);
1496
+ --color-accent-a2: oklch(69.335129% 0.173266 244.652109 / 0.043);
1497
+ --color-accent-2-ink: oklch(35.643235% 0.00273 251.071163 / 1);
1498
+ --color-accent-2-ink-muted: oklch(54.889237% 0.00273 251.071163 / 1);
1499
+ --color-accent-3: oklch(94.341764% 0.029238 243.938175 / 1);
1500
+ --color-accent-a3: oklch(53.538442% 0.258239 262.526117 / 0.120607);
1501
+ --color-accent-3-ink: oklch(28.73963% 0.005848 243.938175 / 1);
1502
+ --color-accent-3-ink-muted: oklch(52.920662% 0.005848 243.938175 / 1);
1503
+ --color-accent-4: oklch(91.220975% 0.045937 243.838469 / 1);
1504
+ --color-accent-a4: oklch(65.248254% 0.191479 251.324013 / 0.261);
1505
+ --color-accent-4-ink: oklch(40.420445% 0.009187 243.838469 / 1);
1506
+ --color-accent-4-ink-muted: oklch(50.722692% 0.009187 243.838469 / 1);
1507
+ --color-accent-5: oklch(87.720316% 0.063867 246.521422 / 1);
1508
+ --color-accent-a5: oklch(58.440777% 0.225295 258.885918 / 0.329);
1509
+ --color-accent-5-ink: oklch(37.80606% 0.012773 246.521422 / 1);
1510
+ --color-accent-5-ink-muted: oklch(47.190192% 0.012773 246.521422 / 1);
1511
+ --color-accent-6: oklch(83.724511% 0.084994 248.275442 / 1);
1512
+ --color-accent-a6: oklch(52.336251% 0.259576 262.836671 / 0.394);
1513
+ --color-accent-6-ink: oklch(34.599378% 0.016999 248.275442 / 1);
1514
+ --color-accent-6-ink-muted: oklch(40.652618% 0.016999 248.275442 / 1);
1515
+ --color-accent-7: oklch(78.546593% 0.112861 250.476972 / 1);
1516
+ --color-accent-a7: oklch(44.725533% 0.309917 264.052023 / 0.469);
1517
+ --color-accent-7-ink: oklch(29.87411% 0.022572 250.476972 / 1);
1518
+ --color-accent-7-ink-muted: oklch(30.813232% 0.022572 250.476972 / 1);
1519
+ --color-accent-8: oklch(71.509921% 0.14671 251.779887 / 1);
1520
+ --color-accent-a8: oklch(44.495134% 0.308321 264.052023 / 0.561);
1521
+ --color-accent-8-ink: oklch(21.141829% 0.029342 251.779887 / 1);
1522
+ --color-accent-8-ink-muted: oklch(34.857964% 0.029342 251.779887 / 1);
1523
+ --color-accent-9: oklch(56.681703% 0.186805 255.023228 / 1);
1524
+ --color-accent-a9: oklch(39.888278% 0.276398 264.052023 / 0.822);
1525
+ --color-accent-9-ink: oklch(100% 0 none / 1);
1526
+ --color-accent-9-ink-muted: oklch(99.225893% 0.003681 255.023228 / 1);
1527
+ --color-accent-10: oklch(56.661171% 0.185317 254.803653 / 1);
1528
+ --color-accent-a10: oklch(43.357647% 0.251493 264.001023 / 0.857);
1529
+ --color-accent-10-ink: oklch(100% 0 none / 1);
1530
+ --color-accent-10-ink-muted: oklch(99.225706% 0.003686 254.803653 / 1);
1531
+ --color-accent-11: oklch(55.25987% 0.16965 252.857709 / 1);
1532
+ --color-accent-a11: oklch(50.756307% 0.185449 257.696372 / 0.945);
1533
+ --color-accent-11-ink: oklch(100% 0 none / 1);
1534
+ --color-accent-11-ink-muted: oklch(97.423302% 0.012456 252.857709 / 1);
1535
+ --color-accent-12: oklch(35.151696% 0.099995 251.779887 / 1);
1536
+ --color-accent-a12: oklch(31.839285% 0.107067 255.587419 / 0.984625);
1537
+ --color-accent-12-ink: oklch(95.69409% 0.019999 251.779887 / 1);
1538
+ --color-accent-12-ink-muted: oklch(80.689756% 0.019999 251.779887 / 1);
1539
+ --color-neutral-1: oklch(98.010365% 0 none / 1);
1540
+ --color-neutral-a1: oklch(100% 0 none / 0.016);
1541
+ --color-neutral-1-ink: oklch(20.265608% 0 none / 1);
1542
+ --color-neutral-1-ink-muted: oklch(55.432541% 0 none / 1);
1543
+ --color-neutral-2: oklch(97.010365% 0 none / 1);
1544
+ --color-neutral-a2: oklch(75.985345% 0.0417 42.653991 / 0.043);
1545
+ --color-neutral-2-ink: oklch(18.800343% 0 none / 1);
1546
+ --color-neutral-2-ink-muted: oklch(54.736186% 0 none / 1);
1547
+ --color-neutral-3: oklch(95.310365% 0 none / 1);
1548
+ --color-neutral-a3: oklch(61.752131% 0.03464 319.944721 / 0.098);
1549
+ --color-neutral-3-ink: oklch(15.701387% 0 none / 1);
1550
+ --color-neutral-3-ink-muted: oklch(53.544448% 0 none / 1);
1551
+ --color-neutral-4: oklch(93.098712% 0 none / 1);
1552
+ --color-neutral-a4: oklch(52.289138% 0.032536 53.126276 / 0.161);
1553
+ --color-neutral-4-ink: oklch(7.411513% 0 none / 1);
1554
+ --color-neutral-4-ink-muted: oklch(51.977664% 0 none / 1);
1555
+ --color-neutral-5: oklch(89.89411% 0 none / 1);
1556
+ --color-neutral-a5: oklch(29.765441% 0.053308 217.459714 / 0.229);
1557
+ --color-neutral-5-ink: oklch(0% 0 none / 1);
1558
+ --color-neutral-5-ink-muted: oklch(49.669822% 0 none / 1);
1559
+ --color-neutral-6: oklch(85.83571% 0 none / 1);
1560
+ --color-neutral-a6: oklch(0% 0 none / 0.294);
1561
+ --color-neutral-6-ink: oklch(0% 0 none / 1);
1562
+ --color-neutral-6-ink-muted: oklch(43.846308% 0 none / 1);
1563
+ --color-neutral-7: oklch(79.969903% 0 none / 1);
1564
+ --color-neutral-a7: oklch(0% 0 none / 0.423883);
1565
+ --color-neutral-7-ink: oklch(0% 0 none / 1);
1566
+ --color-neutral-7-ink-muted: oklch(33.419144% 0 none / 1);
1567
+ --color-neutral-8: oklch(71.310365% 0 none / 1);
1568
+ --color-neutral-a8: oklch(0% 0 none / 0.561);
1569
+ --color-neutral-8-ink: oklch(0% 0 none / 1);
1570
+ --color-neutral-8-ink-muted: oklch(34.675778% 0 none / 1);
1571
+ --color-neutral-9: oklch(55.552676% 0 none / 1);
1572
+ --color-neutral-a9: oklch(0% 0 none / 0.800589);
1573
+ --color-neutral-9-ink: oklch(100% 0 none / 1);
1574
+ --color-neutral-9-ink-muted: oklch(98.183363% 0 none / 1);
1575
+ --color-neutral-10: oklch(52.552676% 0 none / 1);
1576
+ --color-neutral-a10: oklch(0% 0 none / 0.830185);
1577
+ --color-neutral-10-ink: oklch(100% 0 none / 1);
1578
+ --color-neutral-10-ink-muted: oklch(93.907184% 0 none / 1);
1579
+ --color-neutral-11: oklch(18% 0 none / 1);
1580
+ --color-neutral-a11: oklch(0% 0 none / 0.945);
1581
+ --color-neutral-11-ink: oklch(96.518319% 0 none / 1);
1582
+ --color-neutral-11-ink-muted: oklch(76.292003% 0 none / 1);
1583
+ --color-neutral-12: oklch(12.382253% 0 none / 1);
1584
+ --color-neutral-a12: oklch(0% 0 none / 0.996898);
1585
+ --color-neutral-12-ink: oklch(94.063697% 0 none / 1);
1586
+ --color-neutral-12-ink-muted: oklch(76.009188% 0 none / 1);
1587
+ --color-status-danger-1: oklch(98.069998% 0.00464 23.02606 / 1);
1588
+ --color-status-danger-a1: oklch(91.770723% 0.131456 195.106403 / 0.016);
1589
+ --color-status-danger-1-ink: oklch(37.28431% 0.000928 23.02606 / 1);
1590
+ --color-status-danger-1-ink-muted: oklch(55.448234% 0.000928 23.02606 / 1);
1591
+ --color-status-danger-2: oklch(97.177392% 0.01376 23.089614 / 1);
1592
+ --color-status-danger-a2: oklch(69.422798% 0.200057 37.369828 / 0.043);
1593
+ --color-status-danger-2-ink: oklch(35.218442% 0.002752 23.089614 / 1);
1594
+ --color-status-danger-2-ink-muted: oklch(54.775761% 0.002752 23.089614 / 1);
1595
+ --color-status-danger-3: oklch(94.077157% 0.029651 23.892406 / 1);
1596
+ --color-status-danger-a3: oklch(62.795536% 0.257683 29.23388 / 0.121462);
1597
+ --color-status-danger-3-ink: oklch(26.348205% 0.00593 23.892406 / 1);
1598
+ --color-status-danger-3-ink-muted: oklch(52.50373% 0.00593 23.892406 / 1);
1599
+ --color-status-danger-4: oklch(90.835529% 0.047207 23.722787 / 1);
1600
+ --color-status-danger-a4: oklch(62.795536% 0.257683 29.23388 / 0.243837);
1601
+ --color-status-danger-4-ink: oklch(39.757247% 0.009441 23.722787 / 1);
1602
+ --color-status-danger-4-ink-muted: oklch(50.072759% 0.009441 23.722787 / 1);
1603
+ --color-status-danger-5: oklch(87.457404% 0.066638 23.329197 / 1);
1604
+ --color-status-danger-a5: oklch(62.795536% 0.257683 29.23388 / 0.329);
1605
+ --color-status-danger-5-ink: oklch(37.049477% 0.013328 23.329197 / 1);
1606
+ --color-status-danger-5-ink-muted: oklch(45.45808% 0.013328 23.329197 / 1);
1607
+ --color-status-danger-6: oklch(83.675019% 0.089935 23.106438 / 1);
1608
+ --color-status-danger-a6: oklch(61.798613% 0.253592 29.23388 / 0.394);
1609
+ --color-status-danger-6-ink: oklch(33.755962% 0.017987 23.106438 / 1);
1610
+ --color-status-danger-6-ink-muted: oklch(38.705589% 0.017987 23.106438 / 1);
1611
+ --color-status-danger-7: oklch(78.689264% 0.117357 23.02606 / 1);
1612
+ --color-status-danger-a7: oklch(59.825195% 0.245494 29.23388 / 0.469);
1613
+ --color-status-danger-7-ink: oklch(28.784749% 0.023471 23.02606 / 1);
1614
+ --color-status-danger-7-ink-muted: oklch(27.4997% 0.023471 23.02606 / 1);
1615
+ --color-status-danger-8: oklch(71.489264% 0.146938 23.02606 / 1);
1616
+ --color-status-danger-a8: oklch(55.914218% 0.229446 29.23388 / 0.561);
1617
+ --color-status-danger-8-ink: oklch(18.133391% 0.029388 23.02606 / 1);
1618
+ --color-status-danger-8-ink-muted: oklch(33.51898% 0.029388 23.02606 / 1);
1619
+ --color-status-danger-9: oklch(58.635272% 0.19334 23.02606 / 1);
1620
+ --color-status-danger-a9: oklch(51.588029% 0.211693 29.23388 / 0.822);
1621
+ --color-status-danger-9-ink: oklch(100% 0 none / 1);
1622
+ --color-status-danger-9-ink-muted: oklch(99.272326% 0.003486 23.02606 / 1);
1623
+ --color-status-danger-10: oklch(58.609826% 0.191407 23.02606 / 1);
1624
+ --color-status-danger-a10: oklch(52.102445% 0.213804 29.23388 / 0.857);
1625
+ --color-status-danger-10-ink: oklch(100% 0 none / 1);
1626
+ --color-status-danger-10-ink-muted: oklch(99.272326% 0.003486 23.02606 / 1);
1627
+ --color-status-danger-11: oklch(56.831333% 0.171879 23.02606 / 1);
1628
+ --color-status-danger-a11: oklch(50.734487% 0.20819 29.23388 / 0.923816);
1629
+ --color-status-danger-11-ink: oklch(100% 0 none / 1);
1630
+ --color-status-danger-11-ink-muted: oklch(97.186911% 0.013712 23.02606 / 1);
1631
+ --color-status-danger-12: oklch(35.572963% 0.10015 23.02606 / 1);
1632
+ --color-status-danger-a12: oklch(29.960272% 0.122943 29.23388 / 0.975455);
1633
+ --color-status-danger-12-ink: oklch(95.79983% 0.02003 23.02606 / 1);
1634
+ --color-status-danger-12-ink-muted: oklch(80.766272% 0.02003 23.02606 / 1);
1635
+ --color-status-information-1: oklch(98.076884% 0.004633 251.779887 / 1);
1636
+ --color-status-information-a1: oklch(96.798273% 0.211006 109.769236 / 0.016);
1637
+ --color-status-information-1-ink: oklch(37.417902% 0.000927 251.779887 / 1);
1638
+ --color-status-information-1-ink-muted: oklch(55.484907% 0.000927 251.779887 / 1);
1639
+ --color-status-information-2: oklch(97.203289% 0.013652 251.071163 / 1);
1640
+ --color-status-information-a2: oklch(69.335129% 0.173266 244.652109 / 0.043);
1641
+ --color-status-information-2-ink: oklch(35.643235% 0.00273 251.071163 / 1);
1642
+ --color-status-information-2-ink-muted: oklch(54.889237% 0.00273 251.071163 / 1);
1643
+ --color-status-information-3: oklch(94.341764% 0.029238 243.938175 / 1);
1644
+ --color-status-information-a3: oklch(53.538442% 0.258239 262.526117 / 0.120607);
1645
+ --color-status-information-3-ink: oklch(28.73963% 0.005848 243.938175 / 1);
1646
+ --color-status-information-3-ink-muted: oklch(52.920662% 0.005848 243.938175 / 1);
1647
+ --color-status-information-4: oklch(91.220975% 0.045937 243.838469 / 1);
1648
+ --color-status-information-a4: oklch(65.248254% 0.191479 251.324013 / 0.261);
1649
+ --color-status-information-4-ink: oklch(40.420445% 0.009187 243.838469 / 1);
1650
+ --color-status-information-4-ink-muted: oklch(50.722692% 0.009187 243.838469 / 1);
1651
+ --color-status-information-5: oklch(87.720316% 0.063867 246.521422 / 1);
1652
+ --color-status-information-a5: oklch(58.440777% 0.225295 258.885918 / 0.329);
1653
+ --color-status-information-5-ink: oklch(37.80606% 0.012773 246.521422 / 1);
1654
+ --color-status-information-5-ink-muted: oklch(47.190192% 0.012773 246.521422 / 1);
1655
+ --color-status-information-6: oklch(83.724511% 0.084994 248.275442 / 1);
1656
+ --color-status-information-a6: oklch(52.336251% 0.259576 262.836671 / 0.394);
1657
+ --color-status-information-6-ink: oklch(34.599378% 0.016999 248.275442 / 1);
1658
+ --color-status-information-6-ink-muted: oklch(40.652618% 0.016999 248.275442 / 1);
1659
+ --color-status-information-7: oklch(78.546593% 0.112861 250.476972 / 1);
1660
+ --color-status-information-a7: oklch(44.725533% 0.309917 264.052023 / 0.469);
1661
+ --color-status-information-7-ink: oklch(29.87411% 0.022572 250.476972 / 1);
1662
+ --color-status-information-7-ink-muted: oklch(30.813232% 0.022572 250.476972 / 1);
1663
+ --color-status-information-8: oklch(71.509921% 0.14671 251.779887 / 1);
1664
+ --color-status-information-a8: oklch(44.495134% 0.308321 264.052023 / 0.561);
1665
+ --color-status-information-8-ink: oklch(21.141829% 0.029342 251.779887 / 1);
1666
+ --color-status-information-8-ink-muted: oklch(34.857964% 0.029342 251.779887 / 1);
1667
+ --color-status-information-9: oklch(56.681703% 0.186805 255.023228 / 1);
1668
+ --color-status-information-a9: oklch(39.888278% 0.276398 264.052023 / 0.822);
1669
+ --color-status-information-9-ink: oklch(100% 0 none / 1);
1670
+ --color-status-information-9-ink-muted: oklch(99.225893% 0.003681 255.023228 / 1);
1671
+ --color-status-information-10: oklch(56.661171% 0.185317 254.803653 / 1);
1672
+ --color-status-information-a10: oklch(43.357647% 0.251493 264.001023 / 0.857);
1673
+ --color-status-information-10-ink: oklch(100% 0 none / 1);
1674
+ --color-status-information-10-ink-muted: oklch(99.225706% 0.003686 254.803653 / 1);
1675
+ --color-status-information-11: oklch(55.25987% 0.16965 252.857709 / 1);
1676
+ --color-status-information-a11: oklch(50.756307% 0.185449 257.696372 / 0.945);
1677
+ --color-status-information-11-ink: oklch(100% 0 none / 1);
1678
+ --color-status-information-11-ink-muted: oklch(97.423302% 0.012456 252.857709 / 1);
1679
+ --color-status-information-12: oklch(35.151696% 0.099995 251.779887 / 1);
1680
+ --color-status-information-a12: oklch(31.839285% 0.107067 255.587419 / 0.984625);
1681
+ --color-status-information-12-ink: oklch(95.69409% 0.019999 251.779887 / 1);
1682
+ --color-status-information-12-ink-muted: oklch(80.689756% 0.019999 251.779887 / 1);
1683
+ --color-status-success-1: oklch(98.043862% 0.003189 157.679534 / 1);
1684
+ --color-status-success-a1: oklch(100% 0 none / 0.016);
1685
+ --color-status-success-1-ink: oklch(37.399208% 0.000638 157.679534 / 1);
1686
+ --color-status-success-1-ink-muted: oklch(55.475102% 0.000638 157.679534 / 1);
1687
+ --color-status-success-2: oklch(97.110855% 0.009567 157.679534 / 1);
1688
+ --color-status-success-a2: oklch(77.292232% 0.185196 156.65446 / 0.043);
1689
+ --color-status-success-2-ink: oklch(35.599202% 0.001913 157.679534 / 1);
1690
+ --color-status-success-2-ink-muted: oklch(54.864443% 0.001913 157.679534 / 1);
1691
+ --color-status-success-3: oklch(94.410855% 0.02405 157.679534 / 1);
1692
+ --color-status-success-a3: oklch(62.557232% 0.212866 142.495345 / 0.11321);
1693
+ --color-status-success-3-ink: oklch(29.456564% 0.00481 157.679534 / 1);
1694
+ --color-status-success-3-ink-muted: oklch(53.057906% 0.00481 157.679534 / 1);
1695
+ --color-status-success-4: oklch(91.410855% 0.038002 157.679534 / 1);
1696
+ --color-status-success-a4: oklch(65.569977% 0.223118 142.495345 / 0.240883);
1697
+ --color-status-success-4-ink: oklch(13.131836% 0.0076 157.679534 / 1);
1698
+ --color-status-success-4-ink-muted: oklch(51.007316% 0.0076 157.679534 / 1);
1699
+ --color-status-success-5: oklch(87.910855% 0.050094 157.679534 / 1);
1700
+ --color-status-success-a5: oklch(61.89047% 0.210597 142.495345 / 0.329);
1701
+ --color-status-success-5-ink: oklch(38.187356% 0.010019 157.679534 / 1);
1702
+ --color-status-success-5-ink-muted: oklch(48.041387% 0.010019 157.679534 / 1);
1703
+ --color-status-success-6: oklch(83.910855% 0.064179 157.679534 / 1);
1704
+ --color-status-success-a6: oklch(57.080812% 0.194231 142.495345 / 0.394);
1705
+ --color-status-success-6-ink: oklch(35.121555% 0.012836 157.679534 / 1);
1706
+ --color-status-success-6-ink-muted: oklch(41.809977% 0.012836 157.679534 / 1);
1707
+ --color-status-success-7: oklch(78.610855% 0.080655 157.679534 / 1);
1708
+ --color-status-success-a7: oklch(50.791775% 0.172831 142.495345 / 0.469);
1709
+ --color-status-success-7-ink: oklch(30.575933% 0.016131 157.679534 / 1);
1710
+ --color-status-success-7-ink-muted: oklch(32.535502% 0.016131 157.679534 / 1);
1711
+ --color-status-success-8: oklch(71.410855% 0.100985 157.679534 / 1);
1712
+ --color-status-success-a8: oklch(43.909338% 0.149412 142.495345 / 0.561);
1713
+ --color-status-success-8-ink: oklch(22.549085% 0.020197 157.679534 / 1);
1714
+ --color-status-success-8-ink-muted: oklch(35.636643% 0.020197 157.679534 / 1);
1715
+ --color-status-success-9: oklch(54.761455% 0.1304 156.995342 / 1);
1716
+ --color-status-success-a9: oklch(41.061982% 0.139723 142.495345 / 0.822);
1717
+ --color-status-success-9-ink: oklch(100% 0 none / 1);
1718
+ --color-status-success-9-ink-muted: oklch(99.066213% 0.013733 156.995342 / 1);
1719
+ --color-status-success-10: oklch(54.764489% 0.129885 157.218192 / 1);
1720
+ --color-status-success-a10: oklch(43.785284% 0.14899 142.495345 / 0.857);
1721
+ --color-status-success-10-ink: oklch(100% 0 none / 1);
1722
+ --color-status-success-10-ink-muted: oklch(99.066299% 0.013709 157.218192 / 1);
1723
+ --color-status-success-11: oklch(53.50073% 0.118126 157.679534 / 1);
1724
+ --color-status-success-a11: oklch(48.174496% 0.14582 146.334155 / 0.945);
1725
+ --color-status-success-11-ink: oklch(100% 0 none / 1);
1726
+ --color-status-success-11-ink-muted: oklch(96.939894% 0.023625 157.679534 / 1);
1727
+ --color-status-success-12: oklch(34.498218% 0.068829 157.679534 / 1);
1728
+ --color-status-success-a12: oklch(28.011232% 0.095315 142.495345 / 0.978583);
1729
+ --color-status-success-12-ink: oklch(95.56242% 0.013766 157.679534 / 1);
1730
+ --color-status-success-12-ink-muted: oklch(80.555225% 0.013766 157.679534 / 1);
1731
+ --color-status-warning-1: oklch(98.189696% 0.003773 84.129977 / 1);
1732
+ --color-status-warning-a1: oklch(100% 0 none / 0.016);
1733
+ --color-status-warning-1-ink: oklch(37.625467% 0.000755 84.129977 / 1);
1734
+ --color-status-warning-1-ink-muted: oklch(55.556923% 0.000755 84.129977 / 1);
1735
+ --color-status-warning-2: oklch(97.548357% 0.011319 84.129977 / 1);
1736
+ --color-status-warning-a2: oklch(81.633652% 0.166826 90.06612 / 0.043);
1737
+ --color-status-warning-2-ink: oklch(36.295528% 0.002264 84.129977 / 1);
1738
+ --color-status-warning-2-ink-muted: oklch(55.11015% 0.002264 84.129977 / 1);
1739
+ --color-status-warning-3: oklch(94.848357% 0.028454 84.129977 / 1);
1740
+ --color-status-warning-a3: oklch(74.167072% 0.151576 88.492062 / 0.146267);
1741
+ --color-status-warning-3-ink: oklch(29.919685% 0.005691 84.129977 / 1);
1742
+ --color-status-warning-3-ink-muted: oklch(53.212185% 0.005691 84.129977 / 1);
1743
+ --color-status-warning-4: oklch(91.848357% 0.044961 84.129977 / 1);
1744
+ --color-status-warning-a4: oklch(72.396279% 0.147948 88.752833 / 0.261);
1745
+ --color-status-warning-4-ink: oklch(9.538387% 0.008992 84.129977 / 1);
1746
+ --color-status-warning-4-ink-muted: oklch(51.066118% 0.008992 84.129977 / 1);
1747
+ --color-status-warning-5: oklch(88.348357% 0.059267 84.129977 / 1);
1748
+ --color-status-warning-a5: oklch(65.257887% 0.133419 87.570725 / 0.329);
1749
+ --color-status-warning-5-ink: oklch(38.149322% 0.011853 84.129977 / 1);
1750
+ --color-status-warning-5-ink-muted: oklch(47.829109% 0.011853 84.129977 / 1);
1751
+ --color-status-warning-6: oklch(84.348357% 0.075931 84.129977 / 1);
1752
+ --color-status-warning-a6: oklch(58.464905% 0.120709 81.172745 / 0.394);
1753
+ --color-status-warning-6-ink: oklch(34.94221% 0.015186 84.129977 / 1);
1754
+ --color-status-warning-6-ink-muted: oklch(41.266926% 0.015186 84.129977 / 1);
1755
+ --color-status-warning-7: oklch(79.048357% 0.095425 84.129977 / 1);
1756
+ --color-status-warning-a7: oklch(49.23687% 0.104461 73.787219 / 0.469);
1757
+ --color-status-warning-7-ink: oklch(30.146925% 0.019085 84.129977 / 1);
1758
+ --color-status-warning-7-ink-muted: oklch(31.305357% 0.019085 84.129977 / 1);
1759
+ --color-status-warning-8: oklch(71.848357% 0.119477 84.129977 / 1);
1760
+ --color-status-warning-a8: oklch(40.582045% 0.090779 65.379278 / 0.561);
1761
+ --color-status-warning-8-ink: oklch(21.318047% 0.023895 84.129977 / 1);
1762
+ --color-status-warning-8-ink-muted: oklch(34.994276% 0.023895 84.129977 / 1);
1763
+ --color-status-warning-9: oklch(85.369678% 0.157207 84.129977 / 1);
1764
+ --color-status-warning-a9: oklch(83.429103% 0.170606 87.223866 / 0.822);
1765
+ --color-status-warning-9-ink: oklch(35.612648% 0.031441 84.129977 / 1);
1766
+ --color-status-warning-9-ink-muted: oklch(42.75709% 0.03 84.129977 / 1);
1767
+ --color-status-warning-10: oklch(82.369678% 0.155635 84.129977 / 1);
1768
+ --color-status-warning-a10: oklch(80.192778% 0.164245 85.519609 / 0.857);
1769
+ --color-status-warning-10-ink: oklch(33.069817% 0.031127 84.129977 / 1);
1770
+ --color-status-warning-10-ink-muted: oklch(37.563751% 0.03 84.129977 / 1);
1771
+ --color-status-warning-11: oklch(55.666518% 0.115491 79.432947 / 1);
1772
+ --color-status-warning-a11: oklch(51.857569% 0.108211 77.702583 / 0.945);
1773
+ --color-status-warning-11-ink: oklch(100% 0 none / 1);
1774
+ --color-status-warning-11-ink-muted: oklch(97.832352% 0.01928 79.432947 / 1);
1775
+ --color-status-warning-12: oklch(36.267297% 0.07484 81.380682 / 1);
1776
+ --color-status-warning-a12: oklch(34.325376% 0.070675 82.348823 / 0.989083);
1777
+ --color-status-warning-12-ink: oklch(96.000596% 0.014968 81.380682 / 1);
1778
+ --color-status-warning-12-ink-muted: oklch(81.036515% 0.014968 81.380682 / 1);
1779
+ }
1780
+
1781
+ .dark {
1782
+ --color-canvas: oklch(20.462653% 0 none / 1);
1783
+ --color-accent-1: oklch(20.921299% 0.020655 251.779887 / 1);
1784
+ --color-accent-a1: oklch(20.479639% 0.14191 264.052023 / 0.02);
1785
+ --color-accent-1-ink: oklch(92.238009% 0.004131 251.779887 / 1);
1786
+ --color-accent-1-ink-muted: oklch(76.626104% 0.004131 251.779887 / 1);
1787
+ --color-accent-2: oklch(22.195498% 0.02857 251.779887 / 1);
1788
+ --color-accent-a2: oklch(35.312205% 0.105125 251.825641 / 0.047);
1789
+ --color-accent-2-ink: oklch(92.401446% 0.005714 251.779887 / 1);
1790
+ --color-accent-2-ink-muted: oklch(76.820005% 0.005714 251.779887 / 1);
1791
+ --color-accent-3: oklch(27.93859% 0.059456 251.779887 / 1);
1792
+ --color-accent-a3: oklch(47.81858% 0.135109 249.93113 / 0.125);
1793
+ --color-accent-3-ink: oklch(93.446468% 0.011891 251.779887 / 1);
1794
+ --color-accent-3-ink-muted: oklch(78.054622% 0.011891 251.779887 / 1);
1795
+ --color-accent-4: oklch(32.73859% 0.086868 251.779887 / 1);
1796
+ --color-accent-a4: oklch(54.24105% 0.165297 252.615383 / 0.176);
1797
+ --color-accent-4-ink: oklch(94.804179% 0.017374 251.779887 / 1);
1798
+ --color-accent-4-ink-muted: oklch(79.649464% 0.017374 251.779887 / 1);
1799
+ --color-accent-5: oklch(36.93859% 0.097292 251.779887 / 1);
1800
+ --color-accent-a5: oklch(56.889903% 0.165035 250.91057 / 0.235);
1801
+ --color-accent-5-ink: oklch(96.345877% 0.01783 251.779887 / 1);
1802
+ --color-accent-5-ink-muted: oklch(81.443793% 0.019458 251.779887 / 1);
1803
+ --color-accent-6: oklch(41.73859% 0.10096 251.779887 / 1);
1804
+ --color-accent-a6: oklch(60.714355% 0.156315 250.804802 / 0.294);
1805
+ --color-accent-6-ink: oklch(98.332357% 0.008075 251.779887 / 1);
1806
+ --color-accent-6-ink-muted: oklch(83.715469% 0.020192 251.779887 / 1);
1807
+ --color-accent-7: oklch(47.63859% 0.11428 251.779887 / 1);
1808
+ --color-accent-a7: oklch(64.930737% 0.16113 251.390213 / 0.373);
1809
+ --color-accent-7-ink: oklch(100% 0 none / 1);
1810
+ --color-accent-7-ink-muted: oklch(87.061519% 0.022856 251.779887 / 1);
1811
+ --color-accent-8: oklch(55.93859% 0.139761 251.779887 / 1);
1812
+ --color-accent-a8: oklch(69.789491% 0.164974 249.756798 / 0.482);
1813
+ --color-accent-8-ink: oklch(100% 0 none / 1);
1814
+ --color-accent-8-ink-muted: oklch(98.678032% 0.006393 251.779887 / 1);
1815
+ --color-accent-9: oklch(56.681703% 0.186805 255.023228 / 1);
1816
+ --color-accent-a9: oklch(61.782039% 0.204797 255.187757 / 0.765);
1817
+ --color-accent-9-ink: oklch(100% 0 none / 1);
1818
+ --color-accent-9-ink-muted: oklch(99.225893% 0.003681 255.023228 / 1);
1819
+ --color-accent-10: oklch(56.580378% 0.179418 253.881535 / 1);
1820
+ --color-accent-a10: oklch(60.675658% 0.193141 253.998262 / 0.804);
1821
+ --color-accent-10-ink: oklch(100% 0 none / 1);
1822
+ --color-accent-10-ink-muted: oklch(99.22492% 0.003703 253.881535 / 1);
1823
+ --color-accent-11: oklch(75.932957% 0.129993 247.644507 / 1);
1824
+ --color-accent-a11: oklch(77.631661% 0.121666 245.605952 / 0.898);
1825
+ --color-accent-11-ink: oklch(27.191376% 0.025999 247.644507 / 1);
1826
+ --color-accent-11-ink-muted: oklch(22.951656% 0.025999 247.644507 / 1);
1827
+ --color-accent-12: oklch(91.955441% 0.042718 241.682235 / 1);
1828
+ --color-accent-a12: oklch(92.79171% 0.038801 239.79885 / 0.965);
1829
+ --color-accent-12-ink: oklch(17.46334% 0.008544 241.682235 / 1);
1830
+ --color-accent-12-ink-muted: oklch(51.255649% 0.008544 241.682235 / 1);
1831
+ --color-neutral-1: oklch(20.962653% 0 none / 1);
1832
+ --color-neutral-a1: oklch(0% 0 none / 0.02);
1833
+ --color-neutral-1-ink: oklch(92.241026% 0 none / 1);
1834
+ --color-neutral-1-ink-muted: oklch(76.627627% 0 none / 1);
1835
+ --color-neutral-2: oklch(22.462653% 0 none / 1);
1836
+ --color-neutral-a2: oklch(34.3079% 0.016055 196.427263 / 0.047);
1837
+ --color-neutral-2-ink: oklch(92.431093% 0 none / 1);
1838
+ --color-neutral-2-ink-muted: oklch(76.852224% 0 none / 1);
1839
+ --color-neutral-3: oklch(27.562653% 0 none / 1);
1840
+ --color-neutral-a3: oklch(46.196358% 0.002178 197.081633 / 0.125);
1841
+ --color-neutral-3-ink: oklch(93.323879% 0 none / 1);
1842
+ --color-neutral-3-ink-muted: oklch(77.904811% 0 none / 1);
1843
+ --color-neutral-4: oklch(31.362653% 0 none / 1);
1844
+ --color-neutral-a4: oklch(50.507823% 0.001822 197.099619 / 0.176);
1845
+ --color-neutral-4-ink: oklch(94.265922% 0 none / 1);
1846
+ --color-neutral-4-ink-muted: oklch(79.011315% 0 none / 1);
1847
+ --color-neutral-5: oklch(34.562653% 0 none / 1);
1848
+ --color-neutral-a5: oklch(52.306176% 0.001698 197.105464 / 0.235);
1849
+ --color-neutral-5-ink: oklch(95.340033% 0 none / 1);
1850
+ --color-neutral-5-ink-muted: oklch(80.267958% 0 none / 1);
1851
+ --color-neutral-6: oklch(39.355783% 0 none / 1);
1852
+ --color-neutral-a6: oklch(56.829515% 0.000719 197.137733 / 0.294);
1853
+ --color-neutral-6-ink: oklch(97.200807% 0 none / 1);
1854
+ --color-neutral-6-ink-muted: oklch(82.433067% 0 none / 1);
1855
+ --color-neutral-7: oklch(46.024892% 0 none / 1);
1856
+ --color-neutral-a7: oklch(62.536445% 0.000594 197.142885 / 0.373);
1857
+ --color-neutral-7-ink: oklch(99.411838% 0 none / 1);
1858
+ --color-neutral-7-ink-muted: oklch(85.851779% 0 none / 1);
1859
+ --color-neutral-8: oklch(56.062653% 0 none / 1);
1860
+ --color-neutral-a8: oklch(70.81652% 0 none / 0.482);
1861
+ --color-neutral-8-ink: oklch(100% 0 none / 1);
1862
+ --color-neutral-8-ink-muted: oklch(98.919277% 0 none / 1);
1863
+ --color-neutral-9: oklch(55.552676% 0 none / 1);
1864
+ --color-neutral-a9: oklch(60.47082% 0 none / 0.765);
1865
+ --color-neutral-9-ink: oklch(100% 0 none / 1);
1866
+ --color-neutral-9-ink-muted: oklch(98.183363% 0 none / 1);
1867
+ --color-neutral-10: oklch(56.27973% 0 none / 1);
1868
+ --color-neutral-a10: oklch(60.308751% 0 none / 0.804);
1869
+ --color-neutral-10-ink: oklch(100% 0 none / 1);
1870
+ --color-neutral-10-ink-muted: oklch(99.233267% 0 none / 1);
1871
+ --color-neutral-11: oklch(86% 0 none / 1);
1872
+ --color-neutral-a11: oklch(89.093811% 0 none / 0.898);
1873
+ --color-neutral-11-ink: oklch(36.344431% 0 none / 1);
1874
+ --color-neutral-11-ink-muted: oklch(44.11623% 0 none / 1);
1875
+ --color-neutral-12: oklch(92.431093% 0 none / 1);
1876
+ --color-neutral-a12: oklch(93.521911% 0 none / 0.965);
1877
+ --color-neutral-12-ink: oklch(19.79752% 0 none / 1);
1878
+ --color-neutral-12-ink-muted: oklch(51.500747% 0 none / 1);
1879
+ --color-status-danger-1: oklch(20.917018% 0.020687 23.02606 / 1);
1880
+ --color-status-danger-a1: oklch(27.635722% 0.113404 29.23388 / 0.02);
1881
+ --color-status-danger-1-ink: oklch(92.270203% 0.004137 23.02606 / 1);
1882
+ --color-status-danger-1-ink-muted: oklch(76.653643% 0.004137 23.02606 / 1);
1883
+ --color-status-danger-2: oklch(22.190453% 0.028614 23.02606 / 1);
1884
+ --color-status-danger-a2: oklch(33.371949% 0.136943 29.23388 / 0.047);
1885
+ --color-status-danger-2-ink: oklch(92.443089% 0.005723 23.02606 / 1);
1886
+ --color-status-danger-2-ink-muted: oklch(76.854703% 0.005723 23.02606 / 1);
1887
+ --color-status-danger-3: oklch(27.925747% 0.059549 23.02606 / 1);
1888
+ --color-status-danger-a3: oklch(47.243958% 0.141975 23.79909 / 0.125);
1889
+ --color-status-danger-3-ink: oklch(93.494673% 0.01191 23.02606 / 1);
1890
+ --color-status-danger-3-ink-muted: oklch(78.081898% 0.01191 23.02606 / 1);
1891
+ --color-status-danger-4: oklch(32.725747% 0.087003 23.02606 / 1);
1892
+ --color-status-danger-a4: oklch(53.573623% 0.169405 25.454358 / 0.176);
1893
+ --color-status-danger-4-ink: oklch(94.790301% 0.017401 23.02606 / 1);
1894
+ --color-status-danger-4-ink-muted: oklch(79.591597% 0.017401 23.02606 / 1);
1895
+ --color-status-danger-5: oklch(36.925747% 0.097443 23.02606 / 1);
1896
+ --color-status-danger-a5: oklch(56.752685% 0.166333 24.228836 / 0.235);
1897
+ --color-status-danger-5-ink: oklch(96.255986% 0.018393 23.02606 / 1);
1898
+ --color-status-danger-5-ink-muted: oklch(81.313084% 0.019489 23.02606 / 1);
1899
+ --color-status-danger-6: oklch(41.725747% 0.101117 23.02606 / 1);
1900
+ --color-status-danger-a6: oklch(60.720412% 0.156712 23.806921 / 0.294);
1901
+ --color-status-danger-6-ink: oklch(98.029229% 0.009539 23.02606 / 1);
1902
+ --color-status-danger-6-ink-muted: oklch(83.493073% 0.020223 23.02606 / 1);
1903
+ --color-status-danger-7: oklch(47.625747% 0.114457 23.02606 / 1);
1904
+ --color-status-danger-a7: oklch(64.91049% 0.161707 23.22664 / 0.373);
1905
+ --color-status-danger-7-ink: oklch(99.781227% 0.001044 23.02606 / 1);
1906
+ --color-status-danger-7-ink-muted: oklch(86.515379% 0.022891 23.02606 / 1);
1907
+ --color-status-danger-8: oklch(55.925747% 0.139978 23.02606 / 1);
1908
+ --color-status-danger-a8: oklch(70.646488% 0.180093 23.132027 / 0.482);
1909
+ --color-status-danger-8-ink: oklch(100% 0 none / 1);
1910
+ --color-status-danger-8-ink-muted: oklch(96.514025% 0.017088 23.02606 / 1);
1911
+ --color-status-danger-9: oklch(58.635272% 0.19334 23.02606 / 1);
1912
+ --color-status-danger-a9: oklch(63.870922% 0.212248 23.092595 / 0.765);
1913
+ --color-status-danger-9-ink: oklch(100% 0 none / 1);
1914
+ --color-status-danger-9-ink-muted: oklch(99.272326% 0.003486 23.02606 / 1);
1915
+ --color-status-danger-10: oklch(58.508422% 0.183673 23.02606 / 1);
1916
+ --color-status-danger-a10: oklch(62.723398% 0.198178 23.077162 / 0.804);
1917
+ --color-status-danger-10-ink: oklch(100% 0 none / 1);
1918
+ --color-status-danger-10-ink-muted: oklch(99.272326% 0.003486 23.02606 / 1);
1919
+ --color-status-danger-11: oklch(76.851326% 0.136711 22.908814 / 1);
1920
+ --color-status-danger-a11: oklch(78.425088% 0.125337 22.763785 / 0.898);
1921
+ --color-status-danger-11-ink: oklch(26.527216% 0.027342 22.908814 / 1);
1922
+ --color-status-danger-11-ink-muted: oklch(18.69908% 0.027342 22.908814 / 1);
1923
+ --color-status-danger-12: oklch(91.961979% 0.041 24.327399 / 1);
1924
+ --color-status-danger-a12: oklch(92.811491% 0.036411 25.120203 / 0.965);
1925
+ --color-status-danger-12-ink: oklch(40.623957% 0.0082 24.327399 / 1);
1926
+ --color-status-danger-12-ink-muted: oklch(50.925684% 0.0082 24.327399 / 1);
1927
+ --color-status-information-1: oklch(20.921299% 0.020655 251.779887 / 1);
1928
+ --color-status-information-a1: oklch(20.479639% 0.14191 264.052023 / 0.02);
1929
+ --color-status-information-1-ink: oklch(92.238009% 0.004131 251.779887 / 1);
1930
+ --color-status-information-1-ink-muted: oklch(76.626104% 0.004131 251.779887 / 1);
1931
+ --color-status-information-2: oklch(22.195498% 0.02857 251.779887 / 1);
1932
+ --color-status-information-a2: oklch(35.312205% 0.105125 251.825641 / 0.047);
1933
+ --color-status-information-2-ink: oklch(92.401446% 0.005714 251.779887 / 1);
1934
+ --color-status-information-2-ink-muted: oklch(76.820005% 0.005714 251.779887 / 1);
1935
+ --color-status-information-3: oklch(27.93859% 0.059456 251.779887 / 1);
1936
+ --color-status-information-a3: oklch(47.81858% 0.135109 249.93113 / 0.125);
1937
+ --color-status-information-3-ink: oklch(93.446468% 0.011891 251.779887 / 1);
1938
+ --color-status-information-3-ink-muted: oklch(78.054622% 0.011891 251.779887 / 1);
1939
+ --color-status-information-4: oklch(32.73859% 0.086868 251.779887 / 1);
1940
+ --color-status-information-a4: oklch(54.24105% 0.165297 252.615383 / 0.176);
1941
+ --color-status-information-4-ink: oklch(94.804179% 0.017374 251.779887 / 1);
1942
+ --color-status-information-4-ink-muted: oklch(79.649464% 0.017374 251.779887 / 1);
1943
+ --color-status-information-5: oklch(36.93859% 0.097292 251.779887 / 1);
1944
+ --color-status-information-a5: oklch(56.889903% 0.165035 250.91057 / 0.235);
1945
+ --color-status-information-5-ink: oklch(96.345877% 0.01783 251.779887 / 1);
1946
+ --color-status-information-5-ink-muted: oklch(81.443793% 0.019458 251.779887 / 1);
1947
+ --color-status-information-6: oklch(41.73859% 0.10096 251.779887 / 1);
1948
+ --color-status-information-a6: oklch(60.714355% 0.156315 250.804802 / 0.294);
1949
+ --color-status-information-6-ink: oklch(98.332357% 0.008075 251.779887 / 1);
1950
+ --color-status-information-6-ink-muted: oklch(83.715469% 0.020192 251.779887 / 1);
1951
+ --color-status-information-7: oklch(47.63859% 0.11428 251.779887 / 1);
1952
+ --color-status-information-a7: oklch(64.930737% 0.16113 251.390213 / 0.373);
1953
+ --color-status-information-7-ink: oklch(100% 0 none / 1);
1954
+ --color-status-information-7-ink-muted: oklch(87.061519% 0.022856 251.779887 / 1);
1955
+ --color-status-information-8: oklch(55.93859% 0.139761 251.779887 / 1);
1956
+ --color-status-information-a8: oklch(69.789491% 0.164974 249.756798 / 0.482);
1957
+ --color-status-information-8-ink: oklch(100% 0 none / 1);
1958
+ --color-status-information-8-ink-muted: oklch(98.678032% 0.006393 251.779887 / 1);
1959
+ --color-status-information-9: oklch(56.681703% 0.186805 255.023228 / 1);
1960
+ --color-status-information-a9: oklch(61.782039% 0.204797 255.187757 / 0.765);
1961
+ --color-status-information-9-ink: oklch(100% 0 none / 1);
1962
+ --color-status-information-9-ink-muted: oklch(99.225893% 0.003681 255.023228 / 1);
1963
+ --color-status-information-10: oklch(56.580378% 0.179418 253.881535 / 1);
1964
+ --color-status-information-a10: oklch(60.675658% 0.193141 253.998262 / 0.804);
1965
+ --color-status-information-10-ink: oklch(100% 0 none / 1);
1966
+ --color-status-information-10-ink-muted: oklch(99.22492% 0.003703 253.881535 / 1);
1967
+ --color-status-information-11: oklch(75.932957% 0.129993 247.644507 / 1);
1968
+ --color-status-information-a11: oklch(77.631661% 0.121666 245.605952 / 0.898);
1969
+ --color-status-information-11-ink: oklch(27.191376% 0.025999 247.644507 / 1);
1970
+ --color-status-information-11-ink-muted: oklch(22.951656% 0.025999 247.644507 / 1);
1971
+ --color-status-information-12: oklch(91.955441% 0.042718 241.682235 / 1);
1972
+ --color-status-information-a12: oklch(92.79171% 0.038801 239.79885 / 0.965);
1973
+ --color-status-information-12-ink: oklch(17.46334% 0.008544 241.682235 / 1);
1974
+ --color-status-information-12-ink-muted: oklch(51.255649% 0.008544 241.682235 / 1);
1975
+ --color-status-success-1: oklch(20.940932% 0.014218 157.679534 / 1);
1976
+ --color-status-success-a1: oklch(19.591086% 0.03559 179.810979 / 0.02);
1977
+ --color-status-success-1-ink: oklch(92.228749% 0.002844 157.679534 / 1);
1978
+ --color-status-success-1-ink-muted: oklch(76.619437% 0.002844 157.679534 / 1);
1979
+ --color-status-success-2: oklch(22.338503% 0.019666 157.679534 / 1);
1980
+ --color-status-success-a2: oklch(34.655288% 0.094478 150.428435 / 0.047);
1981
+ --color-status-success-2-ink: oklch(92.407825% 0.003933 157.679534 / 1);
1982
+ --color-status-success-2-ink-muted: oklch(76.833434% 0.003933 157.679534 / 1);
1983
+ --color-status-success-3: oklch(27.997491% 0.040926 157.679534 / 1);
1984
+ --color-status-success-a3: oklch(47.48278% 0.100126 158.433394 / 0.125);
1985
+ --color-status-success-3-ink: oklch(93.466356% 0.008185 157.679534 / 1);
1986
+ --color-status-success-3-ink-muted: oklch(78.089943% 0.008185 157.679534 / 1);
1987
+ --color-status-success-4: oklch(32.797491% 0.059794 157.679534 / 1);
1988
+ --color-status-success-a4: oklch(53.691016% 0.119699 157.894009 / 0.176);
1989
+ --color-status-success-4-ink: oklch(94.904461% 0.011959 157.679534 / 1);
1990
+ --color-status-success-4-ink-muted: oklch(79.783536% 0.011959 157.679534 / 1);
1991
+ --color-status-success-5: oklch(36.997491% 0.066969 157.679534 / 1);
1992
+ --color-status-success-a5: oklch(56.887883% 0.115676 157.640944 / 0.235);
1993
+ --color-status-success-5-ink: oklch(96.496254% 0.013394 157.679534 / 1);
1994
+ --color-status-success-5-ink-muted: oklch(81.641349% 0.013394 157.679534 / 1);
1995
+ --color-status-success-6: oklch(41.797491% 0.069494 157.679534 / 1);
1996
+ --color-status-success-a6: oklch(60.841675% 0.108338 157.660028 / 0.294);
1997
+ --color-status-success-6-ink: oklch(98.509233% 0.013899 157.679534 / 1);
1998
+ --color-status-success-6-ink-muted: oklch(83.972989% 0.013899 157.679534 / 1);
1999
+ --color-status-success-7: oklch(47.697491% 0.078662 157.679534 / 1);
2000
+ --color-status-success-a7: oklch(65.007154% 0.111551 157.668655 / 0.373);
2001
+ --color-status-success-7-ink: oklch(100% 0 none / 1);
2002
+ --color-status-success-7-ink-muted: oklch(88.281893% 0.015732 157.679534 / 1);
2003
+ --color-status-success-8: oklch(55.997491% 0.096202 157.679534 / 1);
2004
+ --color-status-success-a8: oklch(70.736247% 0.124016 157.673769 / 0.482);
2005
+ --color-status-success-8-ink: oklch(0% 0 none / 1);
2006
+ --color-status-success-8-ink-muted: oklch(13.456377% 0.01924 157.679534 / 1);
2007
+ --color-status-success-9: oklch(54.761455% 0.1304 156.995342 / 1);
2008
+ --color-status-success-a9: oklch(59.654058% 0.142656 156.76118 / 0.765);
2009
+ --color-status-success-9-ink: oklch(100% 0 none / 1);
2010
+ --color-status-success-9-ink-muted: oklch(99.066213% 0.013733 156.995342 / 1);
2011
+ --color-status-success-10: oklch(54.799979% 0.126232 157.679534 / 1);
2012
+ --color-status-success-a10: oklch(58.706701% 0.136486 157.675703 / 0.804);
2013
+ --color-status-success-10-ink: oklch(100% 0 none / 1);
2014
+ --color-status-success-10-ink-muted: oklch(99.066477% 0.01366 157.679534 / 1);
2015
+ --color-status-success-11: oklch(75.524628% 0.105769 157.679534 / 1);
2016
+ --color-status-success-a11: oklch(78.22263% 0.109703 157.679229 / 0.898);
2017
+ --color-status-success-11-ink: oklch(27.687557% 0.021154 157.679534 / 1);
2018
+ --color-status-success-11-ink-muted: oklch(25.047527% 0.021154 157.679534 / 1);
2019
+ --color-status-success-12: oklch(92.002315% 0.036806 157.679534 / 1);
2020
+ --color-status-success-a12: oklch(93.087984% 0.037235 157.679499 / 0.965);
2021
+ --color-status-success-12-ink: oklch(19.867544% 0.007361 157.679534 / 1);
2022
+ --color-status-success-12-ink-muted: oklch(51.423995% 0.007361 157.679534 / 1);
2023
+ --color-status-warning-1: oklch(20.948603% 0.016821 84.129977 / 1);
2024
+ --color-status-warning-a1: oklch(25.006332% 0.054409 69.298955 / 0.02);
2025
+ --color-status-warning-1-ink: oklch(92.242276% 0.003364 84.129977 / 1);
2026
+ --color-status-warning-1-ink-muted: oklch(76.629085% 0.003364 84.129977 / 1);
2027
+ --color-status-warning-2: oklch(22.303061% 0.023267 84.129977 / 1);
2028
+ --color-status-warning-a2: oklch(38.184812% 0.080171 76.112723 / 0.047);
2029
+ --color-status-warning-2-ink: oklch(92.414459% 0.004653 84.129977 / 1);
2030
+ --color-status-warning-2-ink-muted: oklch(76.832544% 0.004653 84.129977 / 1);
2031
+ --color-status-warning-3: oklch(28.020502% 0.04842 84.129977 / 1);
2032
+ --color-status-warning-a3: oklch(50.127754% 0.10245 88.381541 / 0.125);
2033
+ --color-status-warning-3-ink: oklch(93.44049% 0.009684 84.129977 / 1);
2034
+ --color-status-warning-3-ink-muted: oklch(78.041902% 0.009684 84.129977 / 1);
2035
+ --color-status-warning-4: oklch(32.855788% 0.0676 82.694417 / 1);
2036
+ --color-status-warning-a4: oklch(55.552674% 0.114073 83.739134 / 0.176);
2037
+ --color-status-warning-4-ink: oklch(94.768439% 0.01352 82.694417 / 1);
2038
+ --color-status-warning-4-ink-muted: oklch(79.598956% 0.01352 82.694417 / 1);
2039
+ --color-status-warning-5: oklch(37.054542% 0.076206 82.906101 / 1);
2040
+ --color-status-warning-a5: oklch(57.611344% 0.118384 83.347621 / 0.235);
2041
+ --color-status-warning-5-ink: oklch(96.303844% 0.015241 82.906101 / 1);
2042
+ --color-status-warning-5-ink-muted: oklch(81.39034% 0.015241 82.906101 / 1);
2043
+ --color-status-warning-6: oklch(41.820502% 0.082219 84.129977 / 1);
2044
+ --color-status-warning-a6: oklch(61.497343% 0.125909 85.833525 / 0.294);
2045
+ --color-status-warning-6-ink: oklch(98.256252% 0.016444 84.129977 / 1);
2046
+ --color-status-warning-6-ink-muted: oklch(83.654598% 0.016444 84.129977 / 1);
2047
+ --color-status-warning-7: oklch(47.720502% 0.093067 84.129977 / 1);
2048
+ --color-status-warning-a7: oklch(65.04112% 0.133369 84.629105 / 0.373);
2049
+ --color-status-warning-7-ink: oklch(100% 0 none / 1);
2050
+ --color-status-warning-7-ink-muted: oklch(86.983354% 0.018613 84.129977 / 1);
2051
+ --color-status-warning-8: oklch(56.020502% 0.113818 84.129977 / 1);
2052
+ --color-status-warning-a8: oklch(70.98496% 0.145579 84.522598 / 0.482);
2053
+ --color-status-warning-8-ink: oklch(100% 0 none / 1);
2054
+ --color-status-warning-8-ink-muted: oklch(98.501776% 0.015254 84.129977 / 1);
2055
+ --color-status-warning-9: oklch(85.369678% 0.157207 84.129977 / 1);
2056
+ --color-status-warning-a9: oklch(88.395827% 0.156482 91.217844 / 0.865);
2057
+ --color-status-warning-9-ink: oklch(35.612648% 0.031441 84.129977 / 1);
2058
+ --color-status-warning-9-ink-muted: oklch(42.75709% 0.03 84.129977 / 1);
2059
+ --color-status-warning-10: oklch(88.267406% 0.145791 89.020098 / 1);
2060
+ --color-status-warning-a10: oklch(90.97612% 0.145403 95.328293 / 0.879663);
2061
+ --color-status-warning-10-ink: oklch(38.031102% 0.029158 89.020098 / 1);
2062
+ --color-status-warning-10-ink-muted: oklch(47.689677% 0.029158 89.020098 / 1);
2063
+ --color-status-warning-11: oklch(76.965573% 0.125137 84.129977 / 1);
2064
+ --color-status-warning-a11: oklch(79.718501% 0.129813 84.141302 / 0.898);
2065
+ --color-status-warning-11-ink: oklch(27.92169% 0.025027 84.129977 / 1);
2066
+ --color-status-warning-11-ink-muted: oklch(25.159437% 0.025027 84.129977 / 1);
2067
+ --color-status-warning-12: oklch(92.432169% 0.043546 84.129977 / 1);
2068
+ --color-status-warning-a12: oklch(93.523117% 0.044054 84.131212 / 0.965);
2069
+ --color-status-warning-12-ink: oklch(19.670264% 0.008709 84.129977 / 1);
2070
+ --color-status-warning-12-ink-muted: oklch(51.485937% 0.008709 84.129977 / 1);
2071
+ }
2072
+
2073
+ @media (color-gamut: p3) {
2074
+ :root, .light {
2075
+ --color-canvas: oklch(98.510365% 0 none / 1);
2076
+ --color-accent-1: oklch(98.076884% 0.004633 251.779887 / 1);
2077
+ --color-accent-a1: oklch(96.476412% 0.245031 110.22981 / 0.016);
2078
+ --color-accent-1-ink: oklch(37.417902% 0.000927 251.779887 / 1);
2079
+ --color-accent-1-ink-muted: oklch(55.484907% 0.000927 251.779887 / 1);
2080
+ --color-accent-2: oklch(97.209921% 0.013899 251.779887 / 1);
2081
+ --color-accent-a2: oklch(70.426721% 0.194017 234.195254 / 0.043);
2082
+ --color-accent-2-ink: oklch(35.654414% 0.00278 251.779887 / 1);
2083
+ --color-accent-2-ink-muted: oklch(54.893097% 0.00278 251.779887 / 1);
2084
+ --color-accent-3: oklch(94.398029% 0.031089 246.907226 / 1);
2085
+ --color-accent-a3: oklch(55.666931% 0.26412 258.247129 / 0.118874);
2086
+ --color-accent-3-ink: oklch(28.880887% 0.006218 246.907226 / 1);
2087
+ --color-accent-3-ink-muted: oklch(52.953719% 0.006218 246.907226 / 1);
2088
+ --color-accent-4: oklch(91.311536% 0.048767 246.694348 / 1);
2089
+ --color-accent-a4: oklch(65.09651% 0.21461 245.393007 / 0.256337);
2090
+ --color-accent-4-ink: oklch(40.47502% 0.009753 246.694348 / 1);
2091
+ --color-accent-4-ink-muted: oklch(50.776607% 0.009753 246.694348 / 1);
2092
+ --color-accent-5: oklch(87.853407% 0.067923 249.140662 / 1);
2093
+ --color-accent-a5: oklch(60.277055% 0.237774 252.863192 / 0.329);
2094
+ --color-accent-5-ink: oklch(37.890268% 0.013585 249.140662 / 1);
2095
+ --color-accent-5-ink-muted: oklch(47.359044% 0.013585 249.140662 / 1);
2096
+ --color-accent-6: oklch(83.911207% 0.090376 250.65785 / 1);
2097
+ --color-accent-a6: oklch(54.961845% 0.268431 258.923813 / 0.394);
2098
+ --color-accent-6-ink: oklch(34.726794% 0.018075 250.65785 / 1);
2099
+ --color-accent-6-ink-muted: oklch(40.910379% 0.018075 250.65785 / 1);
2100
+ --color-accent-7: oklch(78.709921% 0.117175 251.779887 / 1);
2101
+ --color-accent-a7: oklch(47.393446% 0.307281 263.498529 / 0.469);
2102
+ --color-accent-7-ink: oklch(30.00425% 0.023435 251.779887 / 1);
2103
+ --color-accent-7-ink-muted: oklch(31.128144% 0.023435 251.779887 / 1);
2104
+ --color-accent-8: oklch(71.509921% 0.14671 251.779887 / 1);
2105
+ --color-accent-a8: oklch(44.511108% 0.308431 264.052023 / 0.561);
2106
+ --color-accent-8-ink: oklch(21.141829% 0.029342 251.779887 / 1);
2107
+ --color-accent-8-ink-muted: oklch(34.857964% 0.029342 251.779887 / 1);
2108
+ --color-accent-9: oklch(56.104929% 0.19304 251.779887 / 1);
2109
+ --color-accent-a9: oklch(41.137003% 0.266236 263.480757 / 0.822);
2110
+ --color-accent-9-ink: oklch(100% 0 none / 1);
2111
+ --color-accent-9-ink-muted: oklch(98.54062% 0.007775 251.779887 / 1);
2112
+ --color-accent-10: oklch(56.126051% 0.19111 251.779887 / 1);
2113
+ --color-accent-a10: oklch(44.933873% 0.240953 260.834476 / 0.857);
2114
+ --color-accent-10-ink: oklch(100% 0 none / 1);
2115
+ --color-accent-10-ink-muted: oklch(98.589845% 0.007512 251.779887 / 1);
2116
+ --color-accent-11: oklch(55.080786% 0.171613 251.779887 / 1);
2117
+ --color-accent-a11: oklch(50.510829% 0.192884 251.700212 / 0.945);
2118
+ --color-accent-11-ink: oklch(100% 0 none / 1);
2119
+ --color-accent-11-ink-muted: oklch(97.207385% 0.014942 251.779887 / 1);
2120
+ --color-accent-12: oklch(35.151696% 0.099995 251.779887 / 1);
2121
+ --color-accent-a12: oklch(29.924163% 0.116326 252.348001 / 0.97908);
2122
+ --color-accent-12-ink: oklch(95.69409% 0.019999 251.779887 / 1);
2123
+ --color-accent-12-ink-muted: oklch(80.689756% 0.019999 251.779887 / 1);
2124
+ --color-neutral-1: oklch(98.010365% 0 none / 1);
2125
+ --color-neutral-a1: oklch(100% 0 none / 0.016);
2126
+ --color-neutral-1-ink: oklch(20.265608% 0 none / 1);
2127
+ --color-neutral-1-ink-muted: oklch(55.432541% 0 none / 1);
2128
+ --color-neutral-2: oklch(97.010365% 0 none / 1);
2129
+ --color-neutral-a2: oklch(75.896553% 0.058885 301.418569 / 0.043);
2130
+ --color-neutral-2-ink: oklch(18.800343% 0 none / 1);
2131
+ --color-neutral-2-ink-muted: oklch(54.736186% 0 none / 1);
2132
+ --color-neutral-3: oklch(95.310365% 0 none / 1);
2133
+ --color-neutral-a3: oklch(61.543431% 0.02801 347.674878 / 0.098);
2134
+ --color-neutral-3-ink: oklch(15.701387% 0 none / 1);
2135
+ --color-neutral-3-ink-muted: oklch(53.544448% 0 none / 1);
2136
+ --color-neutral-4: oklch(93.098712% 0 none / 1);
2137
+ --color-neutral-a4: oklch(52.180039% 0.025048 329.378998 / 0.161);
2138
+ --color-neutral-4-ink: oklch(7.411513% 0 none / 1);
2139
+ --color-neutral-4-ink-muted: oklch(51.977664% 0 none / 1);
2140
+ --color-neutral-5: oklch(89.89411% 0 none / 1);
2141
+ --color-neutral-a5: oklch(29.430239% 0.068324 212.150323 / 0.229);
2142
+ --color-neutral-5-ink: oklch(0% 0 none / 1);
2143
+ --color-neutral-5-ink-muted: oklch(49.669822% 0 none / 1);
2144
+ --color-neutral-6: oklch(85.83571% 0 none / 1);
2145
+ --color-neutral-a6: oklch(0% 0 none / 0.294);
2146
+ --color-neutral-6-ink: oklch(0% 0 none / 1);
2147
+ --color-neutral-6-ink-muted: oklch(43.846308% 0 none / 1);
2148
+ --color-neutral-7: oklch(79.969903% 0 none / 1);
2149
+ --color-neutral-a7: oklch(0% 0 none / 0.423883);
2150
+ --color-neutral-7-ink: oklch(0% 0 none / 1);
2151
+ --color-neutral-7-ink-muted: oklch(33.419144% 0 none / 1);
2152
+ --color-neutral-8: oklch(71.310365% 0 none / 1);
2153
+ --color-neutral-a8: oklch(0% 0 none / 0.561);
2154
+ --color-neutral-8-ink: oklch(0% 0 none / 1);
2155
+ --color-neutral-8-ink-muted: oklch(34.675778% 0 none / 1);
2156
+ --color-neutral-9: oklch(55.552676% 0 none / 1);
2157
+ --color-neutral-a9: oklch(0% 0 none / 0.800589);
2158
+ --color-neutral-9-ink: oklch(100% 0 none / 1);
2159
+ --color-neutral-9-ink-muted: oklch(98.183363% 0 none / 1);
2160
+ --color-neutral-10: oklch(52.552676% 0 none / 1);
2161
+ --color-neutral-a10: oklch(0% 0 none / 0.830185);
2162
+ --color-neutral-10-ink: oklch(100% 0 none / 1);
2163
+ --color-neutral-10-ink-muted: oklch(93.907184% 0 none / 1);
2164
+ --color-neutral-11: oklch(18% 0 none / 1);
2165
+ --color-neutral-a11: oklch(0% 0 none / 0.945);
2166
+ --color-neutral-11-ink: oklch(96.518319% 0 none / 1);
2167
+ --color-neutral-11-ink-muted: oklch(76.292003% 0 none / 1);
2168
+ --color-neutral-12: oklch(12.382253% 0 none / 1);
2169
+ --color-neutral-a12: oklch(0% 0 none / 0.996898);
2170
+ --color-neutral-12-ink: oklch(94.063697% 0 none / 1);
2171
+ --color-neutral-12-ink-muted: oklch(76.009188% 0 none / 1);
2172
+ --color-status-danger-1: oklch(98.069998% 0.00464 23.02606 / 1);
2173
+ --color-status-danger-a1: oklch(89.290162% 0.205667 193.137688 / 0.016);
2174
+ --color-status-danger-1-ink: oklch(37.28431% 0.000928 23.02606 / 1);
2175
+ --color-status-danger-1-ink-muted: oklch(55.448234% 0.000928 23.02606 / 1);
2176
+ --color-status-danger-2: oklch(97.189264% 0.01392 23.02606 / 1);
2177
+ --color-status-danger-a2: oklch(73.064492% 0.214894 36.64122 / 0.043);
2178
+ --color-status-danger-2-ink: oklch(35.240218% 0.002784 23.02606 / 1);
2179
+ --color-status-danger-2-ink-muted: oklch(54.783098% 0.002784 23.02606 / 1);
2180
+ --color-status-danger-3: oklch(94.489264% 0.034995 23.02606 / 1);
2181
+ --color-status-danger-a3: oklch(64.857408% 0.299485 28.958133 / 0.118386);
2182
+ --color-status-danger-3-ink: oklch(27.629806% 0.006999 23.02606 / 1);
2183
+ --color-status-danger-3-ink-muted: oklch(52.76363% 0.006999 23.02606 / 1);
2184
+ --color-status-danger-4: oklch(91.489264% 0.055295 23.02606 / 1);
2185
+ --color-status-danger-a4: oklch(64.857408% 0.299485 28.958133 / 0.235341);
2186
+ --color-status-danger-4-ink: oklch(40.187467% 0.011059 23.02606 / 1);
2187
+ --color-status-danger-4-ink-muted: oklch(50.495458% 0.011059 23.02606 / 1);
2188
+ --color-status-danger-5: oklch(87.989264% 0.072889 23.02606 / 1);
2189
+ --color-status-danger-a5: oklch(64.208805% 0.29649 28.958133 / 0.329);
2190
+ --color-status-danger-5-ink: oklch(37.423053% 0.014578 23.02606 / 1);
2191
+ --color-status-danger-5-ink-muted: oklch(46.217694% 0.014578 23.02606 / 1);
2192
+ --color-status-danger-6: oklch(83.989264% 0.093383 23.02606 / 1);
2193
+ --color-status-danger-a6: oklch(62.115567% 0.286825 28.958133 / 0.394);
2194
+ --color-status-danger-6-ink: oklch(33.999633% 0.018677 23.02606 / 1);
2195
+ --color-status-danger-6-ink-muted: oklch(39.205212% 0.018677 23.02606 / 1);
2196
+ --color-status-danger-7: oklch(78.689264% 0.117357 23.02606 / 1);
2197
+ --color-status-danger-a7: oklch(59.276352% 0.273714 28.958133 / 0.469);
2198
+ --color-status-danger-7-ink: oklch(28.784749% 0.023471 23.02606 / 1);
2199
+ --color-status-danger-7-ink-muted: oklch(27.4997% 0.023471 23.02606 / 1);
2200
+ --color-status-danger-8: oklch(71.489264% 0.146938 23.02606 / 1);
2201
+ --color-status-danger-a8: oklch(55.581183% 0.256651 28.958133 / 0.561);
2202
+ --color-status-danger-8-ink: oklch(18.133391% 0.029388 23.02606 / 1);
2203
+ --color-status-danger-8-ink-muted: oklch(33.51898% 0.029388 23.02606 / 1);
2204
+ --color-status-danger-9: oklch(58.635272% 0.19334 23.02606 / 1);
2205
+ --color-status-danger-a9: oklch(50.891058% 0.234994 28.958133 / 0.822);
2206
+ --color-status-danger-9-ink: oklch(100% 0 none / 1);
2207
+ --color-status-danger-9-ink-muted: oklch(99.283571% 0.004489 23.02606 / 1);
2208
+ --color-status-danger-10: oklch(58.609826% 0.191407 23.02606 / 1);
2209
+ --color-status-danger-a10: oklch(51.092793% 0.235926 28.958133 / 0.857);
2210
+ --color-status-danger-10-ink: oklch(100% 0 none / 1);
2211
+ --color-status-danger-10-ink-muted: oklch(99.283571% 0.004489 23.02606 / 1);
2212
+ --color-status-danger-11: oklch(56.831333% 0.171879 23.02606 / 1);
2213
+ --color-status-danger-a11: oklch(49.039211% 0.226443 28.958133 / 0.908262);
2214
+ --color-status-danger-11-ink: oklch(100% 0 none / 1);
2215
+ --color-status-danger-11-ink-muted: oklch(97.231065% 0.017624 23.02606 / 1);
2216
+ --color-status-danger-12: oklch(35.572963% 0.10015 23.02606 / 1);
2217
+ --color-status-danger-a12: oklch(28.875921% 0.133337 28.958133 / 0.972127);
2218
+ --color-status-danger-12-ink: oklch(95.79983% 0.02003 23.02606 / 1);
2219
+ --color-status-danger-12-ink-muted: oklch(80.766272% 0.02003 23.02606 / 1);
2220
+ --color-status-information-1: oklch(98.076884% 0.004633 251.779887 / 1);
2221
+ --color-status-information-a1: oklch(96.476412% 0.245031 110.22981 / 0.016);
2222
+ --color-status-information-1-ink: oklch(37.417902% 0.000927 251.779887 / 1);
2223
+ --color-status-information-1-ink-muted: oklch(55.484907% 0.000927 251.779887 / 1);
2224
+ --color-status-information-2: oklch(97.209921% 0.013899 251.779887 / 1);
2225
+ --color-status-information-a2: oklch(70.426721% 0.194017 234.195254 / 0.043);
2226
+ --color-status-information-2-ink: oklch(35.654414% 0.00278 251.779887 / 1);
2227
+ --color-status-information-2-ink-muted: oklch(54.893097% 0.00278 251.779887 / 1);
2228
+ --color-status-information-3: oklch(94.398029% 0.031089 246.907226 / 1);
2229
+ --color-status-information-a3: oklch(55.666931% 0.26412 258.247129 / 0.118874);
2230
+ --color-status-information-3-ink: oklch(28.880887% 0.006218 246.907226 / 1);
2231
+ --color-status-information-3-ink-muted: oklch(52.953719% 0.006218 246.907226 / 1);
2232
+ --color-status-information-4: oklch(91.311536% 0.048767 246.694348 / 1);
2233
+ --color-status-information-a4: oklch(65.09651% 0.21461 245.393007 / 0.256337);
2234
+ --color-status-information-4-ink: oklch(40.47502% 0.009753 246.694348 / 1);
2235
+ --color-status-information-4-ink-muted: oklch(50.776607% 0.009753 246.694348 / 1);
2236
+ --color-status-information-5: oklch(87.853407% 0.067923 249.140662 / 1);
2237
+ --color-status-information-a5: oklch(60.277055% 0.237774 252.863192 / 0.329);
2238
+ --color-status-information-5-ink: oklch(37.890268% 0.013585 249.140662 / 1);
2239
+ --color-status-information-5-ink-muted: oklch(47.359044% 0.013585 249.140662 / 1);
2240
+ --color-status-information-6: oklch(83.911207% 0.090376 250.65785 / 1);
2241
+ --color-status-information-a6: oklch(54.961845% 0.268431 258.923813 / 0.394);
2242
+ --color-status-information-6-ink: oklch(34.726794% 0.018075 250.65785 / 1);
2243
+ --color-status-information-6-ink-muted: oklch(40.910379% 0.018075 250.65785 / 1);
2244
+ --color-status-information-7: oklch(78.709921% 0.117175 251.779887 / 1);
2245
+ --color-status-information-a7: oklch(47.393446% 0.307281 263.498529 / 0.469);
2246
+ --color-status-information-7-ink: oklch(30.00425% 0.023435 251.779887 / 1);
2247
+ --color-status-information-7-ink-muted: oklch(31.128144% 0.023435 251.779887 / 1);
2248
+ --color-status-information-8: oklch(71.509921% 0.14671 251.779887 / 1);
2249
+ --color-status-information-a8: oklch(44.511108% 0.308431 264.052023 / 0.561);
2250
+ --color-status-information-8-ink: oklch(21.141829% 0.029342 251.779887 / 1);
2251
+ --color-status-information-8-ink-muted: oklch(34.857964% 0.029342 251.779887 / 1);
2252
+ --color-status-information-9: oklch(56.104929% 0.19304 251.779887 / 1);
2253
+ --color-status-information-a9: oklch(41.137003% 0.266236 263.480757 / 0.822);
2254
+ --color-status-information-9-ink: oklch(100% 0 none / 1);
2255
+ --color-status-information-9-ink-muted: oklch(98.54062% 0.007775 251.779887 / 1);
2256
+ --color-status-information-10: oklch(56.126051% 0.19111 251.779887 / 1);
2257
+ --color-status-information-a10: oklch(44.933873% 0.240953 260.834476 / 0.857);
2258
+ --color-status-information-10-ink: oklch(100% 0 none / 1);
2259
+ --color-status-information-10-ink-muted: oklch(98.589845% 0.007512 251.779887 / 1);
2260
+ --color-status-information-11: oklch(55.080786% 0.171613 251.779887 / 1);
2261
+ --color-status-information-a11: oklch(50.510829% 0.192884 251.700212 / 0.945);
2262
+ --color-status-information-11-ink: oklch(100% 0 none / 1);
2263
+ --color-status-information-11-ink-muted: oklch(97.207385% 0.014942 251.779887 / 1);
2264
+ --color-status-information-12: oklch(35.151696% 0.099995 251.779887 / 1);
2265
+ --color-status-information-a12: oklch(29.924163% 0.116326 252.348001 / 0.97908);
2266
+ --color-status-information-12-ink: oklch(95.69409% 0.019999 251.779887 / 1);
2267
+ --color-status-information-12-ink-muted: oklch(80.689756% 0.019999 251.779887 / 1);
2268
+ --color-status-success-1: oklch(98.043862% 0.003189 157.679534 / 1);
2269
+ --color-status-success-a1: oklch(100% 0 none / 0.016);
2270
+ --color-status-success-1-ink: oklch(37.399208% 0.000638 157.679534 / 1);
2271
+ --color-status-success-1-ink-muted: oklch(55.475102% 0.000638 157.679534 / 1);
2272
+ --color-status-success-2: oklch(97.110855% 0.009567 157.679534 / 1);
2273
+ --color-status-success-a2: oklch(79.700859% 0.212199 163.493517 / 0.043);
2274
+ --color-status-success-2-ink: oklch(35.599202% 0.001913 157.679534 / 1);
2275
+ --color-status-success-2-ink-muted: oklch(54.864443% 0.001913 157.679534 / 1);
2276
+ --color-status-success-3: oklch(94.410855% 0.02405 157.679534 / 1);
2277
+ --color-status-success-a3: oklch(62.664457% 0.272064 145.644956 / 0.10635);
2278
+ --color-status-success-3-ink: oklch(29.456564% 0.00481 157.679534 / 1);
2279
+ --color-status-success-3-ink-muted: oklch(53.057906% 0.00481 157.679534 / 1);
2280
+ --color-status-success-4: oklch(91.410855% 0.038002 157.679534 / 1);
2281
+ --color-status-success-a4: oklch(63.480728% 0.275608 145.644956 / 0.224281);
2282
+ --color-status-success-4-ink: oklch(13.131836% 0.0076 157.679534 / 1);
2283
+ --color-status-success-4-ink-muted: oklch(51.007316% 0.0076 157.679534 / 1);
2284
+ --color-status-success-5: oklch(87.910855% 0.050094 157.679534 / 1);
2285
+ --color-status-success-a5: oklch(60.977856% 0.264742 145.644956 / 0.329);
2286
+ --color-status-success-5-ink: oklch(38.187356% 0.010019 157.679534 / 1);
2287
+ --color-status-success-5-ink-muted: oklch(48.041387% 0.010019 157.679534 / 1);
2288
+ --color-status-success-6: oklch(83.910855% 0.064179 157.679534 / 1);
2289
+ --color-status-success-a6: oklch(56.96563% 0.247322 145.644956 / 0.394);
2290
+ --color-status-success-6-ink: oklch(35.121555% 0.012836 157.679534 / 1);
2291
+ --color-status-success-6-ink-muted: oklch(41.809977% 0.012836 157.679534 / 1);
2292
+ --color-status-success-7: oklch(78.610855% 0.080655 157.679534 / 1);
2293
+ --color-status-success-a7: oklch(52.143613% 0.226387 145.644956 / 0.469);
2294
+ --color-status-success-7-ink: oklch(30.575933% 0.016131 157.679534 / 1);
2295
+ --color-status-success-7-ink-muted: oklch(32.535502% 0.016131 157.679534 / 1);
2296
+ --color-status-success-8: oklch(71.410855% 0.100985 157.679534 / 1);
2297
+ --color-status-success-a8: oklch(46.376187% 0.201347 145.644956 / 0.561);
2298
+ --color-status-success-8-ink: oklch(22.549085% 0.020197 157.679534 / 1);
2299
+ --color-status-success-8-ink-muted: oklch(35.636643% 0.020197 157.679534 / 1);
2300
+ --color-status-success-9: oklch(54.607263% 0.132875 157.679534 / 1);
2301
+ --color-status-success-a9: oklch(42.797243% 0.185809 145.644956 / 0.822);
2302
+ --color-status-success-9-ink: oklch(100% 0 none / 1);
2303
+ --color-status-success-9-ink-muted: oklch(98.82713% 0.019247 157.679534 / 1);
2304
+ --color-status-success-10: oklch(54.660908% 0.131547 157.679534 / 1);
2305
+ --color-status-success-a10: oklch(44.017031% 0.191104 145.644956 / 0.857);
2306
+ --color-status-success-10-ink: oklch(100% 0 none / 1);
2307
+ --color-status-success-10-ink-muted: oklch(98.897575% 0.018073 157.679534 / 1);
2308
+ --color-status-success-11: oklch(53.50073% 0.118126 157.679534 / 1);
2309
+ --color-status-success-a11: oklch(45.368413% 0.179612 148.854702 / 0.92257);
2310
+ --color-status-success-11-ink: oklch(100% 0 none / 1);
2311
+ --color-status-success-11-ink-muted: oklch(96.939894% 0.023625 157.679534 / 1);
2312
+ --color-status-success-12: oklch(34.498218% 0.068829 157.679534 / 1);
2313
+ --color-status-success-a12: oklch(26.394455% 0.114594 145.644956 / 0.972127);
2314
+ --color-status-success-12-ink: oklch(95.56242% 0.013766 157.679534 / 1);
2315
+ --color-status-success-12-ink-muted: oklch(80.555225% 0.013766 157.679534 / 1);
2316
+ --color-status-warning-1: oklch(98.189696% 0.003773 84.129977 / 1);
2317
+ --color-status-warning-a1: oklch(100% 0 none / 0.016);
2318
+ --color-status-warning-1-ink: oklch(37.625467% 0.000755 84.129977 / 1);
2319
+ --color-status-warning-1-ink-muted: oklch(55.556923% 0.000755 84.129977 / 1);
2320
+ --color-status-warning-2: oklch(97.548357% 0.011319 84.129977 / 1);
2321
+ --color-status-warning-a2: oklch(82.068693% 0.193923 91.918377 / 0.043);
2322
+ --color-status-warning-2-ink: oklch(36.295528% 0.002264 84.129977 / 1);
2323
+ --color-status-warning-2-ink-muted: oklch(55.11015% 0.002264 84.129977 / 1);
2324
+ --color-status-warning-3: oklch(94.848357% 0.028454 84.129977 / 1);
2325
+ --color-status-warning-a3: oklch(73.26633% 0.173057 91.532471 / 0.140334);
2326
+ --color-status-warning-3-ink: oklch(29.919685% 0.005691 84.129977 / 1);
2327
+ --color-status-warning-3-ink-muted: oklch(53.212185% 0.005691 84.129977 / 1);
2328
+ --color-status-warning-4: oklch(91.848357% 0.044961 84.129977 / 1);
2329
+ --color-status-warning-a4: oklch(72.462387% 0.171269 92.157803 / 0.261);
2330
+ --color-status-warning-4-ink: oklch(9.538387% 0.008992 84.129977 / 1);
2331
+ --color-status-warning-4-ink-muted: oklch(51.066118% 0.008992 84.129977 / 1);
2332
+ --color-status-warning-5: oklch(88.348357% 0.059267 84.129977 / 1);
2333
+ --color-status-warning-a5: oklch(65.913261% 0.155502 89.773867 / 0.329);
2334
+ --color-status-warning-5-ink: oklch(38.149322% 0.011853 84.129977 / 1);
2335
+ --color-status-warning-5-ink-muted: oklch(47.829109% 0.011853 84.129977 / 1);
2336
+ --color-status-warning-6: oklch(84.348357% 0.075931 84.129977 / 1);
2337
+ --color-status-warning-a6: oklch(59.265324% 0.140034 84.956326 / 0.394);
2338
+ --color-status-warning-6-ink: oklch(34.94221% 0.015186 84.129977 / 1);
2339
+ --color-status-warning-6-ink-muted: oklch(41.266926% 0.015186 84.129977 / 1);
2340
+ --color-status-warning-7: oklch(79.048357% 0.095425 84.129977 / 1);
2341
+ --color-status-warning-a7: oklch(52.159903% 0.123347 84.243859 / 0.469);
2342
+ --color-status-warning-7-ink: oklch(30.146925% 0.019085 84.129977 / 1);
2343
+ --color-status-warning-7-ink-muted: oklch(31.305357% 0.019085 84.129977 / 1);
2344
+ --color-status-warning-8: oklch(71.848357% 0.119477 84.129977 / 1);
2345
+ --color-status-warning-a8: oklch(42.449314% 0.10207 77.174011 / 0.561);
2346
+ --color-status-warning-8-ink: oklch(21.318047% 0.023895 84.129977 / 1);
2347
+ --color-status-warning-8-ink-muted: oklch(34.994276% 0.023895 84.129977 / 1);
2348
+ --color-status-warning-9: oklch(85.369678% 0.157207 84.129977 / 1);
2349
+ --color-status-warning-a9: oklch(83.277207% 0.196418 87.979386 / 0.822);
2350
+ --color-status-warning-9-ink: oklch(35.612648% 0.031441 84.129977 / 1);
2351
+ --color-status-warning-9-ink-muted: oklch(42.75709% 0.03 84.129977 / 1);
2352
+ --color-status-warning-10: oklch(82.369678% 0.155635 84.129977 / 1);
2353
+ --color-status-warning-a10: oklch(79.769424% 0.188198 86.979983 / 0.857);
2354
+ --color-status-warning-10-ink: oklch(33.069817% 0.031127 84.129977 / 1);
2355
+ --color-status-warning-10-ink-muted: oklch(37.563751% 0.03 84.129977 / 1);
2356
+ --color-status-warning-11: oklch(55.558425% 0.131808 82.201817 / 1);
2357
+ --color-status-warning-a11: oklch(52.264559% 0.123557 84.489733 / 0.945);
2358
+ --color-status-warning-11-ink: oklch(100% 0 none / 1);
2359
+ --color-status-warning-11-ink-muted: oklch(97.655264% 0.026362 82.201817 / 1);
2360
+ --color-status-warning-12: oklch(36.194203% 0.081433 84.129977 / 1);
2361
+ --color-status-warning-a12: oklch(34.467308% 0.081436 85.010265 / 0.98911);
2362
+ --color-status-warning-12-ink: oklch(95.988287% 0.016287 84.129977 / 1);
2363
+ --color-status-warning-12-ink-muted: oklch(81.02367% 0.016287 84.129977 / 1);
2364
+ }
2365
+ .dark {
2366
+ --color-canvas: oklch(20.462653% 0 none / 1);
2367
+ --color-accent-1: oklch(20.921299% 0.020655 251.779887 / 1);
2368
+ --color-accent-a1: oklch(20.330038% 0.140873 264.052023 / 0.02);
2369
+ --color-accent-1-ink: oklch(92.238009% 0.004131 251.779887 / 1);
2370
+ --color-accent-1-ink-muted: oklch(76.626104% 0.004131 251.779887 / 1);
2371
+ --color-accent-2: oklch(22.195498% 0.02857 251.779887 / 1);
2372
+ --color-accent-a2: oklch(34.615555% 0.114534 245.572369 / 0.047);
2373
+ --color-accent-2-ink: oklch(92.401446% 0.005714 251.779887 / 1);
2374
+ --color-accent-2-ink-muted: oklch(76.820005% 0.005714 251.779887 / 1);
2375
+ --color-accent-3: oklch(27.93859% 0.059456 251.779887 / 1);
2376
+ --color-accent-a3: oklch(47.363522% 0.137505 246.780027 / 0.125);
2377
+ --color-accent-3-ink: oklch(93.446468% 0.011891 251.779887 / 1);
2378
+ --color-accent-3-ink-muted: oklch(78.054622% 0.011891 251.779887 / 1);
2379
+ --color-accent-4: oklch(32.73859% 0.086868 251.779887 / 1);
2380
+ --color-accent-a4: oklch(53.700834% 0.167927 249.654834 / 0.176);
2381
+ --color-accent-4-ink: oklch(94.804179% 0.017374 251.779887 / 1);
2382
+ --color-accent-4-ink-muted: oklch(79.649464% 0.017374 251.779887 / 1);
2383
+ --color-accent-5: oklch(36.93859% 0.097292 251.779887 / 1);
2384
+ --color-accent-a5: oklch(56.741432% 0.165659 250.068002 / 0.235);
2385
+ --color-accent-5-ink: oklch(96.341859% 0.019458 251.779887 / 1);
2386
+ --color-accent-5-ink-muted: oklch(81.443793% 0.019458 251.779887 / 1);
2387
+ --color-accent-6: oklch(41.73859% 0.10096 251.779887 / 1);
2388
+ --color-accent-a6: oklch(60.760916% 0.155806 251.088217 / 0.294);
2389
+ --color-accent-6-ink: oklch(98.330189% 0.008902 251.779887 / 1);
2390
+ --color-accent-6-ink-muted: oklch(83.715469% 0.020192 251.779887 / 1);
2391
+ --color-accent-7: oklch(47.63859% 0.11428 251.779887 / 1);
2392
+ --color-accent-a7: oklch(64.930737% 0.16113 251.390213 / 0.373);
2393
+ --color-accent-7-ink: oklch(100% 0 none / 1);
2394
+ --color-accent-7-ink-muted: oklch(87.061519% 0.022856 251.779887 / 1);
2395
+ --color-accent-8: oklch(55.93859% 0.139761 251.779887 / 1);
2396
+ --color-accent-a8: oklch(70.322489% 0.173943 250.785932 / 0.482);
2397
+ --color-accent-8-ink: oklch(100% 0 none / 1);
2398
+ --color-accent-8-ink-muted: oklch(98.676325% 0.007049 251.779887 / 1);
2399
+ --color-accent-9: oklch(56.104929% 0.19304 251.779887 / 1);
2400
+ --color-accent-a9: oklch(61.082459% 0.211929 251.640012 / 0.765);
2401
+ --color-accent-9-ink: oklch(100% 0 none / 1);
2402
+ --color-accent-9-ink-muted: oklch(98.54062% 0.007775 251.779887 / 1);
2403
+ --color-accent-10: oklch(56.215754% 0.183388 251.779887 / 1);
2404
+ --color-accent-a10: oklch(60.241658% 0.197871 251.671832 / 0.804);
2405
+ --color-accent-10-ink: oklch(100% 0 none / 1);
2406
+ --color-accent-10-ink-muted: oklch(98.791292% 0.006434 251.779887 / 1);
2407
+ --color-accent-11: oklch(76.009909% 0.139824 248.518651 / 1);
2408
+ --color-accent-a11: oklch(77.965918% 0.129595 246.066304 / 0.898);
2409
+ --color-accent-11-ink: oklch(27.242925% 0.027965 248.518651 / 1);
2410
+ --color-accent-11-ink-muted: oklch(23.211608% 0.027965 248.518651 / 1);
2411
+ --color-accent-12: oklch(92.037298% 0.045225 244.632508 / 1);
2412
+ --color-accent-a12: oklch(92.839264% 0.041136 242.787877 / 0.965);
2413
+ --color-accent-12-ink: oklch(18.066043% 0.009045 244.632508 / 1);
2414
+ --color-accent-12-ink-muted: oklch(51.304203% 0.009045 244.632508 / 1);
2415
+ --color-neutral-1: oklch(20.962653% 0 none / 1);
2416
+ --color-neutral-a1: oklch(0% 0 none / 0.02);
2417
+ --color-neutral-1-ink: oklch(92.241026% 0 none / 1);
2418
+ --color-neutral-1-ink-muted: oklch(76.627627% 0 none / 1);
2419
+ --color-neutral-2: oklch(22.462653% 0 none / 1);
2420
+ --color-neutral-a2: oklch(34.407394% 0.022601 220.579947 / 0.047);
2421
+ --color-neutral-2-ink: oklch(92.431093% 0 none / 1);
2422
+ --color-neutral-2-ink-muted: oklch(76.852224% 0 none / 1);
2423
+ --color-neutral-3: oklch(27.562653% 0 none / 1);
2424
+ --color-neutral-a3: oklch(46.131669% 0.007996 241.953581 / 0.125);
2425
+ --color-neutral-3-ink: oklch(93.323879% 0 none / 1);
2426
+ --color-neutral-3-ink-muted: oklch(77.904811% 0 none / 1);
2427
+ --color-neutral-4: oklch(31.362653% 0 none / 1);
2428
+ --color-neutral-a4: oklch(50.493504% 0.00231 195.834465 / 0.176);
2429
+ --color-neutral-4-ink: oklch(94.265922% 0 none / 1);
2430
+ --color-neutral-4-ink-muted: oklch(79.011315% 0 none / 1);
2431
+ --color-neutral-5: oklch(34.562653% 0 none / 1);
2432
+ --color-neutral-a5: oklch(52.292827% 0.002153 195.841073 / 0.235);
2433
+ --color-neutral-5-ink: oklch(95.340033% 0 none / 1);
2434
+ --color-neutral-5-ink-muted: oklch(80.267958% 0 none / 1);
2435
+ --color-neutral-6: oklch(39.355783% 0 none / 1);
2436
+ --color-neutral-a6: oklch(56.823866% 0.000911 195.877546 / 0.294);
2437
+ --color-neutral-6-ink: oklch(97.200807% 0 none / 1);
2438
+ --color-neutral-6-ink-muted: oklch(82.433067% 0 none / 1);
2439
+ --color-neutral-7: oklch(46.024892% 0 none / 1);
2440
+ --color-neutral-a7: oklch(62.53178% 0.000752 195.883369 / 0.373);
2441
+ --color-neutral-7-ink: oklch(99.411838% 0 none / 1);
2442
+ --color-neutral-7-ink-muted: oklch(85.851779% 0 none / 1);
2443
+ --color-neutral-8: oklch(56.062653% 0 none / 1);
2444
+ --color-neutral-a8: oklch(70.81652% 0 none / 0.482);
2445
+ --color-neutral-8-ink: oklch(100% 0 none / 1);
2446
+ --color-neutral-8-ink-muted: oklch(98.919277% 0 none / 1);
2447
+ --color-neutral-9: oklch(55.552676% 0 none / 1);
2448
+ --color-neutral-a9: oklch(60.47082% 0 none / 0.765);
2449
+ --color-neutral-9-ink: oklch(100% 0 none / 1);
2450
+ --color-neutral-9-ink-muted: oklch(98.183363% 0 none / 1);
2451
+ --color-neutral-10: oklch(56.27973% 0 none / 1);
2452
+ --color-neutral-a10: oklch(60.308751% 0 none / 0.804);
2453
+ --color-neutral-10-ink: oklch(100% 0 none / 1);
2454
+ --color-neutral-10-ink-muted: oklch(99.233267% 0 none / 1);
2455
+ --color-neutral-11: oklch(86% 0 none / 1);
2456
+ --color-neutral-a11: oklch(89.093811% 0 none / 0.898);
2457
+ --color-neutral-11-ink: oklch(36.344431% 0 none / 1);
2458
+ --color-neutral-11-ink-muted: oklch(44.11623% 0 none / 1);
2459
+ --color-neutral-12: oklch(92.431093% 0 none / 1);
2460
+ --color-neutral-a12: oklch(93.521911% 0 none / 0.965);
2461
+ --color-neutral-12-ink: oklch(19.79752% 0 none / 1);
2462
+ --color-neutral-12-ink-muted: oklch(51.500747% 0 none / 1);
2463
+ --color-status-danger-1: oklch(20.917018% 0.020687 23.02606 / 1);
2464
+ --color-status-danger-a1: oklch(25.589627% 0.118163 28.958133 / 0.02);
2465
+ --color-status-danger-1-ink: oklch(92.270203% 0.004137 23.02606 / 1);
2466
+ --color-status-danger-1-ink-muted: oklch(76.653643% 0.004137 23.02606 / 1);
2467
+ --color-status-danger-2: oklch(22.190453% 0.028614 23.02606 / 1);
2468
+ --color-status-danger-a2: oklch(35.517517% 0.123047 41.213689 / 0.047);
2469
+ --color-status-danger-2-ink: oklch(92.443089% 0.005723 23.02606 / 1);
2470
+ --color-status-danger-2-ink-muted: oklch(76.854703% 0.005723 23.02606 / 1);
2471
+ --color-status-danger-3: oklch(27.925747% 0.059549 23.02606 / 1);
2472
+ --color-status-danger-a3: oklch(47.645191% 0.138897 25.055893 / 0.125);
2473
+ --color-status-danger-3-ink: oklch(93.494673% 0.01191 23.02606 / 1);
2474
+ --color-status-danger-3-ink-muted: oklch(78.081898% 0.01191 23.02606 / 1);
2475
+ --color-status-danger-4: oklch(32.725747% 0.087003 23.02606 / 1);
2476
+ --color-status-danger-a4: oklch(53.569319% 0.169444 25.566189 / 0.176);
2477
+ --color-status-danger-4-ink: oklch(94.790301% 0.017401 23.02606 / 1);
2478
+ --color-status-danger-4-ink-muted: oklch(79.591597% 0.017401 23.02606 / 1);
2479
+ --color-status-danger-5: oklch(36.925747% 0.097443 23.02606 / 1);
2480
+ --color-status-danger-a5: oklch(56.750771% 0.166348 24.27652 / 0.235);
2481
+ --color-status-danger-5-ink: oklch(96.268087% 0.019489 23.02606 / 1);
2482
+ --color-status-danger-5-ink-muted: oklch(81.313084% 0.019489 23.02606 / 1);
2483
+ --color-status-danger-6: oklch(41.725747% 0.101117 23.02606 / 1);
2484
+ --color-status-danger-a6: oklch(60.718746% 0.156724 23.848317 / 0.294);
2485
+ --color-status-danger-6-ink: oklch(98.059582% 0.012272 23.02606 / 1);
2486
+ --color-status-danger-6-ink-muted: oklch(83.493073% 0.020223 23.02606 / 1);
2487
+ --color-status-danger-7: oklch(47.625747% 0.114457 23.02606 / 1);
2488
+ --color-status-danger-a7: oklch(64.91049% 0.161707 23.22664 / 0.373);
2489
+ --color-status-danger-7-ink: oklch(99.784591% 0.001344 23.02606 / 1);
2490
+ --color-status-danger-7-ink-muted: oklch(86.515379% 0.022891 23.02606 / 1);
2491
+ --color-status-danger-8: oklch(55.925747% 0.139978 23.02606 / 1);
2492
+ --color-status-danger-a8: oklch(70.646488% 0.180093 23.132027 / 0.482);
2493
+ --color-status-danger-8-ink: oklch(100% 0 none / 1);
2494
+ --color-status-danger-8-ink-muted: oklch(96.569028% 0.021951 23.02606 / 1);
2495
+ --color-status-danger-9: oklch(58.635272% 0.19334 23.02606 / 1);
2496
+ --color-status-danger-a9: oklch(63.870922% 0.212248 23.092595 / 0.765);
2497
+ --color-status-danger-9-ink: oklch(100% 0 none / 1);
2498
+ --color-status-danger-9-ink-muted: oklch(99.283571% 0.004489 23.02606 / 1);
2499
+ --color-status-danger-10: oklch(58.508422% 0.183673 23.02606 / 1);
2500
+ --color-status-danger-a10: oklch(62.723398% 0.198178 23.077162 / 0.804);
2501
+ --color-status-danger-10-ink: oklch(100% 0 none / 1);
2502
+ --color-status-danger-10-ink-muted: oklch(99.283571% 0.004489 23.02606 / 1);
2503
+ --color-status-danger-11: oklch(78.331653% 0.153899 23.02606 / 1);
2504
+ --color-status-danger-a11: oklch(80.016885% 0.147187 22.589407 / 0.898);
2505
+ --color-status-danger-11-ink: oklch(28.008783% 0.03078 23.02606 / 1);
2506
+ --color-status-danger-11-ink-muted: oklch(25.214297% 0.03 23.02606 / 1);
2507
+ --color-status-danger-12: oklch(92.624873% 0.04868 23.583422 / 1);
2508
+ --color-status-danger-a12: oklch(93.351225% 0.043631 23.367916 / 0.965);
2509
+ --color-status-danger-12-ink: oklch(16.933938% 0.009736 23.583422 / 1);
2510
+ --color-status-danger-12-ink-muted: oklch(51.354718% 0.009736 23.583422 / 1);
2511
+ --color-status-information-1: oklch(20.921299% 0.020655 251.779887 / 1);
2512
+ --color-status-information-a1: oklch(20.330038% 0.140873 264.052023 / 0.02);
2513
+ --color-status-information-1-ink: oklch(92.238009% 0.004131 251.779887 / 1);
2514
+ --color-status-information-1-ink-muted: oklch(76.626104% 0.004131 251.779887 / 1);
2515
+ --color-status-information-2: oklch(22.195498% 0.02857 251.779887 / 1);
2516
+ --color-status-information-a2: oklch(34.615555% 0.114534 245.572369 / 0.047);
2517
+ --color-status-information-2-ink: oklch(92.401446% 0.005714 251.779887 / 1);
2518
+ --color-status-information-2-ink-muted: oklch(76.820005% 0.005714 251.779887 / 1);
2519
+ --color-status-information-3: oklch(27.93859% 0.059456 251.779887 / 1);
2520
+ --color-status-information-a3: oklch(47.363522% 0.137505 246.780027 / 0.125);
2521
+ --color-status-information-3-ink: oklch(93.446468% 0.011891 251.779887 / 1);
2522
+ --color-status-information-3-ink-muted: oklch(78.054622% 0.011891 251.779887 / 1);
2523
+ --color-status-information-4: oklch(32.73859% 0.086868 251.779887 / 1);
2524
+ --color-status-information-a4: oklch(53.700834% 0.167927 249.654834 / 0.176);
2525
+ --color-status-information-4-ink: oklch(94.804179% 0.017374 251.779887 / 1);
2526
+ --color-status-information-4-ink-muted: oklch(79.649464% 0.017374 251.779887 / 1);
2527
+ --color-status-information-5: oklch(36.93859% 0.097292 251.779887 / 1);
2528
+ --color-status-information-a5: oklch(56.741432% 0.165659 250.068002 / 0.235);
2529
+ --color-status-information-5-ink: oklch(96.341859% 0.019458 251.779887 / 1);
2530
+ --color-status-information-5-ink-muted: oklch(81.443793% 0.019458 251.779887 / 1);
2531
+ --color-status-information-6: oklch(41.73859% 0.10096 251.779887 / 1);
2532
+ --color-status-information-a6: oklch(60.760916% 0.155806 251.088217 / 0.294);
2533
+ --color-status-information-6-ink: oklch(98.330189% 0.008902 251.779887 / 1);
2534
+ --color-status-information-6-ink-muted: oklch(83.715469% 0.020192 251.779887 / 1);
2535
+ --color-status-information-7: oklch(47.63859% 0.11428 251.779887 / 1);
2536
+ --color-status-information-a7: oklch(64.930737% 0.16113 251.390213 / 0.373);
2537
+ --color-status-information-7-ink: oklch(100% 0 none / 1);
2538
+ --color-status-information-7-ink-muted: oklch(87.061519% 0.022856 251.779887 / 1);
2539
+ --color-status-information-8: oklch(55.93859% 0.139761 251.779887 / 1);
2540
+ --color-status-information-a8: oklch(70.322489% 0.173943 250.785932 / 0.482);
2541
+ --color-status-information-8-ink: oklch(100% 0 none / 1);
2542
+ --color-status-information-8-ink-muted: oklch(98.676325% 0.007049 251.779887 / 1);
2543
+ --color-status-information-9: oklch(56.104929% 0.19304 251.779887 / 1);
2544
+ --color-status-information-a9: oklch(61.082459% 0.211929 251.640012 / 0.765);
2545
+ --color-status-information-9-ink: oklch(100% 0 none / 1);
2546
+ --color-status-information-9-ink-muted: oklch(98.54062% 0.007775 251.779887 / 1);
2547
+ --color-status-information-10: oklch(56.215754% 0.183388 251.779887 / 1);
2548
+ --color-status-information-a10: oklch(60.241658% 0.197871 251.671832 / 0.804);
2549
+ --color-status-information-10-ink: oklch(100% 0 none / 1);
2550
+ --color-status-information-10-ink-muted: oklch(98.791292% 0.006434 251.779887 / 1);
2551
+ --color-status-information-11: oklch(76.009909% 0.139824 248.518651 / 1);
2552
+ --color-status-information-a11: oklch(77.965918% 0.129595 246.066304 / 0.898);
2553
+ --color-status-information-11-ink: oklch(27.242925% 0.027965 248.518651 / 1);
2554
+ --color-status-information-11-ink-muted: oklch(23.211608% 0.027965 248.518651 / 1);
2555
+ --color-status-information-12: oklch(92.037298% 0.045225 244.632508 / 1);
2556
+ --color-status-information-a12: oklch(92.839264% 0.041136 242.787877 / 0.965);
2557
+ --color-status-information-12-ink: oklch(18.066043% 0.009045 244.632508 / 1);
2558
+ --color-status-information-12-ink-muted: oklch(51.304203% 0.009045 244.632508 / 1);
2559
+ --color-status-success-1: oklch(20.940932% 0.014218 157.679534 / 1);
2560
+ --color-status-success-a1: oklch(19.582074% 0.044618 200.004523 / 0.02);
2561
+ --color-status-success-1-ink: oklch(92.228749% 0.002844 157.679534 / 1);
2562
+ --color-status-success-1-ink-muted: oklch(76.619437% 0.002844 157.679534 / 1);
2563
+ --color-status-success-2: oklch(22.338503% 0.019666 157.679534 / 1);
2564
+ --color-status-success-a2: oklch(33.810522% 0.10657 159.326583 / 0.047);
2565
+ --color-status-success-2-ink: oklch(92.407825% 0.003933 157.679534 / 1);
2566
+ --color-status-success-2-ink-muted: oklch(76.833434% 0.003933 157.679534 / 1);
2567
+ --color-status-success-3: oklch(27.997491% 0.040926 157.679534 / 1);
2568
+ --color-status-success-a3: oklch(47.549494% 0.099237 158.106747 / 0.125);
2569
+ --color-status-success-3-ink: oklch(93.466356% 0.008185 157.679534 / 1);
2570
+ --color-status-success-3-ink-muted: oklch(78.089943% 0.008185 157.679534 / 1);
2571
+ --color-status-success-4: oklch(32.797491% 0.059794 157.679534 / 1);
2572
+ --color-status-success-a4: oklch(53.749953% 0.118772 157.610583 / 0.176);
2573
+ --color-status-success-4-ink: oklch(94.904461% 0.011959 157.679534 / 1);
2574
+ --color-status-success-4-ink-muted: oklch(79.783536% 0.011959 157.679534 / 1);
2575
+ --color-status-success-5: oklch(36.997491% 0.066969 157.679534 / 1);
2576
+ --color-status-success-a5: oklch(56.887883% 0.115676 157.640944 / 0.235);
2577
+ --color-status-success-5-ink: oklch(96.496254% 0.013394 157.679534 / 1);
2578
+ --color-status-success-5-ink-muted: oklch(81.641349% 0.013394 157.679534 / 1);
2579
+ --color-status-success-6: oklch(41.797491% 0.069494 157.679534 / 1);
2580
+ --color-status-success-a6: oklch(60.841675% 0.108338 157.660028 / 0.294);
2581
+ --color-status-success-6-ink: oklch(98.509233% 0.013899 157.679534 / 1);
2582
+ --color-status-success-6-ink-muted: oklch(83.972989% 0.013899 157.679534 / 1);
2583
+ --color-status-success-7: oklch(47.697491% 0.078662 157.679534 / 1);
2584
+ --color-status-success-a7: oklch(65.007154% 0.111551 157.668655 / 0.373);
2585
+ --color-status-success-7-ink: oklch(100% 0 none / 1);
2586
+ --color-status-success-7-ink-muted: oklch(88.281893% 0.015732 157.679534 / 1);
2587
+ --color-status-success-8: oklch(55.997491% 0.096202 157.679534 / 1);
2588
+ --color-status-success-a8: oklch(70.736247% 0.124016 157.673769 / 0.482);
2589
+ --color-status-success-8-ink: oklch(0% 0 none / 1);
2590
+ --color-status-success-8-ink-muted: oklch(13.456377% 0.01924 157.679534 / 1);
2591
+ --color-status-success-9: oklch(54.607263% 0.132875 157.679534 / 1);
2592
+ --color-status-success-a9: oklch(59.428984% 0.146272 157.674414 / 0.765);
2593
+ --color-status-success-9-ink: oklch(100% 0 none / 1);
2594
+ --color-status-success-9-ink-muted: oklch(98.82713% 0.019247 157.679534 / 1);
2595
+ --color-status-success-10: oklch(54.799979% 0.126232 157.679534 / 1);
2596
+ --color-status-success-a10: oklch(58.706701% 0.136486 157.675703 / 0.804);
2597
+ --color-status-success-10-ink: oklch(100% 0 none / 1);
2598
+ --color-status-success-10-ink-muted: oklch(99.041953% 0.015675 157.679534 / 1);
2599
+ --color-status-success-11: oklch(75.524628% 0.105769 157.679534 / 1);
2600
+ --color-status-success-a11: oklch(78.22263% 0.109703 157.679229 / 0.898);
2601
+ --color-status-success-11-ink: oklch(27.687557% 0.021154 157.679534 / 1);
2602
+ --color-status-success-11-ink-muted: oklch(25.047527% 0.021154 157.679534 / 1);
2603
+ --color-status-success-12: oklch(92.002315% 0.036806 157.679534 / 1);
2604
+ --color-status-success-a12: oklch(93.087984% 0.037235 157.679499 / 0.965);
2605
+ --color-status-success-12-ink: oklch(19.867544% 0.007361 157.679534 / 1);
2606
+ --color-status-success-12-ink-muted: oklch(51.423995% 0.007361 157.679534 / 1);
2607
+ --color-status-warning-1: oklch(20.948603% 0.016821 84.129977 / 1);
2608
+ --color-status-warning-a1: oklch(24.566755% 0.058099 84.19315 / 0.02);
2609
+ --color-status-warning-1-ink: oklch(92.242276% 0.003364 84.129977 / 1);
2610
+ --color-status-warning-1-ink-muted: oklch(76.629085% 0.003364 84.129977 / 1);
2611
+ --color-status-warning-2: oklch(22.303061% 0.023267 84.129977 / 1);
2612
+ --color-status-warning-a2: oklch(37.719506% 0.089549 81.842622 / 0.047);
2613
+ --color-status-warning-2-ink: oklch(92.414459% 0.004653 84.129977 / 1);
2614
+ --color-status-warning-2-ink-muted: oklch(76.832544% 0.004653 84.129977 / 1);
2615
+ --color-status-warning-3: oklch(28.020502% 0.04842 84.129977 / 1);
2616
+ --color-status-warning-a3: oklch(48.817333% 0.115313 85.249085 / 0.125);
2617
+ --color-status-warning-3-ink: oklch(93.44049% 0.009684 84.129977 / 1);
2618
+ --color-status-warning-3-ink-muted: oklch(78.041902% 0.009684 84.129977 / 1);
2619
+ --color-status-warning-4: oklch(32.820502% 0.070743 84.129977 / 1);
2620
+ --color-status-warning-a4: oklch(55.516221% 0.130951 87.583171 / 0.176);
2621
+ --color-status-warning-4-ink: oklch(94.763864% 0.014149 84.129977 / 1);
2622
+ --color-status-warning-4-ink-muted: oklch(79.59433% 0.014149 84.129977 / 1);
2623
+ --color-status-warning-5: oklch(37.020502% 0.079232 84.129977 / 1);
2624
+ --color-status-warning-a5: oklch(57.697505% 0.136121 87.029151 / 0.235);
2625
+ --color-status-warning-5-ink: oklch(96.299278% 0.015846 84.129977 / 1);
2626
+ --color-status-warning-5-ink-muted: oklch(81.3857% 0.015846 84.129977 / 1);
2627
+ --color-status-warning-6: oklch(41.820502% 0.082219 84.129977 / 1);
2628
+ --color-status-warning-a6: oklch(60.980333% 0.130722 84.431924 / 0.294);
2629
+ --color-status-warning-6-ink: oklch(98.256252% 0.016444 84.129977 / 1);
2630
+ --color-status-warning-6-ink-muted: oklch(83.654598% 0.016444 84.129977 / 1);
2631
+ --color-status-warning-7: oklch(47.720502% 0.093067 84.129977 / 1);
2632
+ --color-status-warning-a7: oklch(65.085666% 0.133373 84.363137 / 0.373);
2633
+ --color-status-warning-7-ink: oklch(100% 0 none / 1);
2634
+ --color-status-warning-7-ink-muted: oklch(86.983354% 0.018613 84.129977 / 1);
2635
+ --color-status-warning-8: oklch(56.020502% 0.113818 84.129977 / 1);
2636
+ --color-status-warning-a8: oklch(70.803693% 0.147592 84.202555 / 0.482);
2637
+ --color-status-warning-8-ink: oklch(100% 0 none / 1);
2638
+ --color-status-warning-8-ink-muted: oklch(98.503291% 0.018844 84.129977 / 1);
2639
+ --color-status-warning-9: oklch(85.369678% 0.157207 84.129977 / 1);
2640
+ --color-status-warning-a9: oklch(89.626209% 0.160343 89.547426 / 0.826572);
2641
+ --color-status-warning-9-ink: oklch(35.612648% 0.031441 84.129977 / 1);
2642
+ --color-status-warning-9-ink-muted: oklch(42.75709% 0.03 84.129977 / 1);
2643
+ --color-status-warning-10: oklch(89.098918% 0.148203 85.476085 / 1);
2644
+ --color-status-warning-a10: oklch(91.072336% 0.146892 91.373546 / 0.899066);
2645
+ --color-status-warning-10-ink: oklch(38.59685% 0.029641 85.476085 / 1);
2646
+ --color-status-warning-10-ink-muted: oklch(48.834538% 0.029641 85.476085 / 1);
2647
+ --color-status-warning-11: oklch(76.965573% 0.125137 84.129977 / 1);
2648
+ --color-status-warning-a11: oklch(79.687573% 0.12976 84.141183 / 0.899066);
2649
+ --color-status-warning-11-ink: oklch(27.92169% 0.025027 84.129977 / 1);
2650
+ --color-status-warning-11-ink-muted: oklch(25.159437% 0.025027 84.129977 / 1);
2651
+ --color-status-warning-12: oklch(92.432169% 0.043546 84.129977 / 1);
2652
+ --color-status-warning-a12: oklch(93.523117% 0.044054 84.131212 / 0.965);
2653
+ --color-status-warning-12-ink: oklch(19.670264% 0.008709 84.129977 / 1);
2654
+ --color-status-warning-12-ink-muted: oklch(51.485937% 0.008709 84.129977 / 1);
2655
+ }
2656
+ }