@oxide/design-system 2.5.2--canary.d7e0dae.0 → 2.5.2--canary.7048ac9.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 (12) hide show
  1. package/dist/asciidoc.css +21 -19
  2. package/dist/components/src/index.js +3 -3
  3. package/dist/components/src/index.js.map +1 -1
  4. package/package.json +1 -3
  5. package/styles/dist/blue.css +643 -162
  6. package/styles/dist/green.css +641 -162
  7. package/styles/dist/main.css +855 -631
  8. package/styles/dist/purple.css +643 -162
  9. package/styles/dist/red.css +643 -162
  10. package/styles/dist/tailwind-tokens.ts +2988 -0
  11. package/styles/dist/yellow.css +641 -162
  12. package/styles/dist/tailwind.css +0 -51
package/styles/dist/main.css CHANGED
@@ -1,640 +1,864 @@
1
1
  /* THIS FILE IS AUTOGENERATED, DO NOT EDIT */
2
- @import 'tailwindcss';
3
2
 
4
3
  :root {
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: rgba(var(--color-neutral-0), 0.4);
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: rgba(var(--theme-accent-700), 0.7019607843137254);
252
- --chart-fill-area-secondary: rgba(var(--theme-accent-600), 0.7019607843137254);
253
- --chart-fill-area-tertiary: rgba(var(--theme-accent-500), 0.7019607843137254);
254
- --chart-fill-area-quaternary: rgba(var(--theme-accent-400), 0.2);
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: rgba(var(--stroke-default), 0.4);
269
- --chart-stroke-item: rgba(var(--theme-accent-700), 0.4);
270
- --chart-stroke-item-inactive: var(--color-neutral-200);
271
- --chart-stroke-error: rgba(var(--theme-destructive-700), 0.4);
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
- }
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));
321
235
 
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
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)
342
271
  );
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
- }
509
272
 
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,
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));
584
+
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
590
+ );
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;
857
+
858
+ --elevation-0: none;
859
+ --elevation-1: 0px 1px 2px #00000099;
860
+ --elevation-2: 0px 2.188px 4.625px #00000021, 0px 10px 13px #00000033,
518
861
  0px 25.313px 34.875px #00000045, 0px 50px 80px #00000066;
519
- }
520
- @utility elevation-3 {
521
- box-shadow: 0px 4.375px 4.625px #00000021, 0px 20px 13px #00000033,
862
+ --elevation-3: 0px 4.375px 4.625px #00000021, 0px 20px 13px #00000033,
522
863
  0px 50.625px 34.875px #00000045, 0px 100px 80px #00000066;
523
864
  }
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
- }