@oxide/design-system 2.7.0 → 2.8.0--canary.437591d.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/dist/asciidoc.css +26 -28
  2. package/dist/button.css +1 -1
  3. package/dist/components/src/index.js +11 -11
  4. package/dist/components/src/index.js.map +1 -1
  5. package/dist/tabs.css +1 -1
  6. package/package.json +3 -1
  7. package/styles/dist/blue.css +162 -643
  8. package/styles/dist/green.css +162 -641
  9. package/styles/dist/main.css +634 -855
  10. package/styles/dist/purple.css +162 -643
  11. package/styles/dist/red.css +162 -643
  12. package/styles/dist/tailwind.css +51 -0
  13. package/styles/dist/yellow.css +162 -641
  14. package/styles/dist/tailwind-tokens.ts +0 -2988
package/styles/dist/main.css CHANGED
@@ -1,864 +1,643 @@
1
1
  /* THIS FILE IS AUTOGENERATED, DO NOT EDIT */
2
+ @import 'tailwindcss';
2
3
 
3
4
  :root {
4
- --base-neutral-1000-rgb: 254, 255, 255; /* #FEFFFF */
5
- --base-neutral-1000-p3: color(display-p3 0.9961 1 1);
6
- --base-neutral-1000: rgb(var(--base-neutral-1000-rgb));
7
-
8
- --base-neutral-900-rgb: 215, 216, 217; /* #D7D8D9 */
9
- --base-neutral-900-p3: color(display-p3 0.8431 0.8471 0.851);
10
- --base-neutral-900: rgb(var(--base-neutral-900-rgb));
11
-
12
- --base-neutral-800-rgb: 184, 187, 188; /* #B8BBBC */
13
- --base-neutral-800-p3: color(display-p3 0.7216 0.7333 0.7373);
14
- --base-neutral-800: rgb(var(--base-neutral-800-rgb));
15
-
16
- --base-neutral-700-rgb: 161, 164, 165; /* #A1A4A5 */
17
- --base-neutral-700-p3: color(display-p3 0.6314 0.6431 0.6471);
18
- --base-neutral-700: rgb(var(--base-neutral-700-rgb));
19
-
20
- --base-neutral-600-rgb: 126, 131, 133; /* #7e8385 */
21
- --base-neutral-600-p3: color(display-p3 0.4941 0.5137 0.5216);
22
- --base-neutral-600: rgb(var(--base-neutral-600-rgb));
23
-
24
- --base-neutral-500-rgb: 91, 95, 97; /* #5B5F61 */
25
- --base-neutral-500-p3: color(display-p3 0.3569 0.3725 0.3804);
26
- --base-neutral-500: rgb(var(--base-neutral-500-rgb));
27
-
28
- --base-neutral-400-rgb: 64, 70, 71; /* #404647 */
29
- --base-neutral-400-p3: color(display-p3 0.251 0.2745 0.2784);
30
- --base-neutral-400: rgb(var(--base-neutral-400-rgb));
31
-
32
- --base-neutral-300-rgb: 45, 51, 53; /* #2D3335 */
33
- --base-neutral-300-p3: color(display-p3 0.1765 0.2 0.2078);
34
- --base-neutral-300: rgb(var(--base-neutral-300-rgb));
35
-
36
- --base-neutral-200-rgb: 28, 34, 37; /* #1C2225 */
37
- --base-neutral-200-p3: color(display-p3 0.1098 0.1333 0.1451);
38
- --base-neutral-200: rgb(var(--base-neutral-200-rgb));
39
-
40
- --base-neutral-100-rgb: 20, 27, 29; /* #141B1D */
41
- --base-neutral-100-p3: color(display-p3 0.0784 0.1059 0.1137);
42
- --base-neutral-100: rgb(var(--base-neutral-100-rgb));
43
-
44
- --base-neutral-50-rgb: 16, 22, 24; /* #101618 */
45
- --base-neutral-50-p3: color(display-p3 0.0627 0.0863 0.0941);
46
- --base-neutral-50: rgb(var(--base-neutral-50-rgb));
47
-
48
- --base-neutral-0-rgb: 8, 15, 17; /* #080F11 */
49
- --base-neutral-0-p3: color(display-p3 0.0314 0.0588 0.0667);
50
- --base-neutral-0: rgb(var(--base-neutral-0-rgb));
51
-
52
- --base-blue-800-rgb: 139, 161, 255; /* #8BA1FF */
53
- --base-blue-800-p3: color(display-p3 0.5451 0.6314 1);
54
- --base-blue-800: rgb(var(--base-blue-800-rgb));
55
-
56
- --base-blue-700-rgb: 120, 138, 221; /* #788ADD */
57
- --base-blue-700-p3: color(display-p3 0.4706 0.5412 0.8667);
58
- --base-blue-700: rgb(var(--base-blue-700-rgb));
59
-
60
- --base-blue-600-rgb: 103, 118, 187; /* #6776BB */
61
- --base-blue-600-p3: color(display-p3 0.4039 0.4627 0.7333);
62
- --base-blue-600: rgb(var(--base-blue-600-rgb));
63
-
64
- --base-blue-500-rgb: 81, 91, 143; /* #515B8F */
65
- --base-blue-500-p3: color(display-p3 0.3176 0.3569 0.5608);
66
- --base-blue-500: rgb(var(--base-blue-500-rgb));
67
-
68
- --base-blue-400-rgb: 60, 67, 102; /* #3C4366 */
69
- --base-blue-400-p3: color(display-p3 0.2353 0.2627 0.4);
70
- --base-blue-400: rgb(var(--base-blue-400-rgb));
71
-
72
- --base-blue-300-rgb: 45, 48, 72; /* #2D3048 */
73
- --base-blue-300-p3: color(display-p3 0.1765 0.1882 0.2824);
74
- --base-blue-300: rgb(var(--base-blue-300-rgb));
75
-
76
- --base-blue-200-rgb: 30, 32, 45; /* #1E202D */
77
- --base-blue-200-p3: color(display-p3 0.1176 0.1255 0.1765);
78
- --base-blue-200: rgb(var(--base-blue-200-rgb));
79
-
80
- --base-blue-100-rgb: 23, 24, 33; /* #171821 */
81
- --base-blue-100-p3: color(display-p3 0.0902 0.0941 0.1294);
82
- --base-blue-100: rgb(var(--base-blue-100-rgb));
83
-
84
- --base-purple-800-rgb: 190, 149, 235; /* #BE95EB */
85
- --base-purple-800-p3: color(display-p3 0.7451 0.5843 0.9216);
86
- --base-purple-800: rgb(var(--base-purple-800-rgb));
87
-
88
- --base-purple-700-rgb: 163, 128, 203; /* #A380CB */
89
- --base-purple-700-p3: color(display-p3 0.6392 0.502 0.7961);
90
- --base-purple-700: rgb(var(--base-purple-700-rgb));
91
-
92
- --base-purple-600-rgb: 139, 109, 172; /* #8B6DAC */
93
- --base-purple-600-p3: color(display-p3 0.5451 0.4275 0.6745);
94
- --base-purple-600: rgb(var(--base-purple-600-rgb));
95
-
96
- --base-purple-500-rgb: 108, 85, 132; /* #6C5584 */
97
- --base-purple-500-p3: color(display-p3 0.4235 0.3333 0.5176);
98
- --base-purple-500: rgb(var(--base-purple-500-rgb));
99
-
100
- --base-purple-400-rgb: 77, 62, 94; /* #4D3E5E */
101
- --base-purple-400-p3: color(display-p3 0.302 0.2431 0.3686);
102
- --base-purple-400: rgb(var(--base-purple-400-rgb));
103
-
104
- --base-purple-300-rgb: 56, 45, 67; /* #382D43 */
105
- --base-purple-300-p3: color(display-p3 0.2196 0.1765 0.2627);
106
- --base-purple-300: rgb(var(--base-purple-300-rgb));
107
-
108
- --base-purple-200-rgb: 37, 31, 43; /* #251F2B */
109
- --base-purple-200-p3: color(display-p3 0.1451 0.1216 0.1686);
110
- --base-purple-200: rgb(var(--base-purple-200-rgb));
111
-
112
- --base-purple-100-rgb: 30, 24, 34; /* #1E1822 */
113
- --base-purple-100-p3: color(display-p3 0.1176 0.0941 0.1333);
114
- --base-purple-100: rgb(var(--base-purple-100-rgb));
115
-
116
- --base-red-800-rgb: 251, 110, 136; /* #FB6E88 */
117
- --base-red-800-p3: color(display-p3 0.9843 0.4314 0.5333);
118
- --base-red-800: rgb(var(--base-red-800-rgb));
119
-
120
- --base-red-700-rgb: 218, 97, 119; /* #DA6177 */
121
- --base-red-700-p3: color(display-p3 0.8549 0.3804 0.4667);
122
- --base-red-700: rgb(var(--base-red-700-rgb));
123
-
124
- --base-red-600-rgb: 195, 87, 106; /* #C3576A */
125
- --base-red-600-p3: color(display-p3 0.7647 0.3412 0.4157);
126
- --base-red-600: rgb(var(--base-red-600-rgb));
127
-
128
- --base-red-500-rgb: 149, 69, 83; /* #954553 */
129
- --base-red-500-p3: color(display-p3 0.5843 0.2706 0.3255);
130
- --base-red-500: rgb(var(--base-red-500-rgb));
131
-
132
- --base-red-400-rgb: 106, 52, 60; /* #6A343C */
133
- --base-red-400-p3: color(display-p3 0.4157 0.2039 0.2353);
134
- --base-red-400: rgb(var(--base-red-400-rgb));
135
-
136
- --base-red-300-rgb: 48, 27, 29; /* #301B1D */
137
- --base-red-300-p3: color(display-p3 0.1882 0.1059 0.1137);
138
- --base-red-300: rgb(var(--base-red-300-rgb));
139
-
140
- --base-red-200-rgb: 35, 21, 23; /* #231517 */
141
- --base-red-200-p3: color(display-p3 0.1373 0.0824 0.0902);
142
- --base-red-200: rgb(var(--base-red-200-rgb));
143
-
144
- --base-red-100-rgb: 30, 19, 20; /* #1E1314 */
145
- --base-red-100-p3: color(display-p3 0.1176 0.0745 0.0784);
146
- --base-red-100: rgb(var(--base-red-100-rgb));
147
-
148
- --base-yellow-800-rgb: 245, 185, 68; /* #F5B944 */
149
- --base-yellow-800-p3: color(display-p3 0.9608 0.7255 0.2667);
150
- --base-yellow-800: rgb(var(--base-yellow-800-rgb));
151
-
152
- --base-yellow-700-rgb: 202, 153, 59; /* #CA993B */
153
- --base-yellow-700-p3: color(display-p3 0.7922 0.6 0.2314);
154
- --base-yellow-700: rgb(var(--base-yellow-700-rgb));
155
-
156
- --base-yellow-600-rgb: 153, 116, 48; /* #997430 */
157
- --base-yellow-600-p3: color(display-p3 0.6 0.4549 0.1882);
158
- --base-yellow-600: rgb(var(--base-yellow-600-rgb));
159
-
160
- --base-yellow-500-rgb: 118, 90, 39; /* #765A27 */
161
- --base-yellow-500-p3: color(display-p3 0.4627 0.3529 0.1529);
162
- --base-yellow-500: rgb(var(--base-yellow-500-rgb));
163
-
164
- --base-yellow-400-rgb: 85, 66, 31; /* #55421F */
165
- --base-yellow-400-p3: color(display-p3 0.3333 0.2588 0.1216);
166
- --base-yellow-400: rgb(var(--base-yellow-400-rgb));
167
-
168
- --base-yellow-300-rgb: 61, 48, 25; /* #3D3019 */
169
- --base-yellow-300-p3: color(display-p3 0.2392 0.1882 0.098);
170
- --base-yellow-300: rgb(var(--base-yellow-300-rgb));
171
-
172
- --base-yellow-200-rgb: 41, 32, 19; /* #292013 */
173
- --base-yellow-200-p3: color(display-p3 0.1608 0.1255 0.0745);
174
- --base-yellow-200: rgb(var(--base-yellow-200-rgb));
175
-
176
- --base-yellow-100-rgb: 32, 25, 15; /* #20190F */
177
- --base-yellow-100-p3: color(display-p3 0.1255 0.098 0.0588);
178
- --base-yellow-100: rgb(var(--base-yellow-100-rgb));
179
-
180
- --base-green-800-rgb: 72, 213, 151; /* #48d597 */
181
- --base-green-800-p3: color(display-p3 0.2824 0.8353 0.5922);
182
- --base-green-800: rgb(var(--base-green-800-rgb));
183
-
184
- --base-green-700-rgb: 32, 163, 108; /* #20A36C */
185
- --base-green-700-p3: color(display-p3 0.1255 0.6392 0.4235);
186
- --base-green-700: rgb(var(--base-green-700-rgb));
187
-
188
- --base-green-600-rgb: 35, 138, 94; /* #238A5E */
189
- --base-green-600-p3: color(display-p3 0.1373 0.5412 0.3686);
190
- --base-green-600: rgb(var(--base-green-600-rgb));
191
-
192
- --base-green-500-rgb: 35, 106, 76; /* #236A4C */
193
- --base-green-500-p3: color(display-p3 0.1373 0.4157 0.298);
194
- --base-green-500: rgb(var(--base-green-500-rgb));
195
-
196
- --base-green-400-rgb: 32, 77, 59; /* #204D3B */
197
- --base-green-400-p3: color(display-p3 0.1255 0.302 0.2314);
198
- --base-green-400: rgb(var(--base-green-400-rgb));
199
-
200
- --base-green-300-rgb: 28, 55, 46; /* #1C372E */
201
- --base-green-300-p3: color(display-p3 0.1098 0.2157 0.1804);
202
- --base-green-300: rgb(var(--base-green-300-rgb));
203
-
204
- --base-green-200-rgb: 22, 35, 34; /* #162322 */
205
- --base-green-200-p3: color(display-p3 0.0863 0.1373 0.1333);
206
- --base-green-200: rgb(var(--base-green-200-rgb));
207
-
208
- --base-green-100-rgb: 19, 26, 28; /* #131A1C */
209
- --base-green-100-p3: color(display-p3 0.0745 0.102 0.1098);
210
- --base-green-100: rgb(var(--base-green-100-rgb));
211
-
212
- --surface-default-rgb: var(--base-neutral-0-rgb);
213
- --surface-default-p3: var(--base-neutral-0-p3);
214
- --surface-default: rgb(var(--surface-default-rgb));
215
-
216
- --surface-hover-rgb: var(--base-neutral-200-rgb);
217
- --surface-hover-p3: var(--base-neutral-200-p3);
218
- --surface-hover: rgb(var(--surface-hover-rgb));
219
-
220
- --surface-raise-rgb: var(--base-neutral-50-rgb);
221
- --surface-raise-p3: var(--base-neutral-50-p3);
222
- --surface-raise: rgb(var(--surface-raise-rgb));
223
-
224
- --surface-secondary-rgb: var(--base-neutral-100-rgb);
225
- --surface-secondary-p3: var(--base-neutral-100-p3);
226
- --surface-secondary: rgb(var(--surface-secondary-rgb));
227
-
228
- --surface-tertiary-rgb: var(--base-neutral-200-rgb);
229
- --surface-tertiary-p3: var(--base-neutral-200-p3);
230
- --surface-tertiary: rgb(var(--surface-tertiary-rgb));
231
-
232
- --surface-disabled-rgb: var(--base-neutral-100-rgb);
233
- --surface-disabled-p3: var(--base-neutral-100-p3);
234
- --surface-disabled: rgb(var(--surface-disabled-rgb));
235
-
236
- --surface-scrim: rgba(var(--base-neutral-0-rgb), 0.4);
237
- --surface-scrim-p3: color(display-p3 0.0314 0.0588 0.0667 / 0.4);
238
-
239
- --surface-accent-rgb: var(--theme-accent-800-rgb);
240
- --surface-accent-p3: var(--theme-accent-800-p3);
241
- --surface-accent: rgb(var(--surface-accent-rgb));
242
-
243
- --surface-accent-hover-rgb: var(--theme-accent-700-rgb);
244
- --surface-accent-hover-p3: var(--theme-accent-700-p3);
245
- --surface-accent-hover: rgb(var(--surface-accent-hover-rgb));
246
-
247
- --surface-accent-secondary-rgb: var(--theme-accent-200-rgb);
248
- --surface-accent-secondary-p3: var(--theme-accent-200-p3);
249
- --surface-accent-secondary: rgb(var(--surface-accent-secondary-rgb));
250
-
251
- --surface-accent-secondary-hover-rgb: var(--theme-accent-300-rgb);
252
- --surface-accent-secondary-hover-p3: var(--theme-accent-300-p3);
253
- --surface-accent-secondary-hover: rgb(var(--surface-accent-secondary-hover-rgb));
254
-
255
- --surface-destructive-rgb: var(--theme-destructive-800-rgb);
256
- --surface-destructive-p3: var(--theme-destructive-800-p3);
257
- --surface-destructive: rgb(var(--surface-destructive-rgb));
258
-
259
- --surface-destructive-hover-rgb: var(--theme-destructive-700-rgb);
260
- --surface-destructive-hover-p3: var(--theme-destructive-700-p3);
261
- --surface-destructive-hover: rgb(var(--surface-destructive-hover-rgb));
262
-
263
- --surface-destructive-secondary-rgb: var(--theme-destructive-200-rgb);
264
- --surface-destructive-secondary-p3: var(--theme-destructive-200-p3);
265
- --surface-destructive-secondary: rgb(var(--surface-destructive-secondary-rgb));
266
-
267
- --surface-destructive-secondary-hover-rgb: var(--theme-destructive-300-rgb);
268
- --surface-destructive-secondary-hover-p3: var(--theme-destructive-300-p3);
269
- --surface-destructive-secondary-hover: rgb(
270
- var(--surface-destructive-secondary-hover-rgb)
271
- );
272
-
273
- --surface-notice-rgb: var(--theme-notice-800-rgb);
274
- --surface-notice-p3: var(--theme-notice-800-p3);
275
- --surface-notice: rgb(var(--surface-notice-rgb));
276
-
277
- --surface-notice-hover-rgb: var(--theme-notice-700-rgb);
278
- --surface-notice-hover-p3: var(--theme-notice-700-p3);
279
- --surface-notice-hover: rgb(var(--surface-notice-hover-rgb));
280
-
281
- --surface-notice-secondary-rgb: var(--theme-notice-200-rgb);
282
- --surface-notice-secondary-p3: var(--theme-notice-200-p3);
283
- --surface-notice-secondary: rgb(var(--surface-notice-secondary-rgb));
284
-
285
- --surface-notice-secondary-hover-rgb: var(--theme-notice-300-rgb);
286
- --surface-notice-secondary-hover-p3: var(--theme-notice-300-p3);
287
- --surface-notice-secondary-hover: rgb(var(--surface-notice-secondary-hover-rgb));
288
-
289
- --surface-success-rgb: var(--theme-success-800-rgb);
290
- --surface-success-p3: var(--theme-success-800-p3);
291
- --surface-success: rgb(var(--surface-success-rgb));
292
-
293
- --surface-success-secondary-rgb: var(--theme-success-200-rgb);
294
- --surface-success-secondary-p3: var(--theme-success-200-p3);
295
- --surface-success-secondary: rgb(var(--surface-success-secondary-rgb));
296
-
297
- --surface-error-rgb: var(--theme-error-800-rgb);
298
- --surface-error-p3: var(--theme-error-800-p3);
299
- --surface-error: rgb(var(--surface-error-rgb));
300
-
301
- --surface-error-secondary-rgb: var(--theme-error-200-rgb);
302
- --surface-error-secondary-p3: var(--theme-error-200-p3);
303
- --surface-error-secondary: rgb(var(--surface-error-secondary-rgb));
304
-
305
- --surface-inverse-raise-rgb: var(--content-raise-rgb);
306
- --surface-inverse-raise-p3: var(--content-raise-p3);
307
- --surface-inverse-raise: rgb(var(--surface-inverse-raise-rgb));
308
-
309
- --surface-inverse-primary-rgb: var(--content-default-rgb);
310
- --surface-inverse-primary-p3: var(--content-default-p3);
311
- --surface-inverse-primary: rgb(var(--surface-inverse-primary-rgb));
312
-
313
- --surface-inverse-secondary-rgb: var(--content-secondary-rgb);
314
- --surface-inverse-secondary-p3: var(--content-secondary-p3);
315
- --surface-inverse-secondary: rgb(var(--surface-inverse-secondary-rgb));
316
-
317
- --surface-info-rgb: var(--theme-info-800-rgb);
318
- --surface-info-p3: var(--theme-info-800-p3);
319
- --surface-info: rgb(var(--surface-info-rgb));
320
-
321
- --surface-info-hover-rgb: var(--theme-info-700-rgb);
322
- --surface-info-hover-p3: var(--theme-info-700-p3);
323
- --surface-info-hover: rgb(var(--surface-info-hover-rgb));
324
-
325
- --surface-info-secondary-rgb: var(--theme-info-200-rgb);
326
- --surface-info-secondary-p3: var(--theme-info-200-p3);
327
- --surface-info-secondary: rgb(var(--surface-info-secondary-rgb));
328
-
329
- --surface-info-secondary-hover-rgb: var(--theme-info-300-rgb);
330
- --surface-info-secondary-hover-p3: var(--theme-info-300-p3);
331
- --surface-info-secondary-hover: rgb(var(--surface-info-secondary-hover-rgb));
332
-
333
- --content-raise-rgb: var(--base-neutral-900-rgb);
334
- --content-raise-p3: var(--base-neutral-900-p3);
335
- --content-raise: rgb(var(--content-raise-rgb));
336
-
337
- --content-default-rgb: var(--base-neutral-800-rgb);
338
- --content-default-p3: var(--base-neutral-800-p3);
339
- --content-default: rgb(var(--content-default-rgb));
340
-
341
- --content-secondary-rgb: var(--base-neutral-700-rgb);
342
- --content-secondary-p3: var(--base-neutral-700-p3);
343
- --content-secondary: rgb(var(--content-secondary-rgb));
344
-
345
- --content-tertiary-rgb: var(--base-neutral-600-rgb);
346
- --content-tertiary-p3: var(--base-neutral-600-p3);
347
- --content-tertiary: rgb(var(--content-tertiary-rgb));
348
-
349
- --content-quaternary-rgb: var(--base-neutral-500-rgb);
350
- --content-quaternary-p3: var(--base-neutral-500-p3);
351
- --content-quaternary: rgb(var(--content-quaternary-rgb));
352
-
353
- --content-disabled-rgb: var(--base-neutral-500-rgb);
354
- --content-disabled-p3: var(--base-neutral-500-p3);
355
- --content-disabled: rgb(var(--content-disabled-rgb));
356
-
357
- --content-accent-rgb: var(--theme-accent-800-rgb);
358
- --content-accent-p3: var(--theme-accent-800-p3);
359
- --content-accent: rgb(var(--content-accent-rgb));
360
-
361
- --content-accent-secondary-rgb: var(--theme-accent-700-rgb);
362
- --content-accent-secondary-p3: var(--theme-accent-700-p3);
363
- --content-accent-secondary: rgb(var(--content-accent-secondary-rgb));
364
-
365
- --content-accent-tertiary-rgb: var(--theme-accent-600-rgb);
366
- --content-accent-tertiary-p3: var(--theme-accent-600-p3);
367
- --content-accent-tertiary: rgb(var(--content-accent-tertiary-rgb));
368
-
369
- --content-accent-disabled-rgb: var(--theme-accent-500-rgb);
370
- --content-accent-disabled-p3: var(--theme-accent-500-p3);
371
- --content-accent-disabled: rgb(var(--content-accent-disabled-rgb));
372
-
373
- --content-destructive-rgb: var(--theme-destructive-800-rgb);
374
- --content-destructive-p3: var(--theme-destructive-800-p3);
375
- --content-destructive: rgb(var(--content-destructive-rgb));
376
-
377
- --content-destructive-secondary-rgb: var(--theme-destructive-700-rgb);
378
- --content-destructive-secondary-p3: var(--theme-destructive-700-p3);
379
- --content-destructive-secondary: rgb(var(--content-destructive-secondary-rgb));
380
-
381
- --content-destructive-tertiary-rgb: var(--theme-destructive-600-rgb);
382
- --content-destructive-tertiary-p3: var(--theme-destructive-600-p3);
383
- --content-destructive-tertiary: rgb(var(--content-destructive-tertiary-rgb));
384
-
385
- --content-destructive-disabled-rgb: var(--theme-destructive-500-rgb);
386
- --content-destructive-disabled-p3: var(--theme-destructive-500-p3);
387
- --content-destructive-disabled: rgb(var(--content-destructive-disabled-rgb));
388
-
389
- --content-success-rgb: var(--theme-success-800-rgb);
390
- --content-success-p3: var(--theme-success-800-p3);
391
- --content-success: rgb(var(--content-success-rgb));
392
-
393
- --content-success-secondary-rgb: var(--theme-success-700-rgb);
394
- --content-success-secondary-p3: var(--theme-success-700-p3);
395
- --content-success-secondary: rgb(var(--content-success-secondary-rgb));
396
-
397
- --content-success-tertiary-rgb: var(--theme-success-600-rgb);
398
- --content-success-tertiary-p3: var(--theme-success-600-p3);
399
- --content-success-tertiary: rgb(var(--content-success-tertiary-rgb));
400
-
401
- --content-success-disabled-rgb: var(--theme-success-500-rgb);
402
- --content-success-disabled-p3: var(--theme-success-500-p3);
403
- --content-success-disabled: rgb(var(--content-success-disabled-rgb));
404
-
405
- --content-error-rgb: var(--theme-error-800-rgb);
406
- --content-error-p3: var(--theme-error-800-p3);
407
- --content-error: rgb(var(--content-error-rgb));
408
-
409
- --content-error-secondary-rgb: var(--theme-error-700-rgb);
410
- --content-error-secondary-p3: var(--theme-error-700-p3);
411
- --content-error-secondary: rgb(var(--content-error-secondary-rgb));
412
-
413
- --content-error-tertiary-rgb: var(--theme-error-600-rgb);
414
- --content-error-tertiary-p3: var(--theme-error-600-p3);
415
- --content-error-tertiary: rgb(var(--content-error-tertiary-rgb));
416
-
417
- --content-error-disabled-rgb: var(--theme-error-500-rgb);
418
- --content-error-disabled-p3: var(--theme-error-500-p3);
419
- --content-error-disabled: rgb(var(--content-error-disabled-rgb));
420
-
421
- --content-notice-rgb: var(--theme-notice-800-rgb);
422
- --content-notice-p3: var(--theme-notice-800-p3);
423
- --content-notice: rgb(var(--content-notice-rgb));
424
-
425
- --content-notice-secondary-rgb: var(--theme-notice-700-rgb);
426
- --content-notice-secondary-p3: var(--theme-notice-700-p3);
427
- --content-notice-secondary: rgb(var(--content-notice-secondary-rgb));
428
-
429
- --content-notice-tertiary-rgb: var(--theme-notice-600-rgb);
430
- --content-notice-tertiary-p3: var(--theme-notice-600-p3);
431
- --content-notice-tertiary: rgb(var(--content-notice-tertiary-rgb));
432
-
433
- --content-notice-disabled-rgb: var(--theme-notice-500-rgb);
434
- --content-notice-disabled-p3: var(--theme-notice-500-p3);
435
- --content-notice-disabled: rgb(var(--content-notice-disabled-rgb));
436
-
437
- --content-inverse-rgb: var(--surface-default-rgb);
438
- --content-inverse-p3: var(--surface-default-p3);
439
- --content-inverse: rgb(var(--content-inverse-rgb));
440
-
441
- --content-inverse-raise-rgb: var(--surface-raise-rgb);
442
- --content-inverse-raise-p3: var(--surface-raise-p3);
443
- --content-inverse-raise: rgb(var(--content-inverse-raise-rgb));
444
-
445
- --content-inverse-secondary-rgb: var(--surface-secondary-rgb);
446
- --content-inverse-secondary-p3: var(--surface-secondary-p3);
447
- --content-inverse-secondary: rgb(var(--content-inverse-secondary-rgb));
448
-
449
- --content-info-rgb: var(--theme-info-800-rgb);
450
- --content-info-p3: var(--theme-info-800-p3);
451
- --content-info: rgb(var(--content-info-rgb));
452
-
453
- --content-info-secondary-rgb: var(--theme-info-700-rgb);
454
- --content-info-secondary-p3: var(--theme-info-700-p3);
455
- --content-info-secondary: rgb(var(--content-info-secondary-rgb));
456
-
457
- --content-info-tertiary-rgb: var(--theme-info-600-rgb);
458
- --content-info-tertiary-p3: var(--theme-info-600-p3);
459
- --content-info-tertiary: rgb(var(--content-info-tertiary-rgb));
460
-
461
- --content-info-disabled-rgb: var(--theme-info-500-rgb);
462
- --content-info-disabled-p3: var(--theme-info-500-p3);
463
- --content-info-disabled: rgb(var(--content-info-disabled-rgb));
464
-
465
- --stroke-default-rgb: var(--base-neutral-300-rgb);
466
- --stroke-default-p3: var(--base-neutral-300-p3);
467
- --stroke-default: rgb(var(--stroke-default-rgb));
468
-
469
- --stroke-hover-rgb: var(--base-neutral-400-rgb);
470
- --stroke-hover-p3: var(--base-neutral-400-p3);
471
- --stroke-hover: rgb(var(--stroke-hover-rgb));
472
-
473
- --stroke-secondary-rgb: var(--base-neutral-200-rgb);
474
- --stroke-secondary-p3: var(--base-neutral-200-p3);
475
- --stroke-secondary: rgb(var(--stroke-secondary-rgb));
476
-
477
- --stroke-tertiary-rgb: var(--base-neutral-100-rgb);
478
- --stroke-tertiary-p3: var(--base-neutral-100-p3);
479
- --stroke-tertiary: rgb(var(--stroke-tertiary-rgb));
480
-
481
- --stroke-raise-rgb: var(--base-neutral-500-rgb);
482
- --stroke-raise-p3: var(--base-neutral-500-p3);
483
- --stroke-raise: rgb(var(--stroke-raise-rgb));
484
-
485
- --stroke-surface-rgb: var(--surface-default-rgb);
486
- --stroke-surface-p3: var(--surface-default-p3);
487
- --stroke-surface: rgb(var(--stroke-surface-rgb));
488
-
489
- --stroke-accent-rgb: var(--theme-accent-800-rgb);
490
- --stroke-accent-p3: var(--theme-accent-800-p3);
491
- --stroke-accent: rgb(var(--stroke-accent-rgb));
492
-
493
- --stroke-accent-secondary-rgb: var(--theme-accent-600-rgb);
494
- --stroke-accent-secondary-p3: var(--theme-accent-600-p3);
495
- --stroke-accent-secondary: rgb(var(--stroke-accent-secondary-rgb));
496
-
497
- --stroke-accent-tertiary-rgb: var(--theme-accent-400-rgb);
498
- --stroke-accent-tertiary-p3: var(--theme-accent-400-p3);
499
- --stroke-accent-tertiary: rgb(var(--stroke-accent-tertiary-rgb));
500
-
501
- --stroke-accent-quaternary-rgb: var(--theme-accent-300-rgb);
502
- --stroke-accent-quaternary-p3: var(--theme-accent-300-p3);
503
- --stroke-accent-quaternary: rgb(var(--stroke-accent-quaternary-rgb));
504
-
505
- --stroke-destructive-rgb: var(--theme-destructive-800-rgb);
506
- --stroke-destructive-p3: var(--theme-destructive-800-p3);
507
- --stroke-destructive: rgb(var(--stroke-destructive-rgb));
508
-
509
- --stroke-destructive-secondary-rgb: var(--theme-destructive-600-rgb);
510
- --stroke-destructive-secondary-p3: var(--theme-destructive-600-p3);
511
- --stroke-destructive-secondary: rgb(var(--stroke-destructive-secondary-rgb));
512
-
513
- --stroke-destructive-tertiary-rgb: var(--theme-destructive-400-rgb);
514
- --stroke-destructive-tertiary-p3: var(--theme-destructive-400-p3);
515
- --stroke-destructive-tertiary: rgb(var(--stroke-destructive-tertiary-rgb));
516
-
517
- --stroke-destructive-quaternary-rgb: var(--theme-destructive-300-rgb);
518
- --stroke-destructive-quaternary-p3: var(--theme-destructive-300-p3);
519
- --stroke-destructive-quaternary: rgb(var(--stroke-destructive-quaternary-rgb));
520
-
521
- --stroke-success-rgb: var(--theme-success-800-rgb);
522
- --stroke-success-p3: var(--theme-success-800-p3);
523
- --stroke-success: rgb(var(--stroke-success-rgb));
524
-
525
- --stroke-success-secondary-rgb: var(--theme-success-600-rgb);
526
- --stroke-success-secondary-p3: var(--theme-success-600-p3);
527
- --stroke-success-secondary: rgb(var(--stroke-success-secondary-rgb));
528
-
529
- --stroke-success-tertiary-rgb: var(--theme-success-400-rgb);
530
- --stroke-success-tertiary-p3: var(--theme-success-400-p3);
531
- --stroke-success-tertiary: rgb(var(--stroke-success-tertiary-rgb));
532
-
533
- --stroke-success-quaternary-rgb: var(--theme-success-300-rgb);
534
- --stroke-success-quaternary-p3: var(--theme-success-300-p3);
535
- --stroke-success-quaternary: rgb(var(--stroke-success-quaternary-rgb));
536
-
537
- --stroke-error-rgb: var(--theme-error-800-rgb);
538
- --stroke-error-p3: var(--theme-error-800-p3);
539
- --stroke-error: rgb(var(--stroke-error-rgb));
540
-
541
- --stroke-error-secondary-rgb: var(--theme-error-600-rgb);
542
- --stroke-error-secondary-p3: var(--theme-error-600-p3);
543
- --stroke-error-secondary: rgb(var(--stroke-error-secondary-rgb));
544
-
545
- --stroke-error-tertiary-rgb: var(--theme-error-400-rgb);
546
- --stroke-error-tertiary-p3: var(--theme-error-400-p3);
547
- --stroke-error-tertiary: rgb(var(--stroke-error-tertiary-rgb));
548
-
549
- --stroke-error-quaternary-rgb: var(--theme-error-300-rgb);
550
- --stroke-error-quaternary-p3: var(--theme-error-300-p3);
551
- --stroke-error-quaternary: rgb(var(--stroke-error-quaternary-rgb));
552
-
553
- --stroke-notice-rgb: var(--theme-notice-800-rgb);
554
- --stroke-notice-p3: var(--theme-notice-800-p3);
555
- --stroke-notice: rgb(var(--stroke-notice-rgb));
556
-
557
- --stroke-notice-secondary-rgb: var(--theme-notice-600-rgb);
558
- --stroke-notice-secondary-p3: var(--theme-notice-600-p3);
559
- --stroke-notice-secondary: rgb(var(--stroke-notice-secondary-rgb));
560
-
561
- --stroke-notice-tertiary-rgb: var(--theme-notice-400-rgb);
562
- --stroke-notice-tertiary-p3: var(--theme-notice-400-p3);
563
- --stroke-notice-tertiary: rgb(var(--stroke-notice-tertiary-rgb));
564
-
565
- --stroke-notice-quaternary-rgb: var(--theme-notice-300-rgb);
566
- --stroke-notice-quaternary-p3: var(--theme-notice-300-p3);
567
- --stroke-notice-quaternary: rgb(var(--stroke-notice-quaternary-rgb));
568
-
569
- --stroke-info-rgb: var(--theme-info-800-rgb);
570
- --stroke-info-p3: var(--theme-info-800-p3);
571
- --stroke-info: rgb(var(--stroke-info-rgb));
572
-
573
- --stroke-info-secondary-rgb: var(--theme-info-600-rgb);
574
- --stroke-info-secondary-p3: var(--theme-info-600-p3);
575
- --stroke-info-secondary: rgb(var(--stroke-info-secondary-rgb));
576
-
577
- --stroke-info-tertiary-rgb: var(--theme-info-400-rgb);
578
- --stroke-info-tertiary-p3: var(--theme-info-400-p3);
579
- --stroke-info-tertiary: rgb(var(--stroke-info-tertiary-rgb));
580
-
581
- --stroke-info-quaternary-rgb: var(--theme-info-300-rgb);
582
- --stroke-info-quaternary-p3: var(--theme-info-300-p3);
583
- --stroke-info-quaternary: rgb(var(--stroke-info-quaternary-rgb));
5
+ --color-neutral-1000: color(
6
+ display-p3 0.9967761539452785 0.9998701540262044 0.9999331805514878
7
+ ); /* #FEFFFF */
8
+ --color-neutral-900: color(
9
+ display-p3 0.8438352319511949 0.8469290330354962 0.8505640360063605
10
+ ); /* #D7D8D9 */
11
+ --color-neutral-800: color(
12
+ display-p3 0.7236755020156038 0.7329467520722801 0.7367074499372497
13
+ ); /* #B8BBBC */
14
+ --color-neutral-700: color(
15
+ display-p3 0.6334818103070252 0.6427511817107786 0.6465119387581825
16
+ ); /* #A1A4A5 */
17
+ --color-neutral-600: color(
18
+ display-p3 0.4976701084474386 0.5130897614687101 0.5205515394637789
19
+ ); /* #7e8385 */
20
+ --color-neutral-500: color(
21
+ display-p3 0.3597085003581039 0.3720412109254131 0.3794431797850346
22
+ ); /* #5B5F61 */
23
+ --color-neutral-400: color(
24
+ display-p3 0.2553413105536939 0.27376625441340496 0.27770648130844244
25
+ ); /* #404647 */
26
+ --color-neutral-300: color(
27
+ display-p3 0.18088995487994503 0.1992673051921286 0.20679231365610162
28
+ ); /* #2D3335 */
29
+ --color-neutral-200: color(
30
+ display-p3 0.11431963155657676 0.13261753531957074 0.143744402534617
31
+ ); /* #1C2225 */
32
+ --color-neutral-100: color(
33
+ display-p3 0.08386952946123807 0.10507459422019316 0.1126540913483059
34
+ ); /* #141B1D */
35
+ --color-neutral-50: color(
36
+ display-p3 0.06739284393097031 0.08558006444336808 0.0931064989053643
37
+ ); /* #101618 */
38
+ --color-neutral-0: color(
39
+ display-p3 0.036760063071504825 0.05804576716456642 0.06562718269807541
40
+ ); /* #080F11 */
41
+ --color-blue-800: color(
42
+ display-p3 0.5616641479260542 0.6287493953124766 0.9734821327451663
43
+ ); /* #8BA1FF */
44
+ --color-blue-700: color(
45
+ display-p3 0.4840760759909391 0.5390189657729598 0.8433696459850775
46
+ ); /* #788ADD */
47
+ --color-blue-600: color(
48
+ display-p3 0.4151256342009877 0.46094099659707627 0.713805186697585
49
+ ); /* #6776BB */
50
+ --color-blue-500: color(
51
+ display-p3 0.32502672686325673 0.3556441327376487 0.5459647947277517
52
+ ); /* #515B8F */
53
+ --color-blue-400: color(
54
+ display-p3 0.24043055576084826 0.2618867246658045 0.3897751920628703
55
+ ); /* #3C4366 */
56
+ --color-blue-300: color(
57
+ display-p3 0.1786200923014884 0.1878574995226226 0.2752857688446367
58
+ ); /* #2D3048 */
59
+ --color-blue-200: color(
60
+ display-p3 0.11907577529357963 0.12523747486865994 0.17245027907531774
61
+ ); /* #1E202D */
62
+ --color-blue-100: color(
63
+ display-p3 0.09090310464814949 0.09398978491029422 0.12658653445006884
64
+ ); /* #171821 */
65
+ --color-purple-800: color(
66
+ display-p3 0.7199041089606463 0.5905777966739129 0.8997851881994727
67
+ ); /* #BE95EB */
68
+ --color-purple-700: color(
69
+ display-p3 0.6176620043485992 0.5072919661927223 0.7770451092818965
70
+ ); /* #A380CB */
71
+ --color-purple-600: color(
72
+ display-p3 0.5266029147263402 0.43201348221720354 0.658472257647523
73
+ ); /* #8B6DAC */
74
+ --color-purple-500: color(
75
+ display-p3 0.40927836765624315 0.3368069077031495 0.5055688506059814
76
+ ); /* #6C5584 */
77
+ --color-purple-400: color(
78
+ display-p3 0.2925207541619176 0.24535487188954597 0.3602153988663625
79
+ ); /* #4D3E5E */
80
+ --color-purple-300: color(
81
+ display-p3 0.21265042602455625 0.17808591248874042 0.25689800139783175
82
+ ); /* #382D43 */
83
+ --color-purple-200: color(
84
+ display-p3 0.14120618453185496 0.1224209120935679 0.165300467987632
85
+ ); /* #251F2B */
86
+ --color-purple-100: color(
87
+ display-p3 0.11380102321850455 0.0949832101380699 0.13061626398927353
88
+ ); /* #1E1822 */
89
+ --color-red-800: color(
90
+ display-p3 0.9168165401949406 0.46465535927403595 0.5390081507653561
91
+ ); /* #FB6E88 */
92
+ --color-red-700: color(
93
+ display-p3 0.7964645558620367 0.40841569441043135 0.47149465440441213
94
+ ); /* #DA6177 */
95
+ --color-red-600: color(
96
+ display-p3 0.7123368412346623 0.3659764657543945 0.42018168321468297
97
+ ); /* #C3576A */
98
+ --color-red-500: color(
99
+ display-p3 0.54467993913213 0.2881585750532095 0.32859275026896756
100
+ ); /* #954553 */
101
+ --color-red-400: color(
102
+ display-p3 0.3880353956012564 0.21503505622273383 0.2377024955644162
103
+ ); /* #6A343C */
104
+ --color-red-300: color(
105
+ display-p3 0.17652197603839365 0.10959767370210685 0.11485879231717566
106
+ ); /* #301B1D */
107
+ --color-red-200: color(
108
+ display-p3 0.129140055434958 0.08468327014966448 0.09064241222767869
109
+ ); /* #231517 */
110
+ --color-red-100: color(
111
+ display-p3 0.1111091592090036 0.07627289273638779 0.07896469636558265
112
+ ); /* #1E1314 */
113
+ --color-yellow-800: color(
114
+ display-p3 0.9246726761147905 0.7349322400144668 0.35478568923303233
115
+ ); /* #F5B944 */
116
+ --color-yellow-700: color(
117
+ display-p3 0.7625685956908921 0.60767449881825 0.2994621129781391
118
+ ); /* #CA993B */
119
+ --color-yellow-600: color(
120
+ display-p3 0.577577081670476 0.46066704465450065 0.23478898502532436
121
+ ); /* #997430 */
122
+ --color-yellow-500: color(
123
+ display-p3 0.4456676007915647 0.3572643913038676 0.1862111103866858
124
+ ); /* #765A27 */
125
+ --color-yellow-400: color(
126
+ display-p3 0.32158715205107063 0.26170195700266397 0.14269771287346764
127
+ ); /* #55421F */
128
+ --color-yellow-300: color(
129
+ display-p3 0.231079570994478 0.1901717568816926 0.11084081717589886
130
+ ); /* #3D3019 */
131
+ --color-yellow-200: color(
132
+ display-p3 0.1551157651257713 0.12681932912773047 0.08123881916988879
133
+ ); /* #292013 */
134
+ --color-yellow-100: color(
135
+ display-p3 0.12104842543229768 0.09906271231243746 0.063859934590173
136
+ ); /* #20190F */
137
+ --color-green-800: color(
138
+ display-p3 0.4509664622561616 0.8240810849465557 0.6105978837942857
139
+ ); /* #48d597 */
140
+ --color-green-700: color(
141
+ display-p3 0.30729539326874494 0.6299054596145268 0.440831736604609
142
+ ); /* #20A36C */
143
+ --color-green-600: color(
144
+ display-p3 0.2692940449440336 0.5334053150097006 0.38200477116356163
145
+ ); /* #238A5E */
146
+ --color-green-500: color(
147
+ display-p3 0.21921823824294856 0.40988544994958725 0.3065549544047547
148
+ ); /* #236A4C */
149
+ --color-green-400: color(
150
+ display-p3 0.17205281115427723 0.2979531244804644 0.23597564991643089
151
+ ); /* #204D3B */
152
+ --color-green-300: color(
153
+ display-p3 0.13497680842452758 0.21306259957523738 0.18224720796629387
154
+ ); /* #1C372E */
155
+ --color-green-200: color(
156
+ display-p3 0.09712693532459268 0.13585807676438863 0.13295269910261515
157
+ ); /* #162322 */
158
+ --color-green-100: color(
159
+ display-p3 0.07996460795736646 0.10115556161740791 0.10873484064468295
160
+ ); /* #131A1C */
161
+ --surface-default: var(--color-neutral-0);
162
+ --surface-hover: var(--color-neutral-200);
163
+ --surface-raise: var(--color-neutral-50);
164
+ --surface-secondary: var(--color-neutral-100);
165
+ --surface-tertiary: var(--color-neutral-200);
166
+ --surface-disabled: var(--color-neutral-100);
167
+ --surface-scrim: rgba(var(--color-neutral-0), 0.4);
168
+ --surface-accent: var(--theme-accent-800);
169
+ --surface-accent-hover: var(--theme-accent-700);
170
+ --surface-accent-secondary: var(--theme-accent-200);
171
+ --surface-accent-secondary-hover: var(--theme-accent-300);
172
+ --surface-destructive: var(--theme-destructive-800);
173
+ --surface-destructive-hover: var(--theme-destructive-700);
174
+ --surface-destructive-secondary: var(--theme-destructive-200);
175
+ --surface-destructive-secondary-hover: var(--theme-destructive-300);
176
+ --surface-notice: var(--theme-notice-800);
177
+ --surface-notice-hover: var(--theme-notice-700);
178
+ --surface-notice-secondary: var(--theme-notice-200);
179
+ --surface-notice-secondary-hover: var(--theme-notice-300);
180
+ --surface-success: var(--theme-success-800);
181
+ --surface-success-secondary: var(--theme-success-200);
182
+ --surface-error: var(--theme-error-800);
183
+ --surface-error-secondary: var(--theme-error-200);
184
+ --surface-inverse-raise: var(--content-raise);
185
+ --surface-inverse-primary: var(--content-default);
186
+ --surface-inverse-secondary: var(--content-secondary);
187
+ --surface-info: var(--theme-info-800);
188
+ --surface-info-hover: var(--theme-info-700);
189
+ --surface-info-secondary: var(--theme-info-200);
190
+ --surface-info-secondary-hover: var(--theme-info-300);
191
+ --content-raise: var(--color-neutral-900);
192
+ --content-default: var(--color-neutral-800);
193
+ --content-secondary: var(--color-neutral-700);
194
+ --content-tertiary: var(--color-neutral-600);
195
+ --content-quaternary: var(--color-neutral-500);
196
+ --content-disabled: var(--color-neutral-500);
197
+ --content-accent: var(--theme-accent-800);
198
+ --content-accent-secondary: var(--theme-accent-700);
199
+ --content-accent-tertiary: var(--theme-accent-600);
200
+ --content-accent-disabled: var(--theme-accent-500);
201
+ --content-destructive: var(--theme-destructive-800);
202
+ --content-destructive-secondary: var(--theme-destructive-700);
203
+ --content-destructive-tertiary: var(--theme-destructive-600);
204
+ --content-destructive-disabled: var(--theme-destructive-500);
205
+ --content-success: var(--theme-success-800);
206
+ --content-success-secondary: var(--theme-success-700);
207
+ --content-success-tertiary: var(--theme-success-600);
208
+ --content-success-disabled: var(--theme-success-500);
209
+ --content-error: var(--theme-error-800);
210
+ --content-error-secondary: var(--theme-error-700);
211
+ --content-error-tertiary: var(--theme-error-600);
212
+ --content-error-disabled: var(--theme-error-500);
213
+ --content-notice: var(--theme-notice-800);
214
+ --content-notice-secondary: var(--theme-notice-700);
215
+ --content-notice-tertiary: var(--theme-notice-600);
216
+ --content-notice-disabled: var(--theme-notice-500);
217
+ --content-inverse: var(--surface-default);
218
+ --content-inverse-raise: var(--surface-raise);
219
+ --content-inverse-secondary: var(--surface-secondary);
220
+ --content-info: var(--theme-info-800);
221
+ --content-info-secondary: var(--theme-info-700);
222
+ --content-info-tertiary: var(--theme-info-600);
223
+ --content-info-disabled: var(--theme-info-500);
224
+ --stroke-default: var(--color-neutral-300);
225
+ --stroke-hover: var(--color-neutral-400);
226
+ --stroke-secondary: var(--color-neutral-200);
227
+ --stroke-tertiary: var(--color-neutral-100);
228
+ --stroke-raise: var(--color-neutral-500);
229
+ --stroke-surface: var(--surface-default);
230
+ --stroke-accent: var(--theme-accent-800);
231
+ --stroke-accent-secondary: var(--theme-accent-600);
232
+ --stroke-accent-tertiary: var(--theme-accent-400);
233
+ --stroke-accent-quaternary: var(--theme-accent-300);
234
+ --stroke-destructive: var(--theme-destructive-800);
235
+ --stroke-destructive-secondary: var(--theme-destructive-600);
236
+ --stroke-destructive-tertiary: var(--theme-destructive-400);
237
+ --stroke-destructive-quaternary: var(--theme-destructive-300);
238
+ --stroke-success: var(--theme-success-800);
239
+ --stroke-success-secondary: var(--theme-success-600);
240
+ --stroke-success-tertiary: var(--theme-success-400);
241
+ --stroke-success-quaternary: var(--theme-success-300);
242
+ --stroke-error: var(--theme-error-800);
243
+ --stroke-error-secondary: var(--theme-error-600);
244
+ --stroke-error-tertiary: var(--theme-error-400);
245
+ --stroke-error-quaternary: var(--theme-error-300);
246
+ --stroke-notice: var(--theme-notice-800);
247
+ --stroke-notice-secondary: var(--theme-notice-600);
248
+ --stroke-notice-tertiary: var(--theme-notice-400);
249
+ --stroke-notice-quaternary: var(--theme-notice-300);
250
+ --stroke-info: var(--theme-info-800);
251
+ --stroke-info-secondary: var(--theme-info-600);
252
+ --stroke-info-tertiary: var(--theme-info-400);
253
+ --stroke-info-quaternary: var(--theme-info-300);
254
+ --chart-fill-area-primary: rgba(var(--theme-accent-700), 0.7019607843137254);
255
+ --chart-fill-area-secondary: rgba(var(--theme-accent-600), 0.7019607843137254);
256
+ --chart-fill-area-tertiary: rgba(var(--theme-accent-500), 0.7019607843137254);
257
+ --chart-fill-area-quaternary: rgba(var(--theme-accent-400), 0.2);
258
+ --chart-fill-item-primary: var(--theme-accent-700);
259
+ --chart-fill-item-secondary: var(--theme-accent-600);
260
+ --chart-fill-item-tertiary: var(--theme-accent-500);
261
+ --chart-fill-item-quaternary: var(--theme-accent-400);
262
+ --chart-fill-error-primary: var(--theme-destructive-700);
263
+ --chart-fill-error-secondary: var(--theme-destructive-600);
264
+ --chart-fill-error-tertiary: var(--theme-destructive-500);
265
+ --chart-fill-error-quaternary: var(--theme-destructive-400);
266
+ --chart-fill-inactive: var(--color-neutral-50);
267
+ --chart-stroke-line: var(--theme-accent-700);
268
+ --chart-stroke-line-secondary: var(--color-yellow-600);
269
+ --chart-stroke-line-tertiary: var(--color-red-600);
270
+ --chart-stroke-line-quaternary: var(--color-blue-600);
271
+ --chart-stroke-y-axis: rgba(var(--stroke-default), 0.4);
272
+ --chart-stroke-item: rgba(var(--theme-accent-700), 0.4);
273
+ --chart-stroke-item-inactive: var(--color-neutral-200);
274
+ --chart-stroke-error: rgba(var(--theme-destructive-700), 0.4);
275
+ --theme-accent-100: var(--color-green-100);
276
+ --theme-accent-200: var(--color-green-200);
277
+ --theme-accent-300: var(--color-green-300);
278
+ --theme-accent-400: var(--color-green-400);
279
+ --theme-accent-500: var(--color-green-500);
280
+ --theme-accent-600: var(--color-green-600);
281
+ --theme-accent-700: var(--color-green-700);
282
+ --theme-accent-800: var(--color-green-800);
283
+ --theme-destructive-100: var(--color-red-100);
284
+ --theme-destructive-200: var(--color-red-200);
285
+ --theme-destructive-300: var(--color-red-300);
286
+ --theme-destructive-400: var(--color-red-400);
287
+ --theme-destructive-500: var(--color-red-500);
288
+ --theme-destructive-600: var(--color-red-600);
289
+ --theme-destructive-700: var(--color-red-700);
290
+ --theme-destructive-800: var(--color-red-800);
291
+ --theme-success-100: var(--color-green-100);
292
+ --theme-success-200: var(--color-green-200);
293
+ --theme-success-300: var(--color-green-300);
294
+ --theme-success-400: var(--color-green-400);
295
+ --theme-success-500: var(--color-green-500);
296
+ --theme-success-600: var(--color-green-600);
297
+ --theme-success-700: var(--color-green-700);
298
+ --theme-success-800: var(--color-green-800);
299
+ --theme-error-100: var(--color-red-100);
300
+ --theme-error-200: var(--color-red-200);
301
+ --theme-error-300: var(--color-red-300);
302
+ --theme-error-400: var(--color-red-400);
303
+ --theme-error-500: var(--color-red-500);
304
+ --theme-error-600: var(--color-red-600);
305
+ --theme-error-700: var(--color-red-700);
306
+ --theme-error-800: var(--color-red-800);
307
+ --theme-notice-100: var(--color-yellow-100);
308
+ --theme-notice-200: var(--color-yellow-200);
309
+ --theme-notice-300: var(--color-yellow-300);
310
+ --theme-notice-400: var(--color-yellow-400);
311
+ --theme-notice-500: var(--color-yellow-500);
312
+ --theme-notice-600: var(--color-yellow-600);
313
+ --theme-notice-700: var(--color-yellow-700);
314
+ --theme-notice-800: var(--color-yellow-800);
315
+ --theme-info-100: var(--color-blue-100);
316
+ --theme-info-200: var(--color-blue-200);
317
+ --theme-info-300: var(--color-blue-300);
318
+ --theme-info-400: var(--color-blue-400);
319
+ --theme-info-500: var(--color-blue-500);
320
+ --theme-info-600: var(--color-blue-600);
321
+ --theme-info-700: var(--color-blue-700);
322
+ --theme-info-800: var(--color-blue-800);
323
+ }
584
324
 
