pixelplay 1.0.7 → 1.0.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/dist/index.d.mts +1 -1
  2. package/dist/index.d.ts +1 -1
  3. package/dist/index.js +2 -2
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +2 -2
  6. package/dist/index.mjs.map +1 -1
  7. package/dist/server.d.mts +1 -1
  8. package/dist/server.d.ts +1 -1
  9. package/dist/server.js +2 -2
  10. package/dist/server.js.map +1 -1
  11. package/dist/server.mjs +2 -2
  12. package/dist/server.mjs.map +1 -1
  13. package/dist/styles.css +1128 -0
  14. package/package.json +20 -8
package/dist/styles.css ADDED
@@ -0,0 +1,1128 @@
1
+ /* PixelPlay UI — Design Tokens (auto-generated, do not edit) */
2
+ :root {
3
+ --surface: #FFFFFF;
4
+ --surface-dim: #F5F5F5;
5
+ --surface-bright: #FFFFFF;
6
+ --surface-container-lowest: #FFFFFF;
7
+ --surface-container-low: #FAFAFA;
8
+ --surface-container: #F5F5F5;
9
+ --surface-container-high: #E9EAEB;
10
+ --surface-container-highest: #D5D7DA;
11
+ --on-surface: #090E18;
12
+ --on-surface-variant: #414651;
13
+ --inverse-surface: #101828;
14
+ --inverse-on-surface: #FAFAFA;
15
+ --primary: #7C3AED;
16
+ --on-primary: #FFFFFF;
17
+ --primary-container: #EDE9FE;
18
+ --on-primary-container: #4C1D95;
19
+ --inverse-primary: #C4B5FD;
20
+ --secondary: #414651;
21
+ --on-secondary: #FFFFFF;
22
+ --secondary-container: #E9EAEB;
23
+ --on-secondary-container: #101828;
24
+ --tertiary: #DC2626;
25
+ --on-tertiary: #FFFFFF;
26
+ --tertiary-container: #FEE2E2;
27
+ --on-tertiary-container: #7F1D1D;
28
+ --outline: #D5D7DA;
29
+ --outline-variant: #E9EAEB;
30
+ --scrim: rgba(0,0,0,0.5);
31
+ --shadow: rgba(0,0,0,0.15);
32
+ --error: #D92D20;
33
+ --on-error: #FFFFFF;
34
+ --error-container: #FEE4E2;
35
+ --on-error-container: #912018;
36
+ --success: #039855;
37
+ --on-success: #FFFFFF;
38
+ --success-container: #D1FADF;
39
+ --on-success-container: #05603A;
40
+ --warning: #DC6803;
41
+ --on-warning: #FFFFFF;
42
+ --warning-container: #FEF0C7;
43
+ --on-warning-container: #93370D;
44
+ --info: #1570EF;
45
+ --on-info: #FFFFFF;
46
+ --info-container: #D1E9FF;
47
+ --on-info-container: #1849A9;
48
+ --surface-tint: #7C3AED;
49
+ --state-hover: rgba(0,0,0,0.06);
50
+ --state-focus: rgba(0,0,0,0.10);
51
+ --state-pressed: rgba(0,0,0,0.10);
52
+ --state-dragged: rgba(0,0,0,0.14);
53
+ --state-disabled: rgba(0,0,0,0.38);
54
+ --graphic-1: #7C3AED;
55
+ --graphic-2: #DC2626;
56
+ --graphic-3: #414651;
57
+ --graphic-4: #039855;
58
+ --graphic-5: #DC6803;
59
+ --graphic-6: #1570EF;
60
+ --graphic-7: #6938EF;
61
+ --graphic-8: #0D9488;
62
+ --graphic-9: #EC4A0A;
63
+ --graphic-10: #3E4784;
64
+ --on-graphic: #FFFFFF;
65
+ --graphic-1-container: #F5F3FF;
66
+ --graphic-2-container: #FEF2F2;
67
+ --graphic-3-container: #F5F5F5;
68
+ --graphic-4-container: #ECFDF3;
69
+ --graphic-5-container: #FFFAEB;
70
+ --graphic-6-container: #EFF8FF;
71
+ --graphic-7-container: #F4F3FF;
72
+ --graphic-8-container: #F0FDFA;
73
+ --graphic-9-container: #FFF6ED;
74
+ --graphic-10-container: #F8F9FC;
75
+ --on-graphic-1-container: #5B21B6;
76
+ --on-graphic-2-container: #991B1B;
77
+ --on-graphic-3-container: #252B37;
78
+ --on-graphic-4-container: #05603A;
79
+ --on-graphic-5-container: #93370D;
80
+ --on-graphic-6-container: #1849A9;
81
+ --on-graphic-7-container: #4A1FB8;
82
+ --on-graphic-8-container: #115E59;
83
+ --on-graphic-9-container: #9C2A10;
84
+ --on-graphic-10-container: #293056;
85
+ --status-positive: #039855;
86
+ --status-warning: #DC6803;
87
+ --status-negative: #DC2626;
88
+ --status-neutral: #A4A7AE;
89
+ --progress-track: #E9EAEB;
90
+ --progress-indicator: #7C3AED;
91
+ --progress-buffer: #C4B5FD;
92
+ --scale-low: #039855;
93
+ --scale-medium: #DC6803;
94
+ --scale-high: #DC2626;
95
+ --graphic-outline: #D5D7DA;
96
+ --graphic-divider: #E9EAEB;
97
+ --graphic-label: #414651;
98
+ --graphic-marker: #7C3AED;
99
+ --graphic-hover: #F5F3FF;
100
+ --graphic-muted: #E9EAEB;
101
+ --annotation-line: #A4A7AE;
102
+ --radius-xs: 0px;
103
+ --radius-sm: 0px;
104
+ --radius-md: 2px;
105
+ --radius-lg: 2px;
106
+ --radius-xl: 4px;
107
+ --radius-2xl: 4px;
108
+ --radius-3xl: 4px;
109
+ --radius-4xl: 4px;
110
+ --font-sans: 'Space Grotesk', 'Helvetica Neue', Arial, sans-serif;
111
+ --font-heading: 'Space Grotesk', 'Helvetica Neue', Arial, sans-serif;
112
+ --font-body: 'Space Grotesk', 'Helvetica Neue', Arial, sans-serif;
113
+ --font-weight-normal: 400;
114
+ --font-weight-medium: 500;
115
+ --font-weight-semibold: 600;
116
+ --font-weight-bold: 700;
117
+ --text-xs: 0.6875rem;
118
+ --text-xs--line-height: 1rem;
119
+ --text-sm: 0.8125rem;
120
+ --text-sm--line-height: 1.25rem;
121
+ --text-base: 0.9375rem;
122
+ --text-base--line-height: 1.375rem;
123
+ --text-lg: 1.0625rem;
124
+ --text-lg--line-height: 1.5rem;
125
+ --text-xl: 1.25rem;
126
+ --text-xl--line-height: 1.75rem;
127
+ --text-2xl: 1.625rem;
128
+ --text-2xl--line-height: 2rem;
129
+ --text-3xl: 2.125rem;
130
+ --text-3xl--line-height: 2.5rem;
131
+ --text-4xl: 2.75rem;
132
+ --text-4xl--line-height: 3.25rem;
133
+ --letter-spacing-normal: 0em;
134
+ --letter-spacing-tight: -0.025em;
135
+ --shadow-xs: 0 1px 2px 0 rgba(0,0,0,0.14);
136
+ --shadow-sm: 0 1px 3px 0 rgba(0,0,0,0.18);
137
+ --shadow-md: 0 2px 6px -1px rgba(0,0,0,0.20);
138
+ --shadow-lg: 0 4px 12px -2px rgba(0,0,0,0.22);
139
+ --shadow-xl: 0 8px 24px -4px rgba(0,0,0,0.22);
140
+ --shadow-2xl: 0 12px 36px -6px rgba(0,0,0,0.24);
141
+ }
142
+
143
+ .dark {
144
+ --surface: #090E18;
145
+ --surface-dim: #05080E;
146
+ --surface-bright: #252B37;
147
+ --surface-container-lowest: #05080E;
148
+ --surface-container-low: #090E18;
149
+ --surface-container: #101828;
150
+ --surface-container-high: #252B37;
151
+ --surface-container-highest: #414651;
152
+ --on-surface: #FAFAFA;
153
+ --on-surface-variant: #A4A7AE;
154
+ --inverse-surface: #FAFAFA;
155
+ --inverse-on-surface: #090E18;
156
+ --primary: #C4B5FD;
157
+ --on-primary: #2D1159;
158
+ --primary-container: #5B21B6;
159
+ --on-primary-container: #EDE9FE;
160
+ --inverse-primary: #7C3AED;
161
+ --secondary: #A4A7AE;
162
+ --on-secondary: #101828;
163
+ --secondary-container: #414651;
164
+ --on-secondary-container: #F5F5F5;
165
+ --tertiary: #F87171;
166
+ --on-tertiary: #4C1111;
167
+ --tertiary-container: #7F1D1D;
168
+ --on-tertiary-container: #FEE2E2;
169
+ --outline: #535862;
170
+ --outline-variant: #414651;
171
+ --scrim: rgba(255,255,255,0.1);
172
+ --shadow: rgba(0,0,0,0.4);
173
+ --error: #F97066;
174
+ --on-error: #4C1108;
175
+ --error-container: #7A271A;
176
+ --on-error-container: #FEE4E2;
177
+ --success: #32D583;
178
+ --on-success: #03301E;
179
+ --success-container: #054F31;
180
+ --on-success-container: #D1FADF;
181
+ --warning: #FDB022;
182
+ --on-warning: #491A06;
183
+ --warning-container: #7A2E0E;
184
+ --on-warning-container: #FEF0C7;
185
+ --info: #53B1FD;
186
+ --on-info: #0E2669;
187
+ --info-container: #194185;
188
+ --on-info-container: #D1E9FF;
189
+ --surface-tint: #C4B5FD;
190
+ --state-hover: rgba(196,181,253,0.08);
191
+ --state-focus: rgba(196,181,253,0.12);
192
+ --state-pressed: rgba(196,181,253,0.12);
193
+ --state-dragged: rgba(196,181,253,0.16);
194
+ --state-disabled: rgba(250,250,250,0.38);
195
+ --graphic-1: #C4B5FD;
196
+ --graphic-2: #F87171;
197
+ --graphic-3: #A4A7AE;
198
+ --graphic-4: #32D583;
199
+ --graphic-5: #FDB022;
200
+ --graphic-6: #53B1FD;
201
+ --graphic-7: #9B8AFB;
202
+ --graphic-8: #2DD4BF;
203
+ --graphic-9: #FD853A;
204
+ --graphic-10: #717BBC;
205
+ --on-graphic: #FFFFFF;
206
+ --graphic-1-container: #2D1159;
207
+ --graphic-2-container: #4C1111;
208
+ --graphic-3-container: #101828;
209
+ --graphic-4-container: #03301E;
210
+ --graphic-5-container: #491A06;
211
+ --graphic-6-container: #0E2669;
212
+ --graphic-7-container: #25105A;
213
+ --graphic-8-container: #0A302E;
214
+ --graphic-9-container: #4C1509;
215
+ --graphic-10-container: #090B15;
216
+ --on-graphic-1-container: #EDE9FE;
217
+ --on-graphic-2-container: #FEE2E2;
218
+ --on-graphic-3-container: #F5F5F5;
219
+ --on-graphic-4-container: #D1FADF;
220
+ --on-graphic-5-container: #FEF0C7;
221
+ --on-graphic-6-container: #D1E9FF;
222
+ --on-graphic-7-container: #EBE9FE;
223
+ --on-graphic-8-container: #CCFBF1;
224
+ --on-graphic-9-container: #FFEAD5;
225
+ --on-graphic-10-container: #EAECF5;
226
+ --status-positive: #32D583;
227
+ --status-warning: #FDB022;
228
+ --status-negative: #F87171;
229
+ --status-neutral: #717680;
230
+ --progress-track: #414651;
231
+ --progress-indicator: #C4B5FD;
232
+ --progress-buffer: #6D28D9;
233
+ --scale-low: #32D583;
234
+ --scale-medium: #FDB022;
235
+ --scale-high: #F87171;
236
+ --graphic-outline: #535862;
237
+ --graphic-divider: #414651;
238
+ --graphic-label: #A4A7AE;
239
+ --graphic-marker: #C4B5FD;
240
+ --graphic-hover: #5B21B6;
241
+ --graphic-muted: #414651;
242
+ --annotation-line: #717680;
243
+ --radius-xs: 0px;
244
+ --radius-sm: 0px;
245
+ --radius-md: 2px;
246
+ --radius-lg: 2px;
247
+ --radius-xl: 4px;
248
+ --radius-2xl: 4px;
249
+ --radius-3xl: 4px;
250
+ --radius-4xl: 4px;
251
+ --font-sans: 'Space Grotesk', 'Helvetica Neue', Arial, sans-serif;
252
+ --font-heading: 'Space Grotesk', 'Helvetica Neue', Arial, sans-serif;
253
+ --font-body: 'Space Grotesk', 'Helvetica Neue', Arial, sans-serif;
254
+ --font-weight-normal: 400;
255
+ --font-weight-medium: 500;
256
+ --font-weight-semibold: 600;
257
+ --font-weight-bold: 700;
258
+ --text-xs: 0.6875rem;
259
+ --text-xs--line-height: 1rem;
260
+ --text-sm: 0.8125rem;
261
+ --text-sm--line-height: 1.25rem;
262
+ --text-base: 0.9375rem;
263
+ --text-base--line-height: 1.375rem;
264
+ --text-lg: 1.0625rem;
265
+ --text-lg--line-height: 1.5rem;
266
+ --text-xl: 1.25rem;
267
+ --text-xl--line-height: 1.75rem;
268
+ --text-2xl: 1.625rem;
269
+ --text-2xl--line-height: 2rem;
270
+ --text-3xl: 2.125rem;
271
+ --text-3xl--line-height: 2.5rem;
272
+ --text-4xl: 2.75rem;
273
+ --text-4xl--line-height: 3.25rem;
274
+ --letter-spacing-normal: 0em;
275
+ --letter-spacing-tight: -0.025em;
276
+ --shadow-xs: 0 1px 2px 0 rgba(0,0,0,0.14);
277
+ --shadow-sm: 0 1px 3px 0 rgba(0,0,0,0.18);
278
+ --shadow-md: 0 2px 6px -1px rgba(0,0,0,0.20);
279
+ --shadow-lg: 0 4px 12px -2px rgba(0,0,0,0.22);
280
+ --shadow-xl: 0 8px 24px -4px rgba(0,0,0,0.22);
281
+ --shadow-2xl: 0 12px 36px -6px rgba(0,0,0,0.24);
282
+ }
283
+
284
+ [data-design-theme="inkwell"] {
285
+ --surface: #FFFFFF;
286
+ --surface-dim: #F5F5F5;
287
+ --surface-bright: #FFFFFF;
288
+ --surface-container-lowest: #FFFFFF;
289
+ --surface-container-low: #FAFAFA;
290
+ --surface-container: #F5F5F5;
291
+ --surface-container-high: #E9EAEB;
292
+ --surface-container-highest: #D5D7DA;
293
+ --on-surface: #090E18;
294
+ --on-surface-variant: #414651;
295
+ --inverse-surface: #101828;
296
+ --inverse-on-surface: #FAFAFA;
297
+ --primary: #7C3AED;
298
+ --on-primary: #FFFFFF;
299
+ --primary-container: #EDE9FE;
300
+ --on-primary-container: #4C1D95;
301
+ --inverse-primary: #C4B5FD;
302
+ --secondary: #414651;
303
+ --on-secondary: #FFFFFF;
304
+ --secondary-container: #E9EAEB;
305
+ --on-secondary-container: #101828;
306
+ --tertiary: #DC2626;
307
+ --on-tertiary: #FFFFFF;
308
+ --tertiary-container: #FEE2E2;
309
+ --on-tertiary-container: #7F1D1D;
310
+ --outline: #D5D7DA;
311
+ --outline-variant: #E9EAEB;
312
+ --scrim: rgba(0,0,0,0.5);
313
+ --shadow: rgba(0,0,0,0.15);
314
+ --error: #D92D20;
315
+ --on-error: #FFFFFF;
316
+ --error-container: #FEE4E2;
317
+ --on-error-container: #912018;
318
+ --success: #039855;
319
+ --on-success: #FFFFFF;
320
+ --success-container: #D1FADF;
321
+ --on-success-container: #05603A;
322
+ --warning: #DC6803;
323
+ --on-warning: #FFFFFF;
324
+ --warning-container: #FEF0C7;
325
+ --on-warning-container: #93370D;
326
+ --info: #1570EF;
327
+ --on-info: #FFFFFF;
328
+ --info-container: #D1E9FF;
329
+ --on-info-container: #1849A9;
330
+ --surface-tint: #7C3AED;
331
+ --state-hover: rgba(0,0,0,0.06);
332
+ --state-focus: rgba(0,0,0,0.10);
333
+ --state-pressed: rgba(0,0,0,0.10);
334
+ --state-dragged: rgba(0,0,0,0.14);
335
+ --state-disabled: rgba(0,0,0,0.38);
336
+ --graphic-1: #7C3AED;
337
+ --graphic-2: #DC2626;
338
+ --graphic-3: #414651;
339
+ --graphic-4: #039855;
340
+ --graphic-5: #DC6803;
341
+ --graphic-6: #1570EF;
342
+ --graphic-7: #6938EF;
343
+ --graphic-8: #0D9488;
344
+ --graphic-9: #EC4A0A;
345
+ --graphic-10: #3E4784;
346
+ --on-graphic: #FFFFFF;
347
+ --graphic-1-container: #F5F3FF;
348
+ --graphic-2-container: #FEF2F2;
349
+ --graphic-3-container: #F5F5F5;
350
+ --graphic-4-container: #ECFDF3;
351
+ --graphic-5-container: #FFFAEB;
352
+ --graphic-6-container: #EFF8FF;
353
+ --graphic-7-container: #F4F3FF;
354
+ --graphic-8-container: #F0FDFA;
355
+ --graphic-9-container: #FFF6ED;
356
+ --graphic-10-container: #F8F9FC;
357
+ --on-graphic-1-container: #5B21B6;
358
+ --on-graphic-2-container: #991B1B;
359
+ --on-graphic-3-container: #252B37;
360
+ --on-graphic-4-container: #05603A;
361
+ --on-graphic-5-container: #93370D;
362
+ --on-graphic-6-container: #1849A9;
363
+ --on-graphic-7-container: #4A1FB8;
364
+ --on-graphic-8-container: #115E59;
365
+ --on-graphic-9-container: #9C2A10;
366
+ --on-graphic-10-container: #293056;
367
+ --status-positive: #039855;
368
+ --status-warning: #DC6803;
369
+ --status-negative: #DC2626;
370
+ --status-neutral: #A4A7AE;
371
+ --progress-track: #E9EAEB;
372
+ --progress-indicator: #7C3AED;
373
+ --progress-buffer: #C4B5FD;
374
+ --scale-low: #039855;
375
+ --scale-medium: #DC6803;
376
+ --scale-high: #DC2626;
377
+ --graphic-outline: #D5D7DA;
378
+ --graphic-divider: #E9EAEB;
379
+ --graphic-label: #414651;
380
+ --graphic-marker: #7C3AED;
381
+ --graphic-hover: #F5F3FF;
382
+ --graphic-muted: #E9EAEB;
383
+ --annotation-line: #A4A7AE;
384
+ --radius-xs: 0px;
385
+ --radius-sm: 0px;
386
+ --radius-md: 2px;
387
+ --radius-lg: 2px;
388
+ --radius-xl: 4px;
389
+ --radius-2xl: 4px;
390
+ --radius-3xl: 4px;
391
+ --radius-4xl: 4px;
392
+ --font-sans: 'Space Grotesk', 'Helvetica Neue', Arial, sans-serif;
393
+ --font-heading: 'Space Grotesk', 'Helvetica Neue', Arial, sans-serif;
394
+ --font-body: 'Space Grotesk', 'Helvetica Neue', Arial, sans-serif;
395
+ --font-weight-normal: 400;
396
+ --font-weight-medium: 500;
397
+ --font-weight-semibold: 600;
398
+ --font-weight-bold: 700;
399
+ --text-xs: 0.6875rem;
400
+ --text-xs--line-height: 1rem;
401
+ --text-sm: 0.8125rem;
402
+ --text-sm--line-height: 1.25rem;
403
+ --text-base: 0.9375rem;
404
+ --text-base--line-height: 1.375rem;
405
+ --text-lg: 1.0625rem;
406
+ --text-lg--line-height: 1.5rem;
407
+ --text-xl: 1.25rem;
408
+ --text-xl--line-height: 1.75rem;
409
+ --text-2xl: 1.625rem;
410
+ --text-2xl--line-height: 2rem;
411
+ --text-3xl: 2.125rem;
412
+ --text-3xl--line-height: 2.5rem;
413
+ --text-4xl: 2.75rem;
414
+ --text-4xl--line-height: 3.25rem;
415
+ --letter-spacing-normal: 0em;
416
+ --letter-spacing-tight: -0.025em;
417
+ --shadow-xs: 0 1px 2px 0 rgba(0,0,0,0.14);
418
+ --shadow-sm: 0 1px 3px 0 rgba(0,0,0,0.18);
419
+ --shadow-md: 0 2px 6px -1px rgba(0,0,0,0.20);
420
+ --shadow-lg: 0 4px 12px -2px rgba(0,0,0,0.22);
421
+ --shadow-xl: 0 8px 24px -4px rgba(0,0,0,0.22);
422
+ --shadow-2xl: 0 12px 36px -6px rgba(0,0,0,0.24);
423
+ }
424
+
425
+ [data-design-theme="inkwell"].dark {
426
+ --surface: #090E18;
427
+ --surface-dim: #05080E;
428
+ --surface-bright: #252B37;
429
+ --surface-container-lowest: #05080E;
430
+ --surface-container-low: #090E18;
431
+ --surface-container: #101828;
432
+ --surface-container-high: #252B37;
433
+ --surface-container-highest: #414651;
434
+ --on-surface: #FAFAFA;
435
+ --on-surface-variant: #A4A7AE;
436
+ --inverse-surface: #FAFAFA;
437
+ --inverse-on-surface: #090E18;
438
+ --primary: #C4B5FD;
439
+ --on-primary: #2D1159;
440
+ --primary-container: #5B21B6;
441
+ --on-primary-container: #EDE9FE;
442
+ --inverse-primary: #7C3AED;
443
+ --secondary: #A4A7AE;
444
+ --on-secondary: #101828;
445
+ --secondary-container: #414651;
446
+ --on-secondary-container: #F5F5F5;
447
+ --tertiary: #F87171;
448
+ --on-tertiary: #4C1111;
449
+ --tertiary-container: #7F1D1D;
450
+ --on-tertiary-container: #FEE2E2;
451
+ --outline: #535862;
452
+ --outline-variant: #414651;
453
+ --scrim: rgba(255,255,255,0.1);
454
+ --shadow: rgba(0,0,0,0.4);
455
+ --error: #F97066;
456
+ --on-error: #4C1108;
457
+ --error-container: #7A271A;
458
+ --on-error-container: #FEE4E2;
459
+ --success: #32D583;
460
+ --on-success: #03301E;
461
+ --success-container: #054F31;
462
+ --on-success-container: #D1FADF;
463
+ --warning: #FDB022;
464
+ --on-warning: #491A06;
465
+ --warning-container: #7A2E0E;
466
+ --on-warning-container: #FEF0C7;
467
+ --info: #53B1FD;
468
+ --on-info: #0E2669;
469
+ --info-container: #194185;
470
+ --on-info-container: #D1E9FF;
471
+ --surface-tint: #C4B5FD;
472
+ --state-hover: rgba(196,181,253,0.08);
473
+ --state-focus: rgba(196,181,253,0.12);
474
+ --state-pressed: rgba(196,181,253,0.12);
475
+ --state-dragged: rgba(196,181,253,0.16);
476
+ --state-disabled: rgba(250,250,250,0.38);
477
+ --graphic-1: #C4B5FD;
478
+ --graphic-2: #F87171;
479
+ --graphic-3: #A4A7AE;
480
+ --graphic-4: #32D583;
481
+ --graphic-5: #FDB022;
482
+ --graphic-6: #53B1FD;
483
+ --graphic-7: #9B8AFB;
484
+ --graphic-8: #2DD4BF;
485
+ --graphic-9: #FD853A;
486
+ --graphic-10: #717BBC;
487
+ --on-graphic: #FFFFFF;
488
+ --graphic-1-container: #2D1159;
489
+ --graphic-2-container: #4C1111;
490
+ --graphic-3-container: #101828;
491
+ --graphic-4-container: #03301E;
492
+ --graphic-5-container: #491A06;
493
+ --graphic-6-container: #0E2669;
494
+ --graphic-7-container: #25105A;
495
+ --graphic-8-container: #0A302E;
496
+ --graphic-9-container: #4C1509;
497
+ --graphic-10-container: #090B15;
498
+ --on-graphic-1-container: #EDE9FE;
499
+ --on-graphic-2-container: #FEE2E2;
500
+ --on-graphic-3-container: #F5F5F5;
501
+ --on-graphic-4-container: #D1FADF;
502
+ --on-graphic-5-container: #FEF0C7;
503
+ --on-graphic-6-container: #D1E9FF;
504
+ --on-graphic-7-container: #EBE9FE;
505
+ --on-graphic-8-container: #CCFBF1;
506
+ --on-graphic-9-container: #FFEAD5;
507
+ --on-graphic-10-container: #EAECF5;
508
+ --status-positive: #32D583;
509
+ --status-warning: #FDB022;
510
+ --status-negative: #F87171;
511
+ --status-neutral: #717680;
512
+ --progress-track: #414651;
513
+ --progress-indicator: #C4B5FD;
514
+ --progress-buffer: #6D28D9;
515
+ --scale-low: #32D583;
516
+ --scale-medium: #FDB022;
517
+ --scale-high: #F87171;
518
+ --graphic-outline: #535862;
519
+ --graphic-divider: #414651;
520
+ --graphic-label: #A4A7AE;
521
+ --graphic-marker: #C4B5FD;
522
+ --graphic-hover: #5B21B6;
523
+ --graphic-muted: #414651;
524
+ --annotation-line: #717680;
525
+ --radius-xs: 0px;
526
+ --radius-sm: 0px;
527
+ --radius-md: 2px;
528
+ --radius-lg: 2px;
529
+ --radius-xl: 4px;
530
+ --radius-2xl: 4px;
531
+ --radius-3xl: 4px;
532
+ --radius-4xl: 4px;
533
+ --font-sans: 'Space Grotesk', 'Helvetica Neue', Arial, sans-serif;
534
+ --font-heading: 'Space Grotesk', 'Helvetica Neue', Arial, sans-serif;
535
+ --font-body: 'Space Grotesk', 'Helvetica Neue', Arial, sans-serif;
536
+ --font-weight-normal: 400;
537
+ --font-weight-medium: 500;
538
+ --font-weight-semibold: 600;
539
+ --font-weight-bold: 700;
540
+ --text-xs: 0.6875rem;
541
+ --text-xs--line-height: 1rem;
542
+ --text-sm: 0.8125rem;
543
+ --text-sm--line-height: 1.25rem;
544
+ --text-base: 0.9375rem;
545
+ --text-base--line-height: 1.375rem;
546
+ --text-lg: 1.0625rem;
547
+ --text-lg--line-height: 1.5rem;
548
+ --text-xl: 1.25rem;
549
+ --text-xl--line-height: 1.75rem;
550
+ --text-2xl: 1.625rem;
551
+ --text-2xl--line-height: 2rem;
552
+ --text-3xl: 2.125rem;
553
+ --text-3xl--line-height: 2.5rem;
554
+ --text-4xl: 2.75rem;
555
+ --text-4xl--line-height: 3.25rem;
556
+ --letter-spacing-normal: 0em;
557
+ --letter-spacing-tight: -0.025em;
558
+ --shadow-xs: 0 1px 2px 0 rgba(0,0,0,0.14);
559
+ --shadow-sm: 0 1px 3px 0 rgba(0,0,0,0.18);
560
+ --shadow-md: 0 2px 6px -1px rgba(0,0,0,0.20);
561
+ --shadow-lg: 0 4px 12px -2px rgba(0,0,0,0.22);
562
+ --shadow-xl: 0 8px 24px -4px rgba(0,0,0,0.22);
563
+ --shadow-2xl: 0 12px 36px -6px rgba(0,0,0,0.24);
564
+ }
565
+
566
+ [data-design-theme="rosewood"] {
567
+ --surface: #FFF5F6;
568
+ --surface-dim: #FFF1F3;
569
+ --surface-bright: #FFFFFF;
570
+ --surface-container-lowest: #FFFFFF;
571
+ --surface-container-low: #FFF5F6;
572
+ --surface-container: #FFF1F3;
573
+ --surface-container-high: #FFE4E8;
574
+ --surface-container-highest: #FECDD6;
575
+ --on-surface: #1C1917;
576
+ --on-surface-variant: #57534E;
577
+ --inverse-surface: #1C1917;
578
+ --inverse-on-surface: #FFF5F6;
579
+ --primary: #F87171;
580
+ --on-primary: #FFFFFF;
581
+ --primary-container: #FFE4E8;
582
+ --on-primary-container: #A11043;
583
+ --inverse-primary: #FEA3B4;
584
+ --secondary: #B91C1C;
585
+ --on-secondary: #FFFFFF;
586
+ --secondary-container: #FECDD6;
587
+ --on-secondary-container: #7F1D1D;
588
+ --tertiary: #F670C7;
589
+ --on-tertiary: #FFFFFF;
590
+ --tertiary-container: #FCE7F6;
591
+ --on-tertiary-container: #9E165F;
592
+ --outline: #FEA3B4;
593
+ --outline-variant: #FECDD6;
594
+ --scrim: rgba(68,44,46,0.4);
595
+ --shadow: rgba(68,44,46,0.08);
596
+ --error: #F04438;
597
+ --on-error: #FFFFFF;
598
+ --error-container: #FEE4E2;
599
+ --on-error-container: #912018;
600
+ --success: #12B76A;
601
+ --on-success: #FFFFFF;
602
+ --success-container: #D1FADF;
603
+ --on-success-container: #05603A;
604
+ --warning: #F79009;
605
+ --on-warning: #FFFFFF;
606
+ --warning-container: #FEF0C7;
607
+ --on-warning-container: #93370D;
608
+ --info: #2E90FA;
609
+ --on-info: #FFFFFF;
610
+ --info-container: #D1E9FF;
611
+ --on-info-container: #1849A9;
612
+ --surface-tint: #FECDD6;
613
+ --state-hover: rgba(68,44,46,0.06);
614
+ --state-focus: rgba(68,44,46,0.10);
615
+ --state-pressed: rgba(68,44,46,0.10);
616
+ --state-dragged: rgba(68,44,46,0.14);
617
+ --state-disabled: rgba(68,44,46,0.38);
618
+ --graphic-1: #F670C7;
619
+ --graphic-2: #B91C1C;
620
+ --graphic-3: #F79009;
621
+ --graphic-4: #12B76A;
622
+ --graphic-5: #FB6514;
623
+ --graphic-6: #F04438;
624
+ --graphic-7: #2E90FA;
625
+ --graphic-8: #DD2590;
626
+ --graphic-9: #F59E0B;
627
+ --graphic-10: #64748B;
628
+ --on-graphic: #FFFFFF;
629
+ --graphic-1-container: #FDF2FA;
630
+ --graphic-2-container: #FEF2F2;
631
+ --graphic-3-container: #FFFAEB;
632
+ --graphic-4-container: #ECFDF3;
633
+ --graphic-5-container: #FFF6ED;
634
+ --graphic-6-container: #FEF3F2;
635
+ --graphic-7-container: #EFF8FF;
636
+ --graphic-8-container: #FDF2FA;
637
+ --graphic-9-container: #FFFBEB;
638
+ --graphic-10-container: #F8FAFC;
639
+ --on-graphic-1-container: #9E165F;
640
+ --on-graphic-2-container: #991B1B;
641
+ --on-graphic-3-container: #93370D;
642
+ --on-graphic-4-container: #05603A;
643
+ --on-graphic-5-container: #9C2A10;
644
+ --on-graphic-6-container: #912018;
645
+ --on-graphic-7-container: #1849A9;
646
+ --on-graphic-8-container: #9E165F;
647
+ --on-graphic-9-container: #92400E;
648
+ --on-graphic-10-container: #1E293B;
649
+ --status-positive: #12B76A;
650
+ --status-warning: #F79009;
651
+ --status-negative: #B91C1C;
652
+ --status-neutral: #A8A29E;
653
+ --progress-track: #FECDD6;
654
+ --progress-indicator: #B91C1C;
655
+ --progress-buffer: #F670C7;
656
+ --scale-low: #12B76A;
657
+ --scale-medium: #F79009;
658
+ --scale-high: #B91C1C;
659
+ --graphic-outline: #FEA3B4;
660
+ --graphic-divider: #FECDD6;
661
+ --graphic-label: #57534E;
662
+ --graphic-marker: #B91C1C;
663
+ --graphic-hover: #FFE4E8;
664
+ --graphic-muted: #FECDD6;
665
+ --annotation-line: #A8A29E;
666
+ --radius-xs: 0.5rem;
667
+ --radius-sm: 0.625rem;
668
+ --radius-md: 0.875rem;
669
+ --radius-lg: 1.25rem;
670
+ --radius-xl: 1.5rem;
671
+ --radius-2xl: 2rem;
672
+ --radius-3xl: 2.5rem;
673
+ --radius-4xl: 3rem;
674
+ --font-sans: 'JetBrains Mono', 'Courier New', monospace;
675
+ --font-heading: 'JetBrains Mono', 'Courier New', monospace;
676
+ --font-body: 'JetBrains Mono', 'Courier New', monospace;
677
+ --font-weight-normal: 400;
678
+ --font-weight-medium: 500;
679
+ --font-weight-semibold: 600;
680
+ --font-weight-bold: 700;
681
+ --text-xs: 0.75rem;
682
+ --text-xs--line-height: 1.125rem;
683
+ --text-sm: 0.875rem;
684
+ --text-sm--line-height: 1.25rem;
685
+ --text-base: 1rem;
686
+ --text-base--line-height: 1.5rem;
687
+ --text-lg: 1.125rem;
688
+ --text-lg--line-height: 1.75rem;
689
+ --text-xl: 1.25rem;
690
+ --text-xl--line-height: 1.875rem;
691
+ --text-2xl: 1.5rem;
692
+ --text-2xl--line-height: 2rem;
693
+ --text-3xl: 1.875rem;
694
+ --text-3xl--line-height: 2.375rem;
695
+ --text-4xl: 2.25rem;
696
+ --text-4xl--line-height: 2.75rem;
697
+ --letter-spacing-normal: 0em;
698
+ --letter-spacing-tight: -0.02em;
699
+ --shadow-xs: 0 1px 4px 0 rgba(68,44,46,0.04);
700
+ --shadow-sm: 0 2px 8px -1px rgba(68,44,46,0.06);
701
+ --shadow-md: 0 4px 16px -2px rgba(68,44,46,0.06);
702
+ --shadow-lg: 0 8px 28px -4px rgba(68,44,46,0.06);
703
+ --shadow-xl: 0 16px 44px -6px rgba(68,44,46,0.06);
704
+ --shadow-2xl: 0 24px 60px -8px rgba(68,44,46,0.06);
705
+ }
706
+
707
+ [data-design-theme="rosewood"].dark {
708
+ --surface: #1C1917;
709
+ --surface-dim: #110F0D;
710
+ --surface-bright: #292524;
711
+ --surface-container-lowest: #110F0D;
712
+ --surface-container-low: #1C1917;
713
+ --surface-container: #292524;
714
+ --surface-container-high: #44403C;
715
+ --surface-container-highest: #57534E;
716
+ --on-surface: #FFF5F6;
717
+ --on-surface-variant: #FEA3B4;
718
+ --inverse-surface: #FFF5F6;
719
+ --inverse-on-surface: #1C1917;
720
+ --primary: #FECDD6;
721
+ --on-primary: #1C1917;
722
+ --primary-container: #44403C;
723
+ --on-primary-container: #FECDD6;
724
+ --inverse-primary: #B91C1C;
725
+ --secondary: #FEA3B4;
726
+ --on-secondary: #4C1111;
727
+ --secondary-container: #7F1D1D;
728
+ --on-secondary-container: #FECDD6;
729
+ --tertiary: #FAA7E0;
730
+ --on-tertiary: #4F0C30;
731
+ --tertiary-container: #9E165F;
732
+ --on-tertiary-container: #FCE7F6;
733
+ --outline: #57534E;
734
+ --outline-variant: #44403C;
735
+ --scrim: rgba(255,255,255,0.1);
736
+ --shadow: rgba(0,0,0,0.3);
737
+ --error: #F97066;
738
+ --on-error: #7A271A;
739
+ --error-container: #4C1108;
740
+ --on-error-container: #FEE4E2;
741
+ --success: #32D583;
742
+ --on-success: #054F31;
743
+ --success-container: #03301E;
744
+ --on-success-container: #D1FADF;
745
+ --warning: #FDB022;
746
+ --on-warning: #7A2E0E;
747
+ --warning-container: #491A06;
748
+ --on-warning-container: #FEF0C7;
749
+ --info: #53B1FD;
750
+ --on-info: #194185;
751
+ --info-container: #0E2669;
752
+ --on-info-container: #D1E9FF;
753
+ --surface-tint: #FECDD6;
754
+ --state-hover: rgba(254,219,208,0.08);
755
+ --state-focus: rgba(254,219,208,0.12);
756
+ --state-pressed: rgba(254,219,208,0.12);
757
+ --state-dragged: rgba(254,219,208,0.16);
758
+ --state-disabled: rgba(255,245,243,0.38);
759
+ --graphic-1: #FAA7E0;
760
+ --graphic-2: #FEA3B4;
761
+ --graphic-3: #FDB022;
762
+ --graphic-4: #32D583;
763
+ --graphic-5: #FD853A;
764
+ --graphic-6: #F97066;
765
+ --graphic-7: #53B1FD;
766
+ --graphic-8: #F670C7;
767
+ --graphic-9: #FBBF24;
768
+ --graphic-10: #94A3B8;
769
+ --on-graphic: #FFFFFF;
770
+ --graphic-1-container: #4F0C30;
771
+ --graphic-2-container: #520A25;
772
+ --graphic-3-container: #491A06;
773
+ --graphic-4-container: #03301E;
774
+ --graphic-5-container: #4C1509;
775
+ --graphic-6-container: #4C1108;
776
+ --graphic-7-container: #0E2669;
777
+ --graphic-8-container: #4F0C30;
778
+ --graphic-9-container: #471E07;
779
+ --graphic-10-container: #090D19;
780
+ --on-graphic-1-container: #FCE7F6;
781
+ --on-graphic-2-container: #FFE4E8;
782
+ --on-graphic-3-container: #FEF0C7;
783
+ --on-graphic-4-container: #D1FADF;
784
+ --on-graphic-5-container: #FFEAD5;
785
+ --on-graphic-6-container: #FEE4E2;
786
+ --on-graphic-7-container: #D1E9FF;
787
+ --on-graphic-8-container: #FCE7F6;
788
+ --on-graphic-9-container: #FEF3C7;
789
+ --on-graphic-10-container: #F1F5F9;
790
+ --status-positive: #32D583;
791
+ --status-warning: #FDB022;
792
+ --status-negative: #FEA3B4;
793
+ --status-neutral: #78716C;
794
+ --progress-track: #44403C;
795
+ --progress-indicator: #FECDD6;
796
+ --progress-buffer: #57534E;
797
+ --scale-low: #32D583;
798
+ --scale-medium: #FDB022;
799
+ --scale-high: #FEA3B4;
800
+ --graphic-outline: #57534E;
801
+ --graphic-divider: #44403C;
802
+ --graphic-label: #FEA3B4;
803
+ --graphic-marker: #FECDD6;
804
+ --graphic-hover: #44403C;
805
+ --graphic-muted: #44403C;
806
+ --annotation-line: #78716C;
807
+ --radius-xs: 0.5rem;
808
+ --radius-sm: 0.625rem;
809
+ --radius-md: 0.875rem;
810
+ --radius-lg: 1.25rem;
811
+ --radius-xl: 1.5rem;
812
+ --radius-2xl: 2rem;
813
+ --radius-3xl: 2.5rem;
814
+ --radius-4xl: 3rem;
815
+ --font-sans: 'JetBrains Mono', 'Courier New', monospace;
816
+ --font-heading: 'JetBrains Mono', 'Courier New', monospace;
817
+ --font-body: 'JetBrains Mono', 'Courier New', monospace;
818
+ --font-weight-normal: 400;
819
+ --font-weight-medium: 500;
820
+ --font-weight-semibold: 600;
821
+ --font-weight-bold: 700;
822
+ --text-xs: 0.75rem;
823
+ --text-xs--line-height: 1.125rem;
824
+ --text-sm: 0.875rem;
825
+ --text-sm--line-height: 1.25rem;
826
+ --text-base: 1rem;
827
+ --text-base--line-height: 1.5rem;
828
+ --text-lg: 1.125rem;
829
+ --text-lg--line-height: 1.75rem;
830
+ --text-xl: 1.25rem;
831
+ --text-xl--line-height: 1.875rem;
832
+ --text-2xl: 1.5rem;
833
+ --text-2xl--line-height: 2rem;
834
+ --text-3xl: 1.875rem;
835
+ --text-3xl--line-height: 2.375rem;
836
+ --text-4xl: 2.25rem;
837
+ --text-4xl--line-height: 2.75rem;
838
+ --letter-spacing-normal: 0em;
839
+ --letter-spacing-tight: -0.02em;
840
+ --shadow-xs: 0 1px 4px 0 rgba(68,44,46,0.04);
841
+ --shadow-sm: 0 2px 8px -1px rgba(68,44,46,0.06);
842
+ --shadow-md: 0 4px 16px -2px rgba(68,44,46,0.06);
843
+ --shadow-lg: 0 8px 28px -4px rgba(68,44,46,0.06);
844
+ --shadow-xl: 0 16px 44px -6px rgba(68,44,46,0.06);
845
+ --shadow-2xl: 0 24px 60px -8px rgba(68,44,46,0.06);
846
+ }
847
+
848
+ [data-design-theme="botanica"] {
849
+ --surface: #FEFEF2;
850
+ --surface-dim: #FEF9C3;
851
+ --surface-bright: #FFFFFF;
852
+ --surface-container-lowest: #FFFFFF;
853
+ --surface-container-low: #FEFCE8;
854
+ --surface-container: #FEF9C3;
855
+ --surface-container-high: #FEF08A;
856
+ --surface-container-highest: #D9F99D;
857
+ --on-surface: #032F23;
858
+ --on-surface-variant: #047857;
859
+ --inverse-surface: #032F23;
860
+ --inverse-on-surface: #F7FEE7;
861
+ --primary: #047857;
862
+ --on-primary: #FFFFFF;
863
+ --primary-container: #A7F3D0;
864
+ --on-primary-container: #032F23;
865
+ --inverse-primary: #34D399;
866
+ --secondary: #FB6514;
867
+ --on-secondary: #FFFFFF;
868
+ --secondary-container: #FFEAD5;
869
+ --on-secondary-container: #7E2410;
870
+ --tertiary: #65A30D;
871
+ --on-tertiary: #FFFFFF;
872
+ --tertiary-container: #ECFCCB;
873
+ --on-tertiary-container: #365314;
874
+ --outline: #6EE7B7;
875
+ --outline-variant: #A7F3D0;
876
+ --scrim: rgba(26,58,42,0.4);
877
+ --shadow: rgba(26,58,42,0.10);
878
+ --error: #D92D20;
879
+ --on-error: #FFFFFF;
880
+ --error-container: #FEE4E2;
881
+ --on-error-container: #912018;
882
+ --success: #039855;
883
+ --on-success: #FFFFFF;
884
+ --success-container: #D1FADF;
885
+ --on-success-container: #05603A;
886
+ --warning: #DC6803;
887
+ --on-warning: #FFFFFF;
888
+ --warning-container: #FEF0C7;
889
+ --on-warning-container: #93370D;
890
+ --info: #1570EF;
891
+ --on-info: #FFFFFF;
892
+ --info-container: #D1E9FF;
893
+ --on-info-container: #1849A9;
894
+ --surface-tint: #047857;
895
+ --state-hover: rgba(26,58,42,0.06);
896
+ --state-focus: rgba(26,58,42,0.10);
897
+ --state-pressed: rgba(26,58,42,0.10);
898
+ --state-dragged: rgba(26,58,42,0.14);
899
+ --state-disabled: rgba(26,58,42,0.38);
900
+ --graphic-1: #047857;
901
+ --graphic-2: #FB6514;
902
+ --graphic-3: #65A30D;
903
+ --graphic-4: #039855;
904
+ --graphic-5: #F79009;
905
+ --graphic-6: #D92D20;
906
+ --graphic-7: #1570EF;
907
+ --graphic-8: #16A34A;
908
+ --graphic-9: #EC4A0A;
909
+ --graphic-10: #0D9488;
910
+ --on-graphic: #FFFFFF;
911
+ --graphic-1-container: #ECFDF5;
912
+ --graphic-2-container: #FFF6ED;
913
+ --graphic-3-container: #F7FEE7;
914
+ --graphic-4-container: #ECFDF3;
915
+ --graphic-5-container: #FFFAEB;
916
+ --graphic-6-container: #FEF3F2;
917
+ --graphic-7-container: #EFF8FF;
918
+ --graphic-8-container: #F0FDF4;
919
+ --graphic-9-container: #FFF6ED;
920
+ --graphic-10-container: #F0FDFA;
921
+ --on-graphic-1-container: #065F46;
922
+ --on-graphic-2-container: #9C2A10;
923
+ --on-graphic-3-container: #3F6212;
924
+ --on-graphic-4-container: #05603A;
925
+ --on-graphic-5-container: #93370D;
926
+ --on-graphic-6-container: #912018;
927
+ --on-graphic-7-container: #1849A9;
928
+ --on-graphic-8-container: #166534;
929
+ --on-graphic-9-container: #9C2A10;
930
+ --on-graphic-10-container: #115E59;
931
+ --status-positive: #039855;
932
+ --status-warning: #DC6803;
933
+ --status-negative: #D92D20;
934
+ --status-neutral: #34D399;
935
+ --progress-track: #A7F3D0;
936
+ --progress-indicator: #047857;
937
+ --progress-buffer: #34D399;
938
+ --scale-low: #039855;
939
+ --scale-medium: #DC6803;
940
+ --scale-high: #D92D20;
941
+ --graphic-outline: #6EE7B7;
942
+ --graphic-divider: #A7F3D0;
943
+ --graphic-label: #047857;
944
+ --graphic-marker: #FB6514;
945
+ --graphic-hover: #ECFDF5;
946
+ --graphic-muted: #A7F3D0;
947
+ --annotation-line: #34D399;
948
+ --radius-xs: 0.25rem;
949
+ --radius-sm: 0.375rem;
950
+ --radius-md: 0.5rem;
951
+ --radius-lg: 0.75rem;
952
+ --radius-xl: 1rem;
953
+ --radius-2xl: 1.25rem;
954
+ --radius-3xl: 1.5rem;
955
+ --radius-4xl: 2rem;
956
+ --font-sans: 'Inter', 'Helvetica Neue', Arial, sans-serif;
957
+ --font-heading: 'Inter', 'Helvetica Neue', Arial, sans-serif;
958
+ --font-body: 'Inter', 'Helvetica Neue', Arial, sans-serif;
959
+ --font-weight-normal: 400;
960
+ --font-weight-medium: 500;
961
+ --font-weight-semibold: 600;
962
+ --font-weight-bold: 700;
963
+ --text-xs: 0.75rem;
964
+ --text-xs--line-height: 1.125rem;
965
+ --text-sm: 0.875rem;
966
+ --text-sm--line-height: 1.25rem;
967
+ --text-base: 1rem;
968
+ --text-base--line-height: 1.5rem;
969
+ --text-lg: 1.125rem;
970
+ --text-lg--line-height: 1.75rem;
971
+ --text-xl: 1.25rem;
972
+ --text-xl--line-height: 1.875rem;
973
+ --text-2xl: 1.5rem;
974
+ --text-2xl--line-height: 2rem;
975
+ --text-3xl: 1.875rem;
976
+ --text-3xl--line-height: 2.375rem;
977
+ --text-4xl: 2.25rem;
978
+ --text-4xl--line-height: 2.75rem;
979
+ --letter-spacing-normal: 0.005em;
980
+ --letter-spacing-tight: -0.02em;
981
+ --shadow-xs: 0 1px 2px 0 rgba(26,58,42,0.08);
982
+ --shadow-sm: 0 2px 4px -1px rgba(26,58,42,0.10);
983
+ --shadow-md: 0 3px 10px -2px rgba(26,58,42,0.10);
984
+ --shadow-lg: 0 6px 20px -4px rgba(26,58,42,0.12);
985
+ --shadow-xl: 0 12px 32px -6px rgba(26,58,42,0.12);
986
+ --shadow-2xl: 0 20px 48px -8px rgba(26,58,42,0.14);
987
+ }
988
+
989
+ [data-design-theme="botanica"].dark {
990
+ --surface: #021A13;
991
+ --surface-dim: #021A13;
992
+ --surface-bright: #064E3B;
993
+ --surface-container-lowest: #021A13;
994
+ --surface-container-low: #032F23;
995
+ --surface-container: #064E3B;
996
+ --surface-container-high: #14532D;
997
+ --surface-container-highest: #166534;
998
+ --on-surface: #ECFDF5;
999
+ --on-surface-variant: #6EE7B7;
1000
+ --inverse-surface: #ECFDF5;
1001
+ --inverse-on-surface: #032F23;
1002
+ --primary: #6EE7B7;
1003
+ --on-primary: #032F23;
1004
+ --primary-container: #064E3B;
1005
+ --on-primary-container: #A7F3D0;
1006
+ --inverse-primary: #047857;
1007
+ --secondary: #FD853A;
1008
+ --on-secondary: #4C1509;
1009
+ --secondary-container: #7E2410;
1010
+ --on-secondary-container: #FFEAD5;
1011
+ --tertiary: #A3E635;
1012
+ --on-tertiary: #20320C;
1013
+ --tertiary-container: #365314;
1014
+ --on-tertiary-container: #ECFCCB;
1015
+ --outline: #059669;
1016
+ --outline-variant: #065F46;
1017
+ --scrim: rgba(255,255,255,0.1);
1018
+ --shadow: rgba(0,0,0,0.3);
1019
+ --error: #F97066;
1020
+ --on-error: #4C1108;
1021
+ --error-container: #7A271A;
1022
+ --on-error-container: #FEE4E2;
1023
+ --success: #32D583;
1024
+ --on-success: #03301E;
1025
+ --success-container: #054F31;
1026
+ --on-success-container: #D1FADF;
1027
+ --warning: #FDB022;
1028
+ --on-warning: #491A06;
1029
+ --warning-container: #7A2E0E;
1030
+ --on-warning-container: #FEF0C7;
1031
+ --info: #53B1FD;
1032
+ --on-info: #0E2669;
1033
+ --info-container: #194185;
1034
+ --on-info-container: #D1E9FF;
1035
+ --surface-tint: #6EE7B7;
1036
+ --state-hover: rgba(110,231,183,0.08);
1037
+ --state-focus: rgba(110,231,183,0.12);
1038
+ --state-pressed: rgba(110,231,183,0.12);
1039
+ --state-dragged: rgba(110,231,183,0.16);
1040
+ --state-disabled: rgba(236,253,245,0.38);
1041
+ --graphic-1: #6EE7B7;
1042
+ --graphic-2: #FD853A;
1043
+ --graphic-3: #A3E635;
1044
+ --graphic-4: #32D583;
1045
+ --graphic-5: #FDB022;
1046
+ --graphic-6: #F97066;
1047
+ --graphic-7: #53B1FD;
1048
+ --graphic-8: #4ADE80;
1049
+ --graphic-9: #FD853A;
1050
+ --graphic-10: #2DD4BF;
1051
+ --on-graphic: #FFFFFF;
1052
+ --graphic-1-container: #032F23;
1053
+ --graphic-2-container: #4C1509;
1054
+ --graphic-3-container: #20320C;
1055
+ --graphic-4-container: #03301E;
1056
+ --graphic-5-container: #491A06;
1057
+ --graphic-6-container: #4C1108;
1058
+ --graphic-7-container: #0E2669;
1059
+ --graphic-8-container: #0C321B;
1060
+ --graphic-9-container: #4C1509;
1061
+ --graphic-10-container: #0A302E;
1062
+ --on-graphic-1-container: #D1FAE5;
1063
+ --on-graphic-2-container: #FFEAD5;
1064
+ --on-graphic-3-container: #ECFCCB;
1065
+ --on-graphic-4-container: #D1FADF;
1066
+ --on-graphic-5-container: #FEF0C7;
1067
+ --on-graphic-6-container: #FEE4E2;
1068
+ --on-graphic-7-container: #D1E9FF;
1069
+ --on-graphic-8-container: #DCFCE7;
1070
+ --on-graphic-9-container: #FFEAD5;
1071
+ --on-graphic-10-container: #CCFBF1;
1072
+ --status-positive: #32D583;
1073
+ --status-warning: #FDB022;
1074
+ --status-negative: #F97066;
1075
+ --status-neutral: #10B981;
1076
+ --progress-track: #065F46;
1077
+ --progress-indicator: #6EE7B7;
1078
+ --progress-buffer: #059669;
1079
+ --scale-low: #32D583;
1080
+ --scale-medium: #FDB022;
1081
+ --scale-high: #F97066;
1082
+ --graphic-outline: #059669;
1083
+ --graphic-divider: #065F46;
1084
+ --graphic-label: #6EE7B7;
1085
+ --graphic-marker: #FD853A;
1086
+ --graphic-hover: #064E3B;
1087
+ --graphic-muted: #065F46;
1088
+ --annotation-line: #10B981;
1089
+ --radius-xs: 0.25rem;
1090
+ --radius-sm: 0.375rem;
1091
+ --radius-md: 0.5rem;
1092
+ --radius-lg: 0.75rem;
1093
+ --radius-xl: 1rem;
1094
+ --radius-2xl: 1.25rem;
1095
+ --radius-3xl: 1.5rem;
1096
+ --radius-4xl: 2rem;
1097
+ --font-sans: 'Inter', 'Helvetica Neue', Arial, sans-serif;
1098
+ --font-heading: 'Inter', 'Helvetica Neue', Arial, sans-serif;
1099
+ --font-body: 'Inter', 'Helvetica Neue', Arial, sans-serif;
1100
+ --font-weight-normal: 400;
1101
+ --font-weight-medium: 500;
1102
+ --font-weight-semibold: 600;
1103
+ --font-weight-bold: 700;
1104
+ --text-xs: 0.75rem;
1105
+ --text-xs--line-height: 1.125rem;
1106
+ --text-sm: 0.875rem;
1107
+ --text-sm--line-height: 1.25rem;
1108
+ --text-base: 1rem;
1109
+ --text-base--line-height: 1.5rem;
1110
+ --text-lg: 1.125rem;
1111
+ --text-lg--line-height: 1.75rem;
1112
+ --text-xl: 1.25rem;
1113
+ --text-xl--line-height: 1.875rem;
1114
+ --text-2xl: 1.5rem;
1115
+ --text-2xl--line-height: 2rem;
1116
+ --text-3xl: 1.875rem;
1117
+ --text-3xl--line-height: 2.375rem;
1118
+ --text-4xl: 2.25rem;
1119
+ --text-4xl--line-height: 2.75rem;
1120
+ --letter-spacing-normal: 0.005em;
1121
+ --letter-spacing-tight: -0.02em;
1122
+ --shadow-xs: 0 1px 2px 0 rgba(26,58,42,0.08);
1123
+ --shadow-sm: 0 2px 4px -1px rgba(26,58,42,0.10);
1124
+ --shadow-md: 0 3px 10px -2px rgba(26,58,42,0.10);
1125
+ --shadow-lg: 0 6px 20px -4px rgba(26,58,42,0.12);
1126
+ --shadow-xl: 0 12px 32px -6px rgba(26,58,42,0.12);
1127
+ --shadow-2xl: 0 20px 48px -8px rgba(26,58,42,0.14);
1128
+ }