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