585
- --chart-fill-area-primary: rgba(var(--theme-accent-700-rgb), 0.7019607843137254);
586
- --chart-fill-area-primary-p3: color(display-p3 0.1255 0.6392 0.4235 / 0.7019607843137254);
587
- --chart-fill-area-secondary: rgba(var(--theme-accent-600-rgb), 0.7019607843137254);
588
- --chart-fill-area-secondary-p3: color(
589
- display-p3 0.1373 0.5412 0.3686 / 0.7019607843137254
325
+ @theme inline {
326
+ --font-sans: SuisseIntl, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
327
+ --font-mono: 'GT America Mono', monospace;
328
+
329
+ --background-color-default: var(--surface-default);
330
+ --background-color-hover: var(--surface-hover);
331
+ --background-color-raise: var(--surface-raise);
332
+ --background-color-secondary: var(--surface-secondary);
333
+ --background-color-tertiary: var(--surface-tertiary);
334
+ --background-color-disabled: var(--surface-disabled);
335
+ --background-color-scrim: var(--surface-scrim);
336
+ --background-color-accent: var(--surface-accent);
337
+ --background-color-accent-hover: var(--surface-accent-hover);
338
+ --background-color-accent-secondary: var(--surface-accent-secondary);
339
+ --background-color-accent-secondary-hover: var(--surface-accent-secondary-hover);
340
+ --background-color-destructive: var(--surface-destructive);
341
+ --background-color-destructive-hover: var(--surface-destructive-hover);
342
+ --background-color-destructive-secondary: var(--surface-destructive-secondary);
343
+ --background-color-destructive-secondary-hover: var(
344
+ --surface-destructive-secondary-hover
590
345
  );
591
- --chart-fill-area-tertiary: rgba(var(--theme-accent-500-rgb), 0.7019607843137254);
592
- --chart-fill-area-tertiary-p3: color(display-p3 0.1373 0.4157 0.298 / 0.7019607843137254);
593
- --chart-fill-area-quaternary: rgba(var(--theme-accent-400-rgb), 0.2);
594
- --chart-fill-area-quaternary-p3: color(display-p3 0.1255 0.302 0.2314 / 0.2);
595
-
596
- --chart-fill-item-primary-rgb: var(--theme-accent-700-rgb);
597
- --chart-fill-item-primary-p3: var(--theme-accent-700-p3);
598
- --chart-fill-item-primary: rgb(var(--chart-fill-item-primary-rgb));
599
-
600
- --chart-fill-item-secondary-rgb: var(--theme-accent-600-rgb);
601
- --chart-fill-item-secondary-p3: var(--theme-accent-600-p3);
602
- --chart-fill-item-secondary: rgb(var(--chart-fill-item-secondary-rgb));
603
-
604
- --chart-fill-item-tertiary-rgb: var(--theme-accent-500-rgb);
605
- --chart-fill-item-tertiary-p3: var(--theme-accent-500-p3);
606
- --chart-fill-item-tertiary: rgb(var(--chart-fill-item-tertiary-rgb));
607
-
608
- --chart-fill-item-quaternary-rgb: var(--theme-accent-400-rgb);
609
- --chart-fill-item-quaternary-p3: var(--theme-accent-400-p3);
610
- --chart-fill-item-quaternary: rgb(var(--chart-fill-item-quaternary-rgb));
611
-
612
- --chart-fill-error-primary-rgb: var(--theme-destructive-700-rgb);
613
- --chart-fill-error-primary-p3: var(--theme-destructive-700-p3);
614
- --chart-fill-error-primary: rgb(var(--chart-fill-error-primary-rgb));
615
-
616
- --chart-fill-error-secondary-rgb: var(--theme-destructive-600-rgb);
617
- --chart-fill-error-secondary-p3: var(--theme-destructive-600-p3);
618
- --chart-fill-error-secondary: rgb(var(--chart-fill-error-secondary-rgb));
619
-
620
- --chart-fill-error-tertiary-rgb: var(--theme-destructive-500-rgb);
621
- --chart-fill-error-tertiary-p3: var(--theme-destructive-500-p3);
622
- --chart-fill-error-tertiary: rgb(var(--chart-fill-error-tertiary-rgb));
623
-
624
- --chart-fill-error-quaternary-rgb: var(--theme-destructive-400-rgb);
625
- --chart-fill-error-quaternary-p3: var(--theme-destructive-400-p3);
626
- --chart-fill-error-quaternary: rgb(var(--chart-fill-error-quaternary-rgb));
627
-
628
- --chart-fill-inactive-rgb: var(--base-neutral-50-rgb);
629
- --chart-fill-inactive-p3: var(--base-neutral-50-p3);
630
- --chart-fill-inactive: rgb(var(--chart-fill-inactive-rgb));
631
-
632
- --chart-stroke-line-rgb: var(--theme-accent-700-rgb);
633
- --chart-stroke-line-p3: var(--theme-accent-700-p3);
634
- --chart-stroke-line: rgb(var(--chart-stroke-line-rgb));
635
-
636
- --chart-stroke-line-secondary-rgb: var(--base-yellow-600-rgb);
637
- --chart-stroke-line-secondary-p3: var(--base-yellow-600-p3);
638
- --chart-stroke-line-secondary: rgb(var(--chart-stroke-line-secondary-rgb));
639
-
640
- --chart-stroke-line-tertiary-rgb: var(--base-red-600-rgb);
641
- --chart-stroke-line-tertiary-p3: var(--base-red-600-p3);
642
- --chart-stroke-line-tertiary: rgb(var(--chart-stroke-line-tertiary-rgb));
643
-
644
- --chart-stroke-line-quaternary-rgb: var(--base-blue-600-rgb);
645
- --chart-stroke-line-quaternary-p3: var(--base-blue-600-p3);
646
- --chart-stroke-line-quaternary: rgb(var(--chart-stroke-line-quaternary-rgb));
647
-
648
- --chart-stroke-y-axis: rgba(var(--stroke-default-rgb), 0.4);
649
- --chart-stroke-y-axis-p3: color(display-p3 0.1765 0.2 0.2078 / 0.4);
650
- --chart-stroke-item: rgba(var(--theme-accent-700-rgb), 0.4);
651
- --chart-stroke-item-p3: color(display-p3 0.1255 0.6392 0.4235 / 0.4);
652
-
653
- --chart-stroke-item-inactive-rgb: var(--base-neutral-200-rgb);
654
- --chart-stroke-item-inactive-p3: var(--base-neutral-200-p3);
655
- --chart-stroke-item-inactive: rgb(var(--chart-stroke-item-inactive-rgb));
656
-
657
- --chart-stroke-error: rgba(var(--theme-destructive-700-rgb), 0.4);
658
- --chart-stroke-error-p3: color(display-p3 0.8549 0.3804 0.4667 / 0.4);
659
-
660
- --theme-accent-100-rgb: var(--base-green-100-rgb);
661
- --theme-accent-100-p3: var(--base-green-100-p3);
662
- --theme-accent-100: rgb(var(--theme-accent-100-rgb));
663
-
664
- --theme-accent-200-rgb: var(--base-green-200-rgb);
665
- --theme-accent-200-p3: var(--base-green-200-p3);
666
- --theme-accent-200: rgb(var(--theme-accent-200-rgb));
667
-
668
- --theme-accent-300-rgb: var(--base-green-300-rgb);
669
- --theme-accent-300-p3: var(--base-green-300-p3);
670
- --theme-accent-300: rgb(var(--theme-accent-300-rgb));
671
-
672
- --theme-accent-400-rgb: var(--base-green-400-rgb);
673
- --theme-accent-400-p3: var(--base-green-400-p3);
674
- --theme-accent-400: rgb(var(--theme-accent-400-rgb));
675
-
676
- --theme-accent-500-rgb: var(--base-green-500-rgb);
677
- --theme-accent-500-p3: var(--base-green-500-p3);
678
- --theme-accent-500: rgb(var(--theme-accent-500-rgb));
679
-
680
- --theme-accent-600-rgb: var(--base-green-600-rgb);
681
- --theme-accent-600-p3: var(--base-green-600-p3);
682
- --theme-accent-600: rgb(var(--theme-accent-600-rgb));
683
-
684
- --theme-accent-700-rgb: var(--base-green-700-rgb);
685
- --theme-accent-700-p3: var(--base-green-700-p3);
686
- --theme-accent-700: rgb(var(--theme-accent-700-rgb));
687
-
688
- --theme-accent-800-rgb: var(--base-green-800-rgb);
689
- --theme-accent-800-p3: var(--base-green-800-p3);
690
- --theme-accent-800: rgb(var(--theme-accent-800-rgb));
691
-
692
- --theme-destructive-100-rgb: var(--base-red-100-rgb);
693
- --theme-destructive-100-p3: var(--base-red-100-p3);
694
- --theme-destructive-100: rgb(var(--theme-destructive-100-rgb));
695
-
696
- --theme-destructive-200-rgb: var(--base-red-200-rgb);
697
- --theme-destructive-200-p3: var(--base-red-200-p3);
698
- --theme-destructive-200: rgb(var(--theme-destructive-200-rgb));
699
-
700
- --theme-destructive-300-rgb: var(--base-red-300-rgb);
701
- --theme-destructive-300-p3: var(--base-red-300-p3);
702
- --theme-destructive-300: rgb(var(--theme-destructive-300-rgb));
703
-
704
- --theme-destructive-400-rgb: var(--base-red-400-rgb);
705
- --theme-destructive-400-p3: var(--base-red-400-p3);
706
- --theme-destructive-400: rgb(var(--theme-destructive-400-rgb));
707
-
708
- --theme-destructive-500-rgb: var(--base-red-500-rgb);
709
- --theme-destructive-500-p3: var(--base-red-500-p3);
710
- --theme-destructive-500: rgb(var(--theme-destructive-500-rgb));
711
-
712
- --theme-destructive-600-rgb: var(--base-red-600-rgb);
713
- --theme-destructive-600-p3: var(--base-red-600-p3);
714
- --theme-destructive-600: rgb(var(--theme-destructive-600-rgb));
715
-
716
- --theme-destructive-700-rgb: var(--base-red-700-rgb);
717
- --theme-destructive-700-p3: var(--base-red-700-p3);
718
- --theme-destructive-700: rgb(var(--theme-destructive-700-rgb));
719
-
720
- --theme-destructive-800-rgb: var(--base-red-800-rgb);
721
- --theme-destructive-800-p3: var(--base-red-800-p3);
722
- --theme-destructive-800: rgb(var(--theme-destructive-800-rgb));
723
-
724
- --theme-success-100-rgb: var(--base-green-100-rgb);
725
- --theme-success-100-p3: var(--base-green-100-p3);
726
- --theme-success-100: rgb(var(--theme-success-100-rgb));
727
-
728
- --theme-success-200-rgb: var(--base-green-200-rgb);
729
- --theme-success-200-p3: var(--base-green-200-p3);
730
- --theme-success-200: rgb(var(--theme-success-200-rgb));
731
-
732
- --theme-success-300-rgb: var(--base-green-300-rgb);
733
- --theme-success-300-p3: var(--base-green-300-p3);
734
- --theme-success-300: rgb(var(--theme-success-300-rgb));
735
-
736
- --theme-success-400-rgb: var(--base-green-400-rgb);
737
- --theme-success-400-p3: var(--base-green-400-p3);
738
- --theme-success-400: rgb(var(--theme-success-400-rgb));
739
-
740
- --theme-success-500-rgb: var(--base-green-500-rgb);
741
- --theme-success-500-p3: var(--base-green-500-p3);
742
- --theme-success-500: rgb(var(--theme-success-500-rgb));
743
-
744
- --theme-success-600-rgb: var(--base-green-600-rgb);
745
- --theme-success-600-p3: var(--base-green-600-p3);
746
- --theme-success-600: rgb(var(--theme-success-600-rgb));
747
-
748
- --theme-success-700-rgb: var(--base-green-700-rgb);
749
- --theme-success-700-p3: var(--base-green-700-p3);
750
- --theme-success-700: rgb(var(--theme-success-700-rgb));
751
-
752
- --theme-success-800-rgb: var(--base-green-800-rgb);
753
- --theme-success-800-p3: var(--base-green-800-p3);
754
- --theme-success-800: rgb(var(--theme-success-800-rgb));
755
-
756
- --theme-error-100-rgb: var(--base-red-100-rgb);
757
- --theme-error-100-p3: var(--base-red-100-p3);
758
- --theme-error-100: rgb(var(--theme-error-100-rgb));
759
-
760
- --theme-error-200-rgb: var(--base-red-200-rgb);
761
- --theme-error-200-p3: var(--base-red-200-p3);
762
- --theme-error-200: rgb(var(--theme-error-200-rgb));
763
-
764
- --theme-error-300-rgb: var(--base-red-300-rgb);
765
- --theme-error-300-p3: var(--base-red-300-p3);
766
- --theme-error-300: rgb(var(--theme-error-300-rgb));
767
-
768
- --theme-error-400-rgb: var(--base-red-400-rgb);
769
- --theme-error-400-p3: var(--base-red-400-p3);
770
- --theme-error-400: rgb(var(--theme-error-400-rgb));
771
-
772
- --theme-error-500-rgb: var(--base-red-500-rgb);
773
- --theme-error-500-p3: var(--base-red-500-p3);
774
- --theme-error-500: rgb(var(--theme-error-500-rgb));
775
-
776
- --theme-error-600-rgb: var(--base-red-600-rgb);
777
- --theme-error-600-p3: var(--base-red-600-p3);
778
- --theme-error-600: rgb(var(--theme-error-600-rgb));
779
-
780
- --theme-error-700-rgb: var(--base-red-700-rgb);
781
- --theme-error-700-p3: var(--base-red-700-p3);
782
- --theme-error-700: rgb(var(--theme-error-700-rgb));
783
-
784
- --theme-error-800-rgb: var(--base-red-800-rgb);
785
- --theme-error-800-p3: var(--base-red-800-p3);
786
- --theme-error-800: rgb(var(--theme-error-800-rgb));
787
-
788
- --theme-notice-100-rgb: var(--base-yellow-100-rgb);
789
- --theme-notice-100-p3: var(--base-yellow-100-p3);
790
- --theme-notice-100: rgb(var(--theme-notice-100-rgb));
791
-
792
- --theme-notice-200-rgb: var(--base-yellow-200-rgb);
793
- --theme-notice-200-p3: var(--base-yellow-200-p3);
794
- --theme-notice-200: rgb(var(--theme-notice-200-rgb));
795
-
796
- --theme-notice-300-rgb: var(--base-yellow-300-rgb);
797
- --theme-notice-300-p3: var(--base-yellow-300-p3);
798
- --theme-notice-300: rgb(var(--theme-notice-300-rgb));
799
-
800
- --theme-notice-400-rgb: var(--base-yellow-400-rgb);
801
- --theme-notice-400-p3: var(--base-yellow-400-p3);
802
- --theme-notice-400: rgb(var(--theme-notice-400-rgb));
803
-
804
- --theme-notice-500-rgb: var(--base-yellow-500-rgb);
805
- --theme-notice-500-p3: var(--base-yellow-500-p3);
806
- --theme-notice-500: rgb(var(--theme-notice-500-rgb));
807
-
808
- --theme-notice-600-rgb: var(--base-yellow-600-rgb);
809
- --theme-notice-600-p3: var(--base-yellow-600-p3);
810
- --theme-notice-600: rgb(var(--theme-notice-600-rgb));
811
-
812
- --theme-notice-700-rgb: var(--base-yellow-700-rgb);
813
- --theme-notice-700-p3: var(--base-yellow-700-p3);
814
- --theme-notice-700: rgb(var(--theme-notice-700-rgb));
815
-
816
- --theme-notice-800-rgb: var(--base-yellow-800-rgb);
817
- --theme-notice-800-p3: var(--base-yellow-800-p3);
818
- --theme-notice-800: rgb(var(--theme-notice-800-rgb));
819
-
820
- --theme-info-100-rgb: var(--base-blue-100-rgb);
821
- --theme-info-100-p3: var(--base-blue-100-p3);
822
- --theme-info-100: rgb(var(--theme-info-100-rgb));
823
-
824
- --theme-info-200-rgb: var(--base-blue-200-rgb);
825
- --theme-info-200-p3: var(--base-blue-200-p3);
826
- --theme-info-200: rgb(var(--theme-info-200-rgb));
827
-
828
- --theme-info-300-rgb: var(--base-blue-300-rgb);
829
- --theme-info-300-p3: var(--base-blue-300-p3);
830
- --theme-info-300: rgb(var(--theme-info-300-rgb));
831
-
832
- --theme-info-400-rgb: var(--base-blue-400-rgb);
833
- --theme-info-400-p3: var(--base-blue-400-p3);
834
- --theme-info-400: rgb(var(--theme-info-400-rgb));
835
-
836
- --theme-info-500-rgb: var(--base-blue-500-rgb);
837
- --theme-info-500-p3: var(--base-blue-500-p3);
838
- --theme-info-500: rgb(var(--theme-info-500-rgb));
839
-
840
- --theme-info-600-rgb: var(--base-blue-600-rgb);
841
- --theme-info-600-p3: var(--base-blue-600-p3);
842
- --theme-info-600: rgb(var(--theme-info-600-rgb));
843
-
844
- --theme-info-700-rgb: var(--base-blue-700-rgb);
845
- --theme-info-700-p3: var(--base-blue-700-p3);
846
- --theme-info-700: rgb(var(--theme-info-700-rgb));
847
-
848
- --theme-info-800-rgb: var(--base-blue-800-rgb);
849
- --theme-info-800-p3: var(--base-blue-800-p3);
850
- --theme-info-800: rgb(var(--theme-info-800-rgb));
851
-
852
- --border-radius-sm: 0.125rem;
853
- --border-radius: 0.1875rem;
854
- --border-radius-lg: 0.375rem;
855
- --border-radius-xl: 0.75rem;
856
- --border-radius-full: 624.9375rem;
346
+ --background-color-notice: var(--surface-notice);
347
+ --background-color-notice-hover: var(--surface-notice-hover);
348
+ --background-color-notice-secondary: var(--surface-notice-secondary);
349
+ --background-color-notice-secondary-hover: var(--surface-notice-secondary-hover);
350
+ --background-color-success: var(--surface-success);
351
+ --background-color-success-secondary: var(--surface-success-secondary);
352
+ --background-color-error: var(--surface-error);
353
+ --background-color-error-secondary: var(--surface-error-secondary);
354
+ --background-color-inverse-raise: var(--surface-inverse-raise);
355
+ --background-color-inverse-primary: var(--surface-inverse-primary);
356
+ --background-color-inverse-secondary: var(--surface-inverse-secondary);
357
+ --background-color-info: var(--surface-info);
358
+ --background-color-info-hover: var(--surface-info-hover);
359
+ --background-color-info-secondary: var(--surface-info-secondary);
360
+ --background-color-info-secondary-hover: var(--surface-info-secondary-hover);
361
+ --text-color-raise: var(--content-raise);
362
+ --text-color-default: var(--content-default);
363
+ --text-color-secondary: var(--content-secondary);
364
+ --text-color-tertiary: var(--content-tertiary);
365
+ --text-color-quaternary: var(--content-quaternary);
366
+ --text-color-disabled: var(--content-disabled);
367
+ --text-color-accent: var(--content-accent);
368
+ --text-color-accent-secondary: var(--content-accent-secondary);
369
+ --text-color-accent-tertiary: var(--content-accent-tertiary);
370
+ --text-color-accent-disabled: var(--content-accent-disabled);
371
+ --text-color-destructive: var(--content-destructive);
372
+ --text-color-destructive-secondary: var(--content-destructive-secondary);
373
+ --text-color-destructive-tertiary: var(--content-destructive-tertiary);
374
+ --text-color-destructive-disabled: var(--content-destructive-disabled);
375
+ --text-color-success: var(--content-success);
376
+ --text-color-success-secondary: var(--content-success-secondary);
377
+ --text-color-success-tertiary: var(--content-success-tertiary);
378
+ --text-color-success-disabled: var(--content-success-disabled);
379
+ --text-color-error: var(--content-error);
380
+ --text-color-error-secondary: var(--content-error-secondary);
381
+ --text-color-error-tertiary: var(--content-error-tertiary);
382
+ --text-color-error-disabled: var(--content-error-disabled);
383
+ --text-color-notice: var(--content-notice);
384
+ --text-color-notice-secondary: var(--content-notice-secondary);
385
+ --text-color-notice-tertiary: var(--content-notice-tertiary);
386
+ --text-color-notice-disabled: var(--content-notice-disabled);
387
+ --text-color-inverse: var(--content-inverse);
388
+ --text-color-inverse-raise: var(--content-inverse-raise);
389
+ --text-color-inverse-secondary: var(--content-inverse-secondary);
390
+ --text-color-info: var(--content-info);
391
+ --text-color-info-secondary: var(--content-info-secondary);
392
+ --text-color-info-tertiary: var(--content-info-tertiary);
393
+ --text-color-info-disabled: var(--content-info-disabled);
394
+ --border-color-default: var(--stroke-default);
395
+ --ring-color-default: var(--stroke-default);
396
+ --outline-color-default: var(--stroke-default);
397
+ --border-color-hover: var(--stroke-hover);
398
+ --ring-color-hover: var(--stroke-hover);
399
+ --outline-color-hover: var(--stroke-hover);
400
+ --border-color-secondary: var(--stroke-secondary);
401
+ --ring-color-secondary: var(--stroke-secondary);
402
+ --outline-color-secondary: var(--stroke-secondary);
403
+ --border-color-tertiary: var(--stroke-tertiary);
404
+ --ring-color-tertiary: var(--stroke-tertiary);
405
+ --outline-color-tertiary: var(--stroke-tertiary);
406
+ --border-color-raise: var(--stroke-raise);
407
+ --ring-color-raise: var(--stroke-raise);
408
+ --outline-color-raise: var(--stroke-raise);
409
+ --border-color-surface: var(--stroke-surface);
410
+ --ring-color-surface: var(--stroke-surface);
411
+ --outline-color-surface: var(--stroke-surface);
412
+ --border-color-accent: var(--stroke-accent);
413
+ --ring-color-accent: var(--stroke-accent);
414
+ --outline-color-accent: var(--stroke-accent);
415
+ --border-color-accent-secondary: var(--stroke-accent-secondary);
416
+ --ring-color-accent-secondary: var(--stroke-accent-secondary);
417
+ --outline-color-accent-secondary: var(--stroke-accent-secondary);
418
+ --border-color-accent-tertiary: var(--stroke-accent-tertiary);
419
+ --ring-color-accent-tertiary: var(--stroke-accent-tertiary);
420
+ --outline-color-accent-tertiary: var(--stroke-accent-tertiary);
421
+ --border-color-accent-quaternary: var(--stroke-accent-quaternary);
422
+ --ring-color-accent-quaternary: var(--stroke-accent-quaternary);
423
+ --outline-color-accent-quaternary: var(--stroke-accent-quaternary);
424
+ --border-color-destructive: var(--stroke-destructive);
425
+ --ring-color-destructive: var(--stroke-destructive);
426
+ --outline-color-destructive: var(--stroke-destructive);
427
+ --border-color-destructive-secondary: var(--stroke-destructive-secondary);
428
+ --ring-color-destructive-secondary: var(--stroke-destructive-secondary);
429
+ --outline-color-destructive-secondary: var(--stroke-destructive-secondary);
430
+ --border-color-destructive-tertiary: var(--stroke-destructive-tertiary);
431
+ --ring-color-destructive-tertiary: var(--stroke-destructive-tertiary);
432
+ --outline-color-destructive-tertiary: var(--stroke-destructive-tertiary);
433
+ --border-color-destructive-quaternary: var(--stroke-destructive-quaternary);
434
+ --ring-color-destructive-quaternary: var(--stroke-destructive-quaternary);
435
+ --outline-color-destructive-quaternary: var(--stroke-destructive-quaternary);
436
+ --border-color-success: var(--stroke-success);
437
+ --ring-color-success: var(--stroke-success);
438
+ --outline-color-success: var(--stroke-success);
439
+ --border-color-success-secondary: var(--stroke-success-secondary);
440
+ --ring-color-success-secondary: var(--stroke-success-secondary);
441
+ --outline-color-success-secondary: var(--stroke-success-secondary);
442
+ --border-color-success-tertiary: var(--stroke-success-tertiary);
443
+ --ring-color-success-tertiary: var(--stroke-success-tertiary);
444
+ --outline-color-success-tertiary: var(--stroke-success-tertiary);
445
+ --border-color-success-quaternary: var(--stroke-success-quaternary);
446
+ --ring-color-success-quaternary: var(--stroke-success-quaternary);
447
+ --outline-color-success-quaternary: var(--stroke-success-quaternary);
448
+ --border-color-error: var(--stroke-error);
449
+ --ring-color-error: var(--stroke-error);
450
+ --outline-color-error: var(--stroke-error);
451
+ --border-color-error-secondary: var(--stroke-error-secondary);
452
+ --ring-color-error-secondary: var(--stroke-error-secondary);
453
+ --outline-color-error-secondary: var(--stroke-error-secondary);
454
+ --border-color-error-tertiary: var(--stroke-error-tertiary);
455
+ --ring-color-error-tertiary: var(--stroke-error-tertiary);
456
+ --outline-color-error-tertiary: var(--stroke-error-tertiary);
457
+ --border-color-error-quaternary: var(--stroke-error-quaternary);
458
+ --ring-color-error-quaternary: var(--stroke-error-quaternary);
459
+ --outline-color-error-quaternary: var(--stroke-error-quaternary);
460
+ --border-color-notice: var(--stroke-notice);
461
+ --ring-color-notice: var(--stroke-notice);
462
+ --outline-color-notice: var(--stroke-notice);
463
+ --border-color-notice-secondary: var(--stroke-notice-secondary);
464
+ --ring-color-notice-secondary: var(--stroke-notice-secondary);
465
+ --outline-color-notice-secondary: var(--stroke-notice-secondary);
466
+ --border-color-notice-tertiary: var(--stroke-notice-tertiary);
467
+ --ring-color-notice-tertiary: var(--stroke-notice-tertiary);
468
+ --outline-color-notice-tertiary: var(--stroke-notice-tertiary);
469
+ --border-color-notice-quaternary: var(--stroke-notice-quaternary);
470
+ --ring-color-notice-quaternary: var(--stroke-notice-quaternary);
471
+ --outline-color-notice-quaternary: var(--stroke-notice-quaternary);
472
+ --border-color-info: var(--stroke-info);
473
+ --ring-color-info: var(--stroke-info);
474
+ --outline-color-info: var(--stroke-info);
475
+ --border-color-info-secondary: var(--stroke-info-secondary);
476
+ --ring-color-info-secondary: var(--stroke-info-secondary);
477
+ --outline-color-info-secondary: var(--stroke-info-secondary);
478
+ --border-color-info-tertiary: var(--stroke-info-tertiary);
479
+ --ring-color-info-tertiary: var(--stroke-info-tertiary);
480
+ --outline-color-info-tertiary: var(--stroke-info-tertiary);
481
+ --border-color-info-quaternary: var(--stroke-info-quaternary);
482
+ --ring-color-info-quaternary: var(--stroke-info-quaternary);
483
+ --outline-color-info-quaternary: var(--stroke-info-quaternary);
484
+ --fill-color-area-primary: var(--chart-fill-area-primary);
485
+ --fill-color-area-secondary: var(--chart-fill-area-secondary);
486
+ --fill-color-area-tertiary: var(--chart-fill-area-tertiary);
487
+ --fill-color-area-quaternary: var(--chart-fill-area-quaternary);
488
+ --fill-color-item-primary: var(--chart-fill-item-primary);
489
+ --fill-color-item-secondary: var(--chart-fill-item-secondary);
490
+ --fill-color-item-tertiary: var(--chart-fill-item-tertiary);
491
+ --fill-color-item-quaternary: var(--chart-fill-item-quaternary);
492
+ --fill-color-error-primary: var(--chart-fill-error-primary);
493
+ --fill-color-error-secondary: var(--chart-fill-error-secondary);
494
+ --fill-color-error-tertiary: var(--chart-fill-error-tertiary);
495
+ --fill-color-error-quaternary: var(--chart-fill-error-quaternary);
496
+ --fill-color-inactive: var(--chart-fill-inactive);
497
+ --stroke-color-line: var(--chart-stroke-line);
498
+ --stroke-color-line-secondary: var(--chart-stroke-line-secondary);
499
+ --stroke-color-line-tertiary: var(--chart-stroke-line-tertiary);
500
+ --stroke-color-line-quaternary: var(--chart-stroke-line-quaternary);
501
+ --stroke-color-y-axis: var(--chart-stroke-y-axis);
502
+ --stroke-color-item: var(--chart-stroke-item);
503
+ --stroke-color-item-inactive: var(--chart-stroke-item-inactive);
504
+ --stroke-color-error: var(--chart-stroke-error);
505
+
506
+ --radius-sm: 0.125rem;
507
+ --radius: 0.1875rem;
508
+ --radius-lg: 0.375rem;
509
+ --radius-xl: 0.75rem;
510
+ --radius-full: 624.9375rem;
511
+ }
857
512
 
858
- --elevation-0: none;
859
- --elevation-1: 0px 1px 2px #00000099;
860
- --elevation-2: 0px 2.188px 4.625px #00000021, 0px 10px 13px #00000033,
513
+ @utility elevation-0 {
514
+ box-shadow: none;
515
+ }
516
+ @utility elevation-1 {
517
+ box-shadow: 0px 1px 2px #00000099;
518
+ }
519
+ @utility elevation-2 {
520
+ box-shadow: 0px 2.188px 4.625px #00000021, 0px 10px 13px #00000033,
861
521
  0px 25.313px 34.875px #00000045, 0px 50px 80px #00000066;
862
- --elevation-3: 0px 4.375px 4.625px #00000021, 0px 20px 13px #00000033,
522
+ }
523
+ @utility elevation-3 {
524
+ box-shadow: 0px 4.375px 4.625px #00000021, 0px 20px 13px #00000033,
863
525
  0px 50.625px 34.875px #00000045, 0px 100px 80px #00000066;
864
526
  }
527
+
528
+ @utility text-mono-xs {
529
+ font-family: var(--font-mono);
530
+ font-weight: 400;
531
+ line-height: 1rem;
532
+ font-size: 0.6875rem;
533
+ letter-spacing: 0.04rem;
534
+ text-transform: uppercase;
535
+ font-feature-settings: 'ss02' on, 'ss03' on, 'ss09' on, 'ss06' on, 'ss07' on, 'ss08' on,
536
+ 'calt' off;
537
+ }
538
+ @utility text-mono-sm {
539
+ font-family: var(--font-mono);
540
+ font-weight: 400;
541
+ line-height: 1rem;
542
+ font-size: 0.75rem;
543
+ letter-spacing: 0.04rem;
544
+ text-transform: uppercase;
545
+ font-feature-settings: 'ss02' on, 'ss03' on, 'ss09' on, 'ss06' on, 'ss07' on, 'ss08' on,
546
+ 'calt' off;
547
+ }
548
+ @utility text-mono-code {
549
+ font-family: var(--font-mono);
550
+ font-weight: 400;
551
+ line-height: 1rem;
552
+ font-size: 0.75rem;
553
+ letter-spacing: 0rem;
554
+ font-feature-settings: 'ss02' on, 'ss03' on, 'ss09' on, 'ss06' on, 'ss07' on, 'ss08' on,
555
+ 'calt' off;
556
+ }
557
+ @utility text-mono-md {
558
+ font-family: var(--font-mono);
559
+ font-weight: 400;
560
+ line-height: 1.25rem;
561
+ font-size: 0.875rem;
562
+ letter-spacing: 0.04rem;
563
+ text-transform: uppercase;
564
+ font-feature-settings: 'ss02' on, 'ss03' on, 'ss09' on, 'ss06' on, 'ss07' on, 'ss08' on,
565
+ 'calt' off;
566
+ }
567
+ @utility text-sans-sm {
568
+ font-family: var(--font-sans);
569
+ font-weight: 400;
570
+ line-height: 1rem;
571
+ font-size: 0.75rem;
572
+ letter-spacing: 0.04rem;
573
+ }
574
+ @utility text-sans-md {
575
+ font-family: var(--font-sans);
576
+ font-weight: 400;
577
+ line-height: 1.125rem;
578
+ font-size: 0.875rem;
579
+ letter-spacing: 0.04rem;
580
+ }
581
+ @utility text-sans-lg {
582
+ font-family: var(--font-sans);
583
+ font-weight: 400;
584
+ line-height: 1.5rem;
585
+ font-size: 1rem;
586
+ letter-spacing: 0.03rem;
587
+ }
588
+ @utility text-sans-xl {
589
+ font-family: var(--font-sans);
590
+ font-weight: 400;
591
+ line-height: 1.625rem;
592
+ font-size: 1.125rem;
593
+ letter-spacing: 0.02rem;
594
+ }
595
+ @utility text-sans-2xl {
596
+ font-family: var(--font-sans);
597
+ font-weight: 400;
598
+ line-height: 2rem;
599
+ font-size: 1.5625rem;
600
+ letter-spacing: 0.015rem;
601
+ }
602
+ @utility text-sans-3xl {
603
+ font-family: var(--font-sans);
604
+ font-weight: 400;
605
+ line-height: 2.625rem;
606
+ font-size: 2.25rem;
607
+ letter-spacing: 0.005rem;
608
+ }
609
+ @utility text-sans-4xl {
610
+ font-family: var(--font-sans);
611
+ font-weight: 400;
612
+ line-height: 3.625rem;
613
+ font-size: 3.25rem;
614
+ letter-spacing: -0.01rem;
615
+ }
616
+ @utility text-sans-semi-sm {
617
+ font-family: var(--font-sans);
618
+ font-weight: 500;
619
+ line-height: 1rem;
620
+ font-size: 0.75rem;
621
+ letter-spacing: 0.04rem;
622
+ }
623
+ @utility text-sans-semi-md {
624
+ font-family: var(--font-sans);
625
+ font-weight: 500;
626
+ line-height: 1.125rem;
627
+ font-size: 0.875rem;
628
+ letter-spacing: 0.04rem;
629
+ }
630
+ @utility text-sans-semi-lg {
631
+ font-family: var(--font-sans);
632
+ font-weight: 500;
633
+ line-height: 1.5rem;
634
+ font-size: 1rem;
635
+ letter-spacing: 0.03rem;
636
+ }
637
+ @utility text-sans-semi-xl {
638
+ font-family: var(--font-sans);
639
+ font-weight: 500;
640
+ line-height: 1.625rem;
641
+ font-size: 1.125rem;
642
+ letter-spacing: 0.02rem;
643
+ }