@phcdevworks/spectre-tokens 2.7.0 → 2.9.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.
@@ -0,0 +1,3158 @@
1
+ {
2
+ "component": {
3
+ "card": {
4
+ "text": {
5
+ "$value": "{colors.neutral.900}",
6
+ "$type": "color"
7
+ },
8
+ "textMuted": {
9
+ "$value": "{colors.neutral.600}",
10
+ "$type": "color"
11
+ }
12
+ },
13
+ "input": {
14
+ "text": {
15
+ "$value": "{colors.neutral.900}",
16
+ "$type": "color"
17
+ },
18
+ "placeholder": {
19
+ "$value": "{colors.neutral.500}",
20
+ "$type": "color"
21
+ }
22
+ },
23
+ "button": {
24
+ "textDefault": {
25
+ "$value": "{colors.neutral.900}",
26
+ "$type": "color"
27
+ },
28
+ "textOnPrimary": {
29
+ "$value": "{colors.white}",
30
+ "$type": "color"
31
+ }
32
+ },
33
+ "badge": {
34
+ "neutralBg": {
35
+ "$value": "{colors.neutral.100}",
36
+ "$type": "color"
37
+ },
38
+ "neutralBgHover": {
39
+ "$value": "{colors.neutral.200}",
40
+ "$type": "color"
41
+ },
42
+ "neutralText": {
43
+ "$value": "{colors.neutral.700}",
44
+ "$type": "color"
45
+ },
46
+ "infoBg": {
47
+ "$value": "{colors.info.100}",
48
+ "$type": "color"
49
+ },
50
+ "infoBgHover": {
51
+ "$value": "{colors.info.200}",
52
+ "$type": "color"
53
+ },
54
+ "infoText": {
55
+ "$value": "{colors.info.700}",
56
+ "$type": "color"
57
+ },
58
+ "successBg": {
59
+ "$value": "{colors.success.100}",
60
+ "$type": "color"
61
+ },
62
+ "successBgHover": {
63
+ "$value": "{colors.success.200}",
64
+ "$type": "color"
65
+ },
66
+ "successText": {
67
+ "$value": "{colors.success.800}",
68
+ "$type": "color"
69
+ },
70
+ "warningBg": {
71
+ "$value": "{colors.warning.100}",
72
+ "$type": "color"
73
+ },
74
+ "warningBgHover": {
75
+ "$value": "{colors.warning.200}",
76
+ "$type": "color"
77
+ },
78
+ "warningText": {
79
+ "$value": "{colors.warning.800}",
80
+ "$type": "color"
81
+ },
82
+ "dangerBg": {
83
+ "$value": "{colors.error.100}",
84
+ "$type": "color"
85
+ },
86
+ "dangerBgHover": {
87
+ "$value": "{colors.error.200}",
88
+ "$type": "color"
89
+ },
90
+ "dangerText": {
91
+ "$value": "{colors.error.800}",
92
+ "$type": "color"
93
+ }
94
+ },
95
+ "iconBox": {
96
+ "bg": {
97
+ "$value": "{colors.white}",
98
+ "$type": "color"
99
+ },
100
+ "border": {
101
+ "$value": "{colors.neutral.200}",
102
+ "$type": "color"
103
+ },
104
+ "iconDefault": {
105
+ "$value": "{colors.info.600}",
106
+ "$type": "color"
107
+ },
108
+ "iconSuccess": {
109
+ "$value": "{colors.success.600}",
110
+ "$type": "color"
111
+ },
112
+ "iconWarning": {
113
+ "$value": "{colors.warning.600}",
114
+ "$type": "color"
115
+ },
116
+ "iconDanger": {
117
+ "$value": "{colors.error.600}",
118
+ "$type": "color"
119
+ }
120
+ },
121
+ "testimonial": {
122
+ "bg": {
123
+ "$value": "{colors.white}",
124
+ "$type": "color"
125
+ },
126
+ "bgHover": {
127
+ "$value": "{colors.neutral.50}",
128
+ "$type": "color"
129
+ },
130
+ "border": {
131
+ "$value": "{colors.neutral.200}",
132
+ "$type": "color"
133
+ },
134
+ "text": {
135
+ "$value": "{colors.neutral.700}",
136
+ "$type": "color"
137
+ },
138
+ "authorName": {
139
+ "$value": "{colors.neutral.900}",
140
+ "$type": "color"
141
+ },
142
+ "authorTitle": {
143
+ "$value": "{colors.neutral.600}",
144
+ "$type": "color"
145
+ },
146
+ "quoteMark": {
147
+ "$value": "{colors.neutral.600}",
148
+ "$type": "color"
149
+ }
150
+ },
151
+ "pricingCard": {
152
+ "bg": {
153
+ "$value": "{colors.white}",
154
+ "$type": "color"
155
+ },
156
+ "bgHover": {
157
+ "$value": "{colors.neutral.50}",
158
+ "$type": "color"
159
+ },
160
+ "border": {
161
+ "$value": "{colors.neutral.200}",
162
+ "$type": "color"
163
+ },
164
+ "featuredBg": {
165
+ "$value": "{colors.info.600}",
166
+ "$type": "color"
167
+ },
168
+ "featuredText": {
169
+ "$value": "{colors.white}",
170
+ "$type": "color"
171
+ },
172
+ "featuredBadgeBg": {
173
+ "$value": "{colors.warning.500}",
174
+ "$type": "color"
175
+ },
176
+ "featuredBadgeText": {
177
+ "$value": "{colors.neutral.900}",
178
+ "$type": "color"
179
+ },
180
+ "price": {
181
+ "$value": "{colors.neutral.900}",
182
+ "$type": "color"
183
+ },
184
+ "priceDescription": {
185
+ "$value": "{colors.neutral.600}",
186
+ "$type": "color"
187
+ }
188
+ },
189
+ "rating": {
190
+ "starFilled": {
191
+ "$value": "{colors.warning.500}",
192
+ "$type": "color"
193
+ },
194
+ "starEmpty": {
195
+ "$value": "{colors.neutral.200}",
196
+ "$type": "color"
197
+ },
198
+ "text": {
199
+ "$value": "{colors.neutral.500}",
200
+ "$type": "color"
201
+ }
202
+ },
203
+ "nav": {
204
+ "bg": {
205
+ "$value": "{colors.white}",
206
+ "$type": "color"
207
+ },
208
+ "text": {
209
+ "$value": "{colors.neutral.900}",
210
+ "$type": "color"
211
+ },
212
+ "link": {
213
+ "$value": "{colors.neutral.700}",
214
+ "$type": "color"
215
+ },
216
+ "linkHover": {
217
+ "$value": "{colors.brand.600}",
218
+ "$type": "color"
219
+ },
220
+ "linkActive": {
221
+ "$value": "{colors.brand.700}",
222
+ "$type": "color"
223
+ },
224
+ "border": {
225
+ "$value": "{colors.neutral.200}",
226
+ "$type": "color"
227
+ }
228
+ },
229
+ "modal": {
230
+ "bg": {
231
+ "$value": "{colors.white}",
232
+ "$type": "color"
233
+ },
234
+ "shadow": {
235
+ "$value": "0 20px 48px -12px {colors.black} / 0.20",
236
+ "$type": "string"
237
+ },
238
+ "border": {
239
+ "$value": "{colors.neutral.200}",
240
+ "$type": "color"
241
+ },
242
+ "overlay": {
243
+ "$value": "{colors.black} / 0.6",
244
+ "$type": "color"
245
+ }
246
+ },
247
+ "toast": {
248
+ "success": {
249
+ "bg": {
250
+ "$value": "{colors.success.50}",
251
+ "$type": "color"
252
+ },
253
+ "text": {
254
+ "$value": "{colors.success.800}",
255
+ "$type": "color"
256
+ },
257
+ "border": {
258
+ "$value": "{colors.success.200}",
259
+ "$type": "color"
260
+ },
261
+ "icon": {
262
+ "$value": "{colors.success.600}",
263
+ "$type": "color"
264
+ }
265
+ },
266
+ "warning": {
267
+ "bg": {
268
+ "$value": "{colors.warning.50}",
269
+ "$type": "color"
270
+ },
271
+ "text": {
272
+ "$value": "{colors.warning.800}",
273
+ "$type": "color"
274
+ },
275
+ "border": {
276
+ "$value": "{colors.warning.200}",
277
+ "$type": "color"
278
+ },
279
+ "icon": {
280
+ "$value": "{colors.warning.600}",
281
+ "$type": "color"
282
+ }
283
+ },
284
+ "danger": {
285
+ "bg": {
286
+ "$value": "{colors.error.50}",
287
+ "$type": "color"
288
+ },
289
+ "text": {
290
+ "$value": "{colors.error.800}",
291
+ "$type": "color"
292
+ },
293
+ "border": {
294
+ "$value": "{colors.error.200}",
295
+ "$type": "color"
296
+ },
297
+ "icon": {
298
+ "$value": "{colors.error.600}",
299
+ "$type": "color"
300
+ }
301
+ },
302
+ "info": {
303
+ "bg": {
304
+ "$value": "{colors.info.50}",
305
+ "$type": "color"
306
+ },
307
+ "text": {
308
+ "$value": "{colors.info.800}",
309
+ "$type": "color"
310
+ },
311
+ "border": {
312
+ "$value": "{colors.info.200}",
313
+ "$type": "color"
314
+ },
315
+ "icon": {
316
+ "$value": "{colors.info.600}",
317
+ "$type": "color"
318
+ }
319
+ }
320
+ },
321
+ "tooltip": {
322
+ "bg": {
323
+ "$value": "{colors.neutral.900}",
324
+ "$type": "color"
325
+ },
326
+ "text": {
327
+ "$value": "{colors.white}",
328
+ "$type": "color"
329
+ },
330
+ "border": {
331
+ "$value": "{colors.neutral.700}",
332
+ "$type": "color"
333
+ }
334
+ },
335
+ "dropdown": {
336
+ "bg": {
337
+ "$value": "{colors.white}",
338
+ "$type": "color"
339
+ },
340
+ "border": {
341
+ "$value": "{colors.neutral.200}",
342
+ "$type": "color"
343
+ },
344
+ "item": {
345
+ "default": {
346
+ "$value": "transparent",
347
+ "$type": "string"
348
+ },
349
+ "hover": {
350
+ "$value": "{colors.neutral.100}",
351
+ "$type": "color"
352
+ },
353
+ "active": {
354
+ "$value": "{colors.info.50}",
355
+ "$type": "color"
356
+ },
357
+ "text": {
358
+ "$value": "{colors.neutral.900}",
359
+ "$type": "color"
360
+ }
361
+ }
362
+ }
363
+ },
364
+ "buttons": {
365
+ "primary": {
366
+ "bg": {
367
+ "$value": "{colors.info.600}",
368
+ "$type": "color"
369
+ },
370
+ "bgHover": {
371
+ "$value": "{colors.info.700}",
372
+ "$type": "color"
373
+ },
374
+ "bgActive": {
375
+ "$value": "{colors.info.800}",
376
+ "$type": "color"
377
+ },
378
+ "bgDisabled": {
379
+ "$value": "{colors.neutral.200}",
380
+ "$type": "color"
381
+ },
382
+ "text": {
383
+ "$value": "{colors.white}",
384
+ "$type": "color"
385
+ },
386
+ "textDisabled": {
387
+ "$value": "{colors.neutral.400}",
388
+ "$type": "color"
389
+ },
390
+ "focusRing": {
391
+ "$value": "{colors.info.500} / 0.4",
392
+ "$type": "color"
393
+ },
394
+ "focusVisible": {
395
+ "$value": "{colors.info.500} / 0.4",
396
+ "$type": "color"
397
+ }
398
+ },
399
+ "secondary": {
400
+ "bg": {
401
+ "$value": "{colors.white}",
402
+ "$type": "color"
403
+ },
404
+ "bgHover": {
405
+ "$value": "{colors.neutral.50}",
406
+ "$type": "color"
407
+ },
408
+ "bgActive": {
409
+ "$value": "{colors.neutral.100}",
410
+ "$type": "color"
411
+ },
412
+ "bgDisabled": {
413
+ "$value": "{colors.neutral.50}",
414
+ "$type": "color"
415
+ },
416
+ "text": {
417
+ "$value": "{colors.info.700}",
418
+ "$type": "color"
419
+ },
420
+ "textDisabled": {
421
+ "$value": "{colors.neutral.400}",
422
+ "$type": "color"
423
+ },
424
+ "border": {
425
+ "$value": "{colors.info.700}",
426
+ "$type": "color"
427
+ },
428
+ "borderDisabled": {
429
+ "$value": "{colors.neutral.200}",
430
+ "$type": "color"
431
+ },
432
+ "focusRing": {
433
+ "$value": "{colors.info.500} / 0.4",
434
+ "$type": "color"
435
+ },
436
+ "focusVisible": {
437
+ "$value": "{colors.info.500} / 0.4",
438
+ "$type": "color"
439
+ }
440
+ },
441
+ "ghost": {
442
+ "bg": {
443
+ "$value": "transparent",
444
+ "$type": "string"
445
+ },
446
+ "bgHover": {
447
+ "$value": "{colors.info.50}",
448
+ "$type": "color"
449
+ },
450
+ "bgActive": {
451
+ "$value": "{colors.info.100}",
452
+ "$type": "color"
453
+ },
454
+ "bgDisabled": {
455
+ "$value": "transparent",
456
+ "$type": "string"
457
+ },
458
+ "text": {
459
+ "$value": "{colors.info.700}",
460
+ "$type": "color"
461
+ },
462
+ "textDisabled": {
463
+ "$value": "{colors.neutral.400}",
464
+ "$type": "color"
465
+ },
466
+ "focusRing": {
467
+ "$value": "{colors.info.500} / 0.4",
468
+ "$type": "color"
469
+ },
470
+ "focusVisible": {
471
+ "$value": "{colors.info.500} / 0.4",
472
+ "$type": "color"
473
+ }
474
+ },
475
+ "danger": {
476
+ "bg": {
477
+ "$value": "{colors.error.600}",
478
+ "$type": "color"
479
+ },
480
+ "bgHover": {
481
+ "$value": "{colors.error.700}",
482
+ "$type": "color"
483
+ },
484
+ "bgActive": {
485
+ "$value": "{colors.error.800}",
486
+ "$type": "color"
487
+ },
488
+ "bgDisabled": {
489
+ "$value": "{colors.error.200}",
490
+ "$type": "color"
491
+ },
492
+ "text": {
493
+ "$value": "{colors.white}",
494
+ "$type": "color"
495
+ },
496
+ "textDisabled": {
497
+ "$value": "{colors.neutral.400}",
498
+ "$type": "color"
499
+ },
500
+ "focusRing": {
501
+ "$value": "{colors.error.500} / 0.4",
502
+ "$type": "color"
503
+ },
504
+ "focusVisible": {
505
+ "$value": "{colors.error.500} / 0.4",
506
+ "$type": "color"
507
+ }
508
+ },
509
+ "success": {
510
+ "bg": {
511
+ "$value": "{colors.success.700}",
512
+ "$type": "color"
513
+ },
514
+ "bgHover": {
515
+ "$value": "{colors.success.800}",
516
+ "$type": "color"
517
+ },
518
+ "bgActive": {
519
+ "$value": "{colors.success.900}",
520
+ "$type": "color"
521
+ },
522
+ "bgDisabled": {
523
+ "$value": "{colors.success.200}",
524
+ "$type": "color"
525
+ },
526
+ "text": {
527
+ "$value": "{colors.white}",
528
+ "$type": "color"
529
+ },
530
+ "textDisabled": {
531
+ "$value": "{colors.neutral.400}",
532
+ "$type": "color"
533
+ },
534
+ "focusRing": {
535
+ "$value": "{colors.success.500} / 0.4",
536
+ "$type": "color"
537
+ },
538
+ "focusVisible": {
539
+ "$value": "{colors.success.500} / 0.4",
540
+ "$type": "color"
541
+ }
542
+ },
543
+ "cta": {
544
+ "bg": {
545
+ "$value": "{colors.brand.600}",
546
+ "$type": "color"
547
+ },
548
+ "bgHover": {
549
+ "$value": "{colors.brand.700}",
550
+ "$type": "color"
551
+ },
552
+ "bgActive": {
553
+ "$value": "{colors.brand.800}",
554
+ "$type": "color"
555
+ },
556
+ "bgDisabled": {
557
+ "$value": "{colors.brand.200}",
558
+ "$type": "color"
559
+ },
560
+ "text": {
561
+ "$value": "{colors.white}",
562
+ "$type": "color"
563
+ },
564
+ "textDisabled": {
565
+ "$value": "{colors.neutral.400}",
566
+ "$type": "color"
567
+ },
568
+ "shadow": {
569
+ "$value": "0 4px 14px 0 {colors.brand.500} / 0.39",
570
+ "$type": "string"
571
+ },
572
+ "focusRing": {
573
+ "$value": "{colors.brand.500} / 0.4",
574
+ "$type": "color"
575
+ }
576
+ },
577
+ "accent": {
578
+ "bg": {
579
+ "$value": "{colors.accent.700}",
580
+ "$type": "color"
581
+ },
582
+ "bgHover": {
583
+ "$value": "{colors.accent.800}",
584
+ "$type": "color"
585
+ },
586
+ "bgActive": {
587
+ "$value": "{colors.accent.900}",
588
+ "$type": "color"
589
+ },
590
+ "bgDisabled": {
591
+ "$value": "{colors.accent.200}",
592
+ "$type": "color"
593
+ },
594
+ "text": {
595
+ "$value": "{colors.white}",
596
+ "$type": "color"
597
+ },
598
+ "textDisabled": {
599
+ "$value": "{colors.neutral.400}",
600
+ "$type": "color"
601
+ },
602
+ "focusRing": {
603
+ "$value": "{colors.accent.500} / 0.4",
604
+ "$type": "color"
605
+ },
606
+ "focusVisible": {
607
+ "$value": "{colors.accent.500} / 0.4",
608
+ "$type": "color"
609
+ }
610
+ }
611
+ },
612
+ "forms": {
613
+ "default": {
614
+ "bg": {
615
+ "$value": "{colors.white}",
616
+ "$type": "color"
617
+ },
618
+ "border": {
619
+ "$value": "{colors.neutral.300}",
620
+ "$type": "color"
621
+ },
622
+ "text": {
623
+ "$value": "{colors.neutral.900}",
624
+ "$type": "color"
625
+ },
626
+ "placeholder": {
627
+ "$value": "{colors.neutral.500}",
628
+ "$type": "color"
629
+ }
630
+ },
631
+ "hover": {
632
+ "border": {
633
+ "$value": "{colors.info.500}",
634
+ "$type": "color"
635
+ }
636
+ },
637
+ "focus": {
638
+ "border": {
639
+ "$value": "{colors.info.500}",
640
+ "$type": "color"
641
+ },
642
+ "ring": {
643
+ "$value": "{colors.info.500}",
644
+ "$type": "color"
645
+ }
646
+ },
647
+ "focusVisible": {
648
+ "border": {
649
+ "$value": "{colors.info.500}",
650
+ "$type": "color"
651
+ },
652
+ "ring": {
653
+ "$value": "{colors.info.500}",
654
+ "$type": "color"
655
+ }
656
+ },
657
+ "valid": {
658
+ "border": {
659
+ "$value": "{colors.success.500}",
660
+ "$type": "color"
661
+ },
662
+ "bg": {
663
+ "$value": "{colors.success.50}",
664
+ "$type": "color"
665
+ },
666
+ "text": {
667
+ "$value": "{colors.success.700}",
668
+ "$type": "color"
669
+ }
670
+ },
671
+ "invalid": {
672
+ "border": {
673
+ "$value": "{colors.error.500}",
674
+ "$type": "color"
675
+ },
676
+ "bg": {
677
+ "$value": "{colors.error.50}",
678
+ "$type": "color"
679
+ },
680
+ "text": {
681
+ "$value": "{colors.error.700}",
682
+ "$type": "color"
683
+ }
684
+ },
685
+ "disabled": {
686
+ "bg": {
687
+ "$value": "{colors.neutral.50}",
688
+ "$type": "color"
689
+ },
690
+ "border": {
691
+ "$value": "{colors.neutral.200}",
692
+ "$type": "color"
693
+ },
694
+ "text": {
695
+ "$value": "{colors.neutral.400}",
696
+ "$type": "color"
697
+ }
698
+ }
699
+ },
700
+ "modes": {
701
+ "default": {
702
+ "surface": {
703
+ "page": {
704
+ "$value": "{colors.neutral.50}",
705
+ "$type": "color"
706
+ },
707
+ "card": {
708
+ "$value": "{colors.white}",
709
+ "$type": "color"
710
+ },
711
+ "input": {
712
+ "$value": "{colors.white}",
713
+ "$type": "color"
714
+ },
715
+ "overlay": {
716
+ "$value": "{colors.black} / 0.6",
717
+ "$type": "color"
718
+ },
719
+ "alternate": {
720
+ "$value": "{colors.neutral.100}",
721
+ "$type": "color"
722
+ },
723
+ "hero": {
724
+ "$value": "linear-gradient(135deg, {colors.indigo.500} 0%, {colors.violet.600} 100%)",
725
+ "$type": "string"
726
+ },
727
+ "hover": {
728
+ "$value": "{colors.neutral.100}",
729
+ "$type": "color"
730
+ },
731
+ "selected": {
732
+ "$value": "{colors.info.50}",
733
+ "$type": "color"
734
+ },
735
+ "active": {
736
+ "$value": "{colors.neutral.200}",
737
+ "$type": "color"
738
+ },
739
+ "divider": {
740
+ "$value": "{colors.neutral.200}",
741
+ "$type": "color"
742
+ }
743
+ },
744
+ "text": {
745
+ "onPage": {
746
+ "default": {
747
+ "$value": "{colors.neutral.900}",
748
+ "$type": "color"
749
+ },
750
+ "muted": {
751
+ "$value": "{colors.neutral.600}",
752
+ "$type": "color"
753
+ },
754
+ "subtle": {
755
+ "$value": "{colors.neutral.500}",
756
+ "$type": "color"
757
+ },
758
+ "meta": {
759
+ "$value": "{colors.neutral.500}",
760
+ "$type": "color"
761
+ },
762
+ "brand": {
763
+ "$value": "{colors.brand.600}",
764
+ "$type": "color"
765
+ }
766
+ },
767
+ "onSurface": {
768
+ "default": {
769
+ "$value": "{colors.neutral.900}",
770
+ "$type": "color"
771
+ },
772
+ "muted": {
773
+ "$value": "{colors.neutral.600}",
774
+ "$type": "color"
775
+ },
776
+ "subtle": {
777
+ "$value": "{colors.neutral.500}",
778
+ "$type": "color"
779
+ },
780
+ "meta": {
781
+ "$value": "{colors.neutral.500}",
782
+ "$type": "color"
783
+ },
784
+ "brand": {
785
+ "$value": "{colors.brand.600}",
786
+ "$type": "color"
787
+ }
788
+ }
789
+ },
790
+ "component": {
791
+ "card": {
792
+ "text": {
793
+ "$value": "{colors.neutral.900}",
794
+ "$type": "color"
795
+ },
796
+ "textMuted": {
797
+ "$value": "{colors.neutral.600}",
798
+ "$type": "color"
799
+ }
800
+ },
801
+ "input": {
802
+ "text": {
803
+ "$value": "{colors.neutral.900}",
804
+ "$type": "color"
805
+ },
806
+ "placeholder": {
807
+ "$value": "{colors.neutral.500}",
808
+ "$type": "color"
809
+ }
810
+ },
811
+ "button": {
812
+ "textDefault": {
813
+ "$value": "{colors.neutral.900}",
814
+ "$type": "color"
815
+ },
816
+ "textOnPrimary": {
817
+ "$value": "{colors.white}",
818
+ "$type": "color"
819
+ }
820
+ },
821
+ "badge": {
822
+ "neutralBg": {
823
+ "$value": "{colors.neutral.100}",
824
+ "$type": "color"
825
+ },
826
+ "neutralBgHover": {
827
+ "$value": "{colors.neutral.200}",
828
+ "$type": "color"
829
+ },
830
+ "neutralText": {
831
+ "$value": "{colors.neutral.700}",
832
+ "$type": "color"
833
+ },
834
+ "infoBg": {
835
+ "$value": "{colors.info.100}",
836
+ "$type": "color"
837
+ },
838
+ "infoBgHover": {
839
+ "$value": "{colors.info.200}",
840
+ "$type": "color"
841
+ },
842
+ "infoText": {
843
+ "$value": "{colors.info.700}",
844
+ "$type": "color"
845
+ },
846
+ "successBg": {
847
+ "$value": "{colors.success.100}",
848
+ "$type": "color"
849
+ },
850
+ "successText": {
851
+ "$value": "{colors.success.700}",
852
+ "$type": "color"
853
+ },
854
+ "warningBg": {
855
+ "$value": "{colors.warning.100}",
856
+ "$type": "color"
857
+ },
858
+ "warningText": {
859
+ "$value": "{colors.warning.800}",
860
+ "$type": "color"
861
+ },
862
+ "dangerBg": {
863
+ "$value": "{colors.error.100}",
864
+ "$type": "color"
865
+ },
866
+ "dangerText": {
867
+ "$value": "{colors.error.700}",
868
+ "$type": "color"
869
+ }
870
+ },
871
+ "iconBox": {
872
+ "bg": {
873
+ "$value": "{colors.white}",
874
+ "$type": "color"
875
+ },
876
+ "border": {
877
+ "$value": "{colors.neutral.200}",
878
+ "$type": "color"
879
+ },
880
+ "iconDefault": {
881
+ "$value": "{colors.info.600}",
882
+ "$type": "color"
883
+ },
884
+ "iconSuccess": {
885
+ "$value": "{colors.success.600}",
886
+ "$type": "color"
887
+ },
888
+ "iconWarning": {
889
+ "$value": "{colors.warning.600}",
890
+ "$type": "color"
891
+ },
892
+ "iconDanger": {
893
+ "$value": "{colors.error.600}",
894
+ "$type": "color"
895
+ }
896
+ },
897
+ "testimonial": {
898
+ "bg": {
899
+ "$value": "{colors.white}",
900
+ "$type": "color"
901
+ },
902
+ "bgHover": {
903
+ "$value": "{colors.neutral.50}",
904
+ "$type": "color"
905
+ },
906
+ "border": {
907
+ "$value": "{colors.neutral.200}",
908
+ "$type": "color"
909
+ },
910
+ "text": {
911
+ "$value": "{colors.neutral.700}",
912
+ "$type": "color"
913
+ },
914
+ "authorName": {
915
+ "$value": "{colors.neutral.900}",
916
+ "$type": "color"
917
+ },
918
+ "authorTitle": {
919
+ "$value": "{colors.neutral.600}",
920
+ "$type": "color"
921
+ },
922
+ "quoteMark": {
923
+ "$value": "{colors.neutral.600}",
924
+ "$type": "color"
925
+ }
926
+ },
927
+ "pricingCard": {
928
+ "bg": {
929
+ "$value": "{colors.white}",
930
+ "$type": "color"
931
+ },
932
+ "bgHover": {
933
+ "$value": "{colors.neutral.50}",
934
+ "$type": "color"
935
+ },
936
+ "border": {
937
+ "$value": "{colors.neutral.200}",
938
+ "$type": "color"
939
+ },
940
+ "featuredBg": {
941
+ "$value": "{colors.info.600}",
942
+ "$type": "color"
943
+ },
944
+ "featuredText": {
945
+ "$value": "{colors.white}",
946
+ "$type": "color"
947
+ },
948
+ "featuredBadgeBg": {
949
+ "$value": "{colors.warning.500}",
950
+ "$type": "color"
951
+ },
952
+ "featuredBadgeText": {
953
+ "$value": "{colors.neutral.900}",
954
+ "$type": "color"
955
+ },
956
+ "price": {
957
+ "$value": "{colors.neutral.900}",
958
+ "$type": "color"
959
+ },
960
+ "priceDescription": {
961
+ "$value": "{colors.neutral.600}",
962
+ "$type": "color"
963
+ }
964
+ },
965
+ "rating": {
966
+ "starFilled": {
967
+ "$value": "{colors.warning.500}",
968
+ "$type": "color"
969
+ },
970
+ "starEmpty": {
971
+ "$value": "{colors.neutral.200}",
972
+ "$type": "color"
973
+ },
974
+ "text": {
975
+ "$value": "{colors.neutral.500}",
976
+ "$type": "color"
977
+ }
978
+ },
979
+ "nav": {
980
+ "bg": {
981
+ "$value": "{colors.white}",
982
+ "$type": "color"
983
+ },
984
+ "text": {
985
+ "$value": "{colors.neutral.900}",
986
+ "$type": "color"
987
+ },
988
+ "link": {
989
+ "$value": "{colors.neutral.700}",
990
+ "$type": "color"
991
+ },
992
+ "linkHover": {
993
+ "$value": "{colors.brand.600}",
994
+ "$type": "color"
995
+ },
996
+ "linkActive": {
997
+ "$value": "{colors.brand.700}",
998
+ "$type": "color"
999
+ },
1000
+ "border": {
1001
+ "$value": "{colors.neutral.200}",
1002
+ "$type": "color"
1003
+ }
1004
+ },
1005
+ "modal": {
1006
+ "bg": {
1007
+ "$value": "{colors.white}",
1008
+ "$type": "color"
1009
+ },
1010
+ "shadow": {
1011
+ "$value": "0 20px 48px -12px {colors.black} / 0.20",
1012
+ "$type": "string"
1013
+ },
1014
+ "border": {
1015
+ "$value": "{colors.neutral.200}",
1016
+ "$type": "color"
1017
+ },
1018
+ "overlay": {
1019
+ "$value": "{colors.black} / 0.6",
1020
+ "$type": "color"
1021
+ }
1022
+ },
1023
+ "toast": {
1024
+ "success": {
1025
+ "bg": {
1026
+ "$value": "{colors.success.50}",
1027
+ "$type": "color"
1028
+ },
1029
+ "text": {
1030
+ "$value": "{colors.success.800}",
1031
+ "$type": "color"
1032
+ },
1033
+ "border": {
1034
+ "$value": "{colors.success.200}",
1035
+ "$type": "color"
1036
+ },
1037
+ "icon": {
1038
+ "$value": "{colors.success.600}",
1039
+ "$type": "color"
1040
+ }
1041
+ },
1042
+ "warning": {
1043
+ "bg": {
1044
+ "$value": "{colors.warning.50}",
1045
+ "$type": "color"
1046
+ },
1047
+ "text": {
1048
+ "$value": "{colors.warning.800}",
1049
+ "$type": "color"
1050
+ },
1051
+ "border": {
1052
+ "$value": "{colors.warning.200}",
1053
+ "$type": "color"
1054
+ },
1055
+ "icon": {
1056
+ "$value": "{colors.warning.600}",
1057
+ "$type": "color"
1058
+ }
1059
+ },
1060
+ "danger": {
1061
+ "bg": {
1062
+ "$value": "{colors.error.50}",
1063
+ "$type": "color"
1064
+ },
1065
+ "text": {
1066
+ "$value": "{colors.error.800}",
1067
+ "$type": "color"
1068
+ },
1069
+ "border": {
1070
+ "$value": "{colors.error.200}",
1071
+ "$type": "color"
1072
+ },
1073
+ "icon": {
1074
+ "$value": "{colors.error.600}",
1075
+ "$type": "color"
1076
+ }
1077
+ },
1078
+ "info": {
1079
+ "bg": {
1080
+ "$value": "{colors.info.50}",
1081
+ "$type": "color"
1082
+ },
1083
+ "text": {
1084
+ "$value": "{colors.info.800}",
1085
+ "$type": "color"
1086
+ },
1087
+ "border": {
1088
+ "$value": "{colors.info.200}",
1089
+ "$type": "color"
1090
+ },
1091
+ "icon": {
1092
+ "$value": "{colors.info.600}",
1093
+ "$type": "color"
1094
+ }
1095
+ }
1096
+ },
1097
+ "tooltip": {
1098
+ "bg": {
1099
+ "$value": "{colors.neutral.900}",
1100
+ "$type": "color"
1101
+ },
1102
+ "text": {
1103
+ "$value": "{colors.white}",
1104
+ "$type": "color"
1105
+ },
1106
+ "border": {
1107
+ "$value": "{colors.neutral.700}",
1108
+ "$type": "color"
1109
+ }
1110
+ },
1111
+ "dropdown": {
1112
+ "bg": {
1113
+ "$value": "{colors.white}",
1114
+ "$type": "color"
1115
+ },
1116
+ "border": {
1117
+ "$value": "{colors.neutral.200}",
1118
+ "$type": "color"
1119
+ },
1120
+ "item": {
1121
+ "default": {
1122
+ "$value": "transparent",
1123
+ "$type": "string"
1124
+ },
1125
+ "hover": {
1126
+ "$value": "{colors.neutral.100}",
1127
+ "$type": "color"
1128
+ },
1129
+ "active": {
1130
+ "$value": "{colors.info.50}",
1131
+ "$type": "color"
1132
+ },
1133
+ "text": {
1134
+ "$value": "{colors.neutral.900}",
1135
+ "$type": "color"
1136
+ }
1137
+ }
1138
+ }
1139
+ }
1140
+ },
1141
+ "dark": {
1142
+ "surface": {
1143
+ "page": {
1144
+ "$value": "{colors.neutral.900}",
1145
+ "$type": "color"
1146
+ },
1147
+ "card": {
1148
+ "$value": "{colors.neutral.800}",
1149
+ "$type": "color"
1150
+ },
1151
+ "input": {
1152
+ "$value": "{colors.neutral.700}",
1153
+ "$type": "color"
1154
+ },
1155
+ "overlay": {
1156
+ "$value": "{colors.black} / 0.6",
1157
+ "$type": "color"
1158
+ },
1159
+ "alternate": {
1160
+ "$value": "{colors.neutral.800}",
1161
+ "$type": "color"
1162
+ },
1163
+ "hero": {
1164
+ "$value": "linear-gradient(135deg, {colors.accent.700} 0%, {colors.accent.900} 100%)",
1165
+ "$type": "string"
1166
+ },
1167
+ "hover": {
1168
+ "$value": "{colors.neutral.700}",
1169
+ "$type": "color"
1170
+ },
1171
+ "selected": {
1172
+ "$value": "{colors.info.900}",
1173
+ "$type": "color"
1174
+ },
1175
+ "active": {
1176
+ "$value": "{colors.neutral.600}",
1177
+ "$type": "color"
1178
+ },
1179
+ "divider": {
1180
+ "$value": "{colors.neutral.700}",
1181
+ "$type": "color"
1182
+ }
1183
+ },
1184
+ "text": {
1185
+ "onPage": {
1186
+ "default": {
1187
+ "$value": "{colors.neutral.50}",
1188
+ "$type": "color"
1189
+ },
1190
+ "muted": {
1191
+ "$value": "{colors.neutral.300}",
1192
+ "$type": "color"
1193
+ },
1194
+ "subtle": {
1195
+ "$value": "{colors.neutral.400}",
1196
+ "$type": "color"
1197
+ },
1198
+ "meta": {
1199
+ "$value": "{colors.neutral.400}",
1200
+ "$type": "color"
1201
+ },
1202
+ "brand": {
1203
+ "$value": "{colors.brand.400}",
1204
+ "$type": "color"
1205
+ }
1206
+ },
1207
+ "onSurface": {
1208
+ "default": {
1209
+ "$value": "{colors.neutral.100}",
1210
+ "$type": "color"
1211
+ },
1212
+ "muted": {
1213
+ "$value": "{colors.neutral.300}",
1214
+ "$type": "color"
1215
+ },
1216
+ "subtle": {
1217
+ "$value": "{colors.neutral.400}",
1218
+ "$type": "color"
1219
+ },
1220
+ "meta": {
1221
+ "$value": "{colors.neutral.400}",
1222
+ "$type": "color"
1223
+ },
1224
+ "brand": {
1225
+ "$value": "{colors.brand.400}",
1226
+ "$type": "color"
1227
+ }
1228
+ }
1229
+ },
1230
+ "component": {
1231
+ "card": {
1232
+ "text": {
1233
+ "$value": "{colors.neutral.100}",
1234
+ "$type": "color"
1235
+ },
1236
+ "textMuted": {
1237
+ "$value": "{colors.neutral.300}",
1238
+ "$type": "color"
1239
+ }
1240
+ },
1241
+ "input": {
1242
+ "text": {
1243
+ "$value": "{colors.neutral.100}",
1244
+ "$type": "color"
1245
+ },
1246
+ "placeholder": {
1247
+ "$value": "{colors.neutral.300}",
1248
+ "$type": "color"
1249
+ }
1250
+ },
1251
+ "button": {
1252
+ "textDefault": {
1253
+ "$value": "{colors.neutral.100}",
1254
+ "$type": "color"
1255
+ },
1256
+ "textOnPrimary": {
1257
+ "$value": "{colors.white}",
1258
+ "$type": "color"
1259
+ }
1260
+ },
1261
+ "badge": {
1262
+ "neutralBg": {
1263
+ "$value": "{colors.neutral.700}",
1264
+ "$type": "color"
1265
+ },
1266
+ "neutralBgHover": {
1267
+ "$value": "{colors.neutral.600}",
1268
+ "$type": "color"
1269
+ },
1270
+ "neutralText": {
1271
+ "$value": "{colors.neutral.50}",
1272
+ "$type": "color"
1273
+ },
1274
+ "infoBg": {
1275
+ "$value": "{colors.info.800}",
1276
+ "$type": "color"
1277
+ },
1278
+ "infoBgHover": {
1279
+ "$value": "{colors.info.700}",
1280
+ "$type": "color"
1281
+ },
1282
+ "infoText": {
1283
+ "$value": "{colors.info.100}",
1284
+ "$type": "color"
1285
+ },
1286
+ "successBg": {
1287
+ "$value": "{colors.success.800}",
1288
+ "$type": "color"
1289
+ },
1290
+ "successBgHover": {
1291
+ "$value": "{colors.success.700}",
1292
+ "$type": "color"
1293
+ },
1294
+ "successText": {
1295
+ "$value": "{colors.success.100}",
1296
+ "$type": "color"
1297
+ },
1298
+ "warningBg": {
1299
+ "$value": "{colors.warning.800}",
1300
+ "$type": "color"
1301
+ },
1302
+ "warningBgHover": {
1303
+ "$value": "{colors.warning.800}",
1304
+ "$type": "color"
1305
+ },
1306
+ "warningText": {
1307
+ "$value": "{colors.warning.100}",
1308
+ "$type": "color"
1309
+ },
1310
+ "dangerBg": {
1311
+ "$value": "{colors.error.800}",
1312
+ "$type": "color"
1313
+ },
1314
+ "dangerBgHover": {
1315
+ "$value": "{colors.error.700}",
1316
+ "$type": "color"
1317
+ },
1318
+ "dangerText": {
1319
+ "$value": "{colors.error.100}",
1320
+ "$type": "color"
1321
+ }
1322
+ },
1323
+ "iconBox": {
1324
+ "bg": {
1325
+ "$value": "{colors.neutral.800}",
1326
+ "$type": "color"
1327
+ },
1328
+ "border": {
1329
+ "$value": "{colors.neutral.700}",
1330
+ "$type": "color"
1331
+ },
1332
+ "iconDefault": {
1333
+ "$value": "{colors.info.400}",
1334
+ "$type": "color"
1335
+ },
1336
+ "iconSuccess": {
1337
+ "$value": "{colors.success.400}",
1338
+ "$type": "color"
1339
+ },
1340
+ "iconWarning": {
1341
+ "$value": "{colors.warning.400}",
1342
+ "$type": "color"
1343
+ },
1344
+ "iconDanger": {
1345
+ "$value": "{colors.error.400}",
1346
+ "$type": "color"
1347
+ }
1348
+ },
1349
+ "testimonial": {
1350
+ "bg": {
1351
+ "$value": "{colors.neutral.800}",
1352
+ "$type": "color"
1353
+ },
1354
+ "bgHover": {
1355
+ "$value": "{colors.neutral.700}",
1356
+ "$type": "color"
1357
+ },
1358
+ "border": {
1359
+ "$value": "{colors.neutral.700}",
1360
+ "$type": "color"
1361
+ },
1362
+ "text": {
1363
+ "$value": "{colors.neutral.200}",
1364
+ "$type": "color"
1365
+ },
1366
+ "authorName": {
1367
+ "$value": "{colors.neutral.100}",
1368
+ "$type": "color"
1369
+ },
1370
+ "authorTitle": {
1371
+ "$value": "{colors.neutral.300}",
1372
+ "$type": "color"
1373
+ },
1374
+ "quoteMark": {
1375
+ "$value": "{colors.neutral.300}",
1376
+ "$type": "color"
1377
+ }
1378
+ },
1379
+ "pricingCard": {
1380
+ "bg": {
1381
+ "$value": "{colors.neutral.800}",
1382
+ "$type": "color"
1383
+ },
1384
+ "bgHover": {
1385
+ "$value": "{colors.neutral.700}",
1386
+ "$type": "color"
1387
+ },
1388
+ "border": {
1389
+ "$value": "{colors.neutral.700}",
1390
+ "$type": "color"
1391
+ },
1392
+ "featuredBg": {
1393
+ "$value": "{colors.info.600}",
1394
+ "$type": "color"
1395
+ },
1396
+ "featuredText": {
1397
+ "$value": "{colors.white}",
1398
+ "$type": "color"
1399
+ },
1400
+ "featuredBadgeBg": {
1401
+ "$value": "{colors.warning.500}",
1402
+ "$type": "color"
1403
+ },
1404
+ "featuredBadgeText": {
1405
+ "$value": "{colors.neutral.900}",
1406
+ "$type": "color"
1407
+ },
1408
+ "price": {
1409
+ "$value": "{colors.neutral.100}",
1410
+ "$type": "color"
1411
+ },
1412
+ "priceDescription": {
1413
+ "$value": "{colors.neutral.300}",
1414
+ "$type": "color"
1415
+ }
1416
+ },
1417
+ "rating": {
1418
+ "starFilled": {
1419
+ "$value": "{colors.warning.400}",
1420
+ "$type": "color"
1421
+ },
1422
+ "starEmpty": {
1423
+ "$value": "{colors.neutral.700}",
1424
+ "$type": "color"
1425
+ },
1426
+ "text": {
1427
+ "$value": "{colors.neutral.400}",
1428
+ "$type": "color"
1429
+ }
1430
+ },
1431
+ "nav": {
1432
+ "bg": {
1433
+ "$value": "{colors.neutral.900}",
1434
+ "$type": "color"
1435
+ },
1436
+ "text": {
1437
+ "$value": "{colors.neutral.50}",
1438
+ "$type": "color"
1439
+ },
1440
+ "link": {
1441
+ "$value": "{colors.neutral.300}",
1442
+ "$type": "color"
1443
+ },
1444
+ "linkHover": {
1445
+ "$value": "{colors.brand.400}",
1446
+ "$type": "color"
1447
+ },
1448
+ "linkActive": {
1449
+ "$value": "{colors.brand.300}",
1450
+ "$type": "color"
1451
+ },
1452
+ "border": {
1453
+ "$value": "{colors.neutral.700}",
1454
+ "$type": "color"
1455
+ }
1456
+ },
1457
+ "modal": {
1458
+ "bg": {
1459
+ "$value": "{colors.neutral.800}",
1460
+ "$type": "color"
1461
+ },
1462
+ "shadow": {
1463
+ "$value": "0 20px 48px -12px {colors.black} / 0.20",
1464
+ "$type": "string"
1465
+ },
1466
+ "border": {
1467
+ "$value": "{colors.neutral.700}",
1468
+ "$type": "color"
1469
+ },
1470
+ "overlay": {
1471
+ "$value": "{colors.black} / 0.6",
1472
+ "$type": "color"
1473
+ }
1474
+ },
1475
+ "toast": {
1476
+ "success": {
1477
+ "bg": {
1478
+ "$value": "{colors.success.900}",
1479
+ "$type": "color"
1480
+ },
1481
+ "text": {
1482
+ "$value": "{colors.success.100}",
1483
+ "$type": "color"
1484
+ },
1485
+ "border": {
1486
+ "$value": "{colors.success.700}",
1487
+ "$type": "color"
1488
+ },
1489
+ "icon": {
1490
+ "$value": "{colors.success.400}",
1491
+ "$type": "color"
1492
+ }
1493
+ },
1494
+ "warning": {
1495
+ "bg": {
1496
+ "$value": "{colors.warning.900}",
1497
+ "$type": "color"
1498
+ },
1499
+ "text": {
1500
+ "$value": "{colors.warning.100}",
1501
+ "$type": "color"
1502
+ },
1503
+ "border": {
1504
+ "$value": "{colors.warning.700}",
1505
+ "$type": "color"
1506
+ },
1507
+ "icon": {
1508
+ "$value": "{colors.warning.400}",
1509
+ "$type": "color"
1510
+ }
1511
+ },
1512
+ "danger": {
1513
+ "bg": {
1514
+ "$value": "{colors.error.900}",
1515
+ "$type": "color"
1516
+ },
1517
+ "text": {
1518
+ "$value": "{colors.error.100}",
1519
+ "$type": "color"
1520
+ },
1521
+ "border": {
1522
+ "$value": "{colors.error.700}",
1523
+ "$type": "color"
1524
+ },
1525
+ "icon": {
1526
+ "$value": "{colors.error.400}",
1527
+ "$type": "color"
1528
+ }
1529
+ },
1530
+ "info": {
1531
+ "bg": {
1532
+ "$value": "{colors.info.900}",
1533
+ "$type": "color"
1534
+ },
1535
+ "text": {
1536
+ "$value": "{colors.info.100}",
1537
+ "$type": "color"
1538
+ },
1539
+ "border": {
1540
+ "$value": "{colors.info.700}",
1541
+ "$type": "color"
1542
+ },
1543
+ "icon": {
1544
+ "$value": "{colors.info.400}",
1545
+ "$type": "color"
1546
+ }
1547
+ }
1548
+ },
1549
+ "tooltip": {
1550
+ "bg": {
1551
+ "$value": "{colors.neutral.50}",
1552
+ "$type": "color"
1553
+ },
1554
+ "text": {
1555
+ "$value": "{colors.neutral.900}",
1556
+ "$type": "color"
1557
+ },
1558
+ "border": {
1559
+ "$value": "{colors.neutral.300}",
1560
+ "$type": "color"
1561
+ }
1562
+ },
1563
+ "dropdown": {
1564
+ "bg": {
1565
+ "$value": "{colors.neutral.800}",
1566
+ "$type": "color"
1567
+ },
1568
+ "border": {
1569
+ "$value": "{colors.neutral.700}",
1570
+ "$type": "color"
1571
+ },
1572
+ "item": {
1573
+ "default": {
1574
+ "$value": "transparent",
1575
+ "$type": "string"
1576
+ },
1577
+ "hover": {
1578
+ "$value": "{colors.neutral.700}",
1579
+ "$type": "color"
1580
+ },
1581
+ "active": {
1582
+ "$value": "{colors.info.900}",
1583
+ "$type": "color"
1584
+ },
1585
+ "text": {
1586
+ "$value": "{colors.neutral.100}",
1587
+ "$type": "color"
1588
+ }
1589
+ }
1590
+ }
1591
+ }
1592
+ }
1593
+ },
1594
+ "colors": {
1595
+ "brand": {
1596
+ "50": {
1597
+ "$value": "#eef4ff",
1598
+ "$type": "color"
1599
+ },
1600
+ "100": {
1601
+ "$value": "#d9e7ff",
1602
+ "$type": "color"
1603
+ },
1604
+ "200": {
1605
+ "$value": "#b9d2ff",
1606
+ "$type": "color"
1607
+ },
1608
+ "300": {
1609
+ "$value": "#8ab6ff",
1610
+ "$type": "color"
1611
+ },
1612
+ "400": {
1613
+ "$value": "#5a92ff",
1614
+ "$type": "color"
1615
+ },
1616
+ "500": {
1617
+ "$value": "#336df4",
1618
+ "$type": "color"
1619
+ },
1620
+ "600": {
1621
+ "$value": "#1f57db",
1622
+ "$type": "color"
1623
+ },
1624
+ "700": {
1625
+ "$value": "#1946b4",
1626
+ "$type": "color"
1627
+ },
1628
+ "800": {
1629
+ "$value": "#173b8f",
1630
+ "$type": "color"
1631
+ },
1632
+ "900": {
1633
+ "$value": "#16336f",
1634
+ "$type": "color"
1635
+ }
1636
+ },
1637
+ "neutral": {
1638
+ "50": {
1639
+ "$value": "#f7f8fb",
1640
+ "$type": "color"
1641
+ },
1642
+ "100": {
1643
+ "$value": "#eef1f6",
1644
+ "$type": "color"
1645
+ },
1646
+ "200": {
1647
+ "$value": "#d9dfeb",
1648
+ "$type": "color"
1649
+ },
1650
+ "300": {
1651
+ "$value": "#b7c1d4",
1652
+ "$type": "color"
1653
+ },
1654
+ "400": {
1655
+ "$value": "#8a96ad",
1656
+ "$type": "color"
1657
+ },
1658
+ "500": {
1659
+ "$value": "#657287",
1660
+ "$type": "color"
1661
+ },
1662
+ "600": {
1663
+ "$value": "#4b576a",
1664
+ "$type": "color"
1665
+ },
1666
+ "700": {
1667
+ "$value": "#374253",
1668
+ "$type": "color"
1669
+ },
1670
+ "800": {
1671
+ "$value": "#222b38",
1672
+ "$type": "color"
1673
+ },
1674
+ "900": {
1675
+ "$value": "#141b24",
1676
+ "$type": "color"
1677
+ }
1678
+ },
1679
+ "accent": {
1680
+ "50": {
1681
+ "$value": "#f6f2ff",
1682
+ "$type": "color"
1683
+ },
1684
+ "100": {
1685
+ "$value": "#eee5ff",
1686
+ "$type": "color"
1687
+ },
1688
+ "200": {
1689
+ "$value": "#ddccff",
1690
+ "$type": "color"
1691
+ },
1692
+ "300": {
1693
+ "$value": "#c3a7ff",
1694
+ "$type": "color"
1695
+ },
1696
+ "400": {
1697
+ "$value": "#a279ff",
1698
+ "$type": "color"
1699
+ },
1700
+ "500": {
1701
+ "$value": "#854ff7",
1702
+ "$type": "color"
1703
+ },
1704
+ "600": {
1705
+ "$value": "#7135dd",
1706
+ "$type": "color"
1707
+ },
1708
+ "700": {
1709
+ "$value": "#5d28b8",
1710
+ "$type": "color"
1711
+ },
1712
+ "800": {
1713
+ "$value": "#4d2393",
1714
+ "$type": "color"
1715
+ },
1716
+ "900": {
1717
+ "$value": "#401f75",
1718
+ "$type": "color"
1719
+ }
1720
+ },
1721
+ "success": {
1722
+ "50": {
1723
+ "$value": "#f0fdf4",
1724
+ "$type": "color"
1725
+ },
1726
+ "100": {
1727
+ "$value": "#dcfce7",
1728
+ "$type": "color"
1729
+ },
1730
+ "200": {
1731
+ "$value": "#bbf7d0",
1732
+ "$type": "color"
1733
+ },
1734
+ "300": {
1735
+ "$value": "#86efac",
1736
+ "$type": "color"
1737
+ },
1738
+ "400": {
1739
+ "$value": "#4ade80",
1740
+ "$type": "color"
1741
+ },
1742
+ "500": {
1743
+ "$value": "#22c55e",
1744
+ "$type": "color"
1745
+ },
1746
+ "600": {
1747
+ "$value": "#16a34a",
1748
+ "$type": "color"
1749
+ },
1750
+ "700": {
1751
+ "$value": "#15803d",
1752
+ "$type": "color"
1753
+ },
1754
+ "800": {
1755
+ "$value": "#166534",
1756
+ "$type": "color"
1757
+ },
1758
+ "900": {
1759
+ "$value": "#14532d",
1760
+ "$type": "color"
1761
+ }
1762
+ },
1763
+ "warning": {
1764
+ "50": {
1765
+ "$value": "#fffbea",
1766
+ "$type": "color"
1767
+ },
1768
+ "100": {
1769
+ "$value": "#fff1c2",
1770
+ "$type": "color"
1771
+ },
1772
+ "200": {
1773
+ "$value": "#ffe08a",
1774
+ "$type": "color"
1775
+ },
1776
+ "300": {
1777
+ "$value": "#ffd24d",
1778
+ "$type": "color"
1779
+ },
1780
+ "400": {
1781
+ "$value": "#ffc21a",
1782
+ "$type": "color"
1783
+ },
1784
+ "500": {
1785
+ "$value": "#f5ad00",
1786
+ "$type": "color"
1787
+ },
1788
+ "600": {
1789
+ "$value": "#d48806",
1790
+ "$type": "color"
1791
+ },
1792
+ "700": {
1793
+ "$value": "#ad6800",
1794
+ "$type": "color"
1795
+ },
1796
+ "800": {
1797
+ "$value": "#8f5200",
1798
+ "$type": "color"
1799
+ },
1800
+ "900": {
1801
+ "$value": "#734000",
1802
+ "$type": "color"
1803
+ }
1804
+ },
1805
+ "error": {
1806
+ "50": {
1807
+ "$value": "#fef2f2",
1808
+ "$type": "color"
1809
+ },
1810
+ "100": {
1811
+ "$value": "#fee2e2",
1812
+ "$type": "color"
1813
+ },
1814
+ "200": {
1815
+ "$value": "#fecaca",
1816
+ "$type": "color"
1817
+ },
1818
+ "300": {
1819
+ "$value": "#fca5a5",
1820
+ "$type": "color"
1821
+ },
1822
+ "400": {
1823
+ "$value": "#f87171",
1824
+ "$type": "color"
1825
+ },
1826
+ "500": {
1827
+ "$value": "#ef4444",
1828
+ "$type": "color"
1829
+ },
1830
+ "600": {
1831
+ "$value": "#dc2626",
1832
+ "$type": "color"
1833
+ },
1834
+ "700": {
1835
+ "$value": "#b91c1c",
1836
+ "$type": "color"
1837
+ },
1838
+ "800": {
1839
+ "$value": "#991b1b",
1840
+ "$type": "color"
1841
+ },
1842
+ "900": {
1843
+ "$value": "#7f1d1d",
1844
+ "$type": "color"
1845
+ }
1846
+ },
1847
+ "info": {
1848
+ "50": {
1849
+ "$value": "#f0f9ff",
1850
+ "$type": "color"
1851
+ },
1852
+ "100": {
1853
+ "$value": "#e0f2fe",
1854
+ "$type": "color"
1855
+ },
1856
+ "200": {
1857
+ "$value": "#bae6fd",
1858
+ "$type": "color"
1859
+ },
1860
+ "300": {
1861
+ "$value": "#7dd3fc",
1862
+ "$type": "color"
1863
+ },
1864
+ "400": {
1865
+ "$value": "#38bdf8",
1866
+ "$type": "color"
1867
+ },
1868
+ "500": {
1869
+ "$value": "#0ea5e9",
1870
+ "$type": "color"
1871
+ },
1872
+ "600": {
1873
+ "$value": "#0369a1",
1874
+ "$type": "color"
1875
+ },
1876
+ "700": {
1877
+ "$value": "#075985",
1878
+ "$type": "color"
1879
+ },
1880
+ "800": {
1881
+ "$value": "#0c4a6e",
1882
+ "$type": "color"
1883
+ },
1884
+ "900": {
1885
+ "$value": "#082f49",
1886
+ "$type": "color"
1887
+ }
1888
+ },
1889
+ "indigo": {
1890
+ "500": {
1891
+ "$value": "#5b6ee1",
1892
+ "$type": "color"
1893
+ },
1894
+ "600": {
1895
+ "$value": "#4d61db",
1896
+ "$type": "color"
1897
+ }
1898
+ },
1899
+ "violet": {
1900
+ "600": {
1901
+ "$value": "#6f3fd7",
1902
+ "$type": "color"
1903
+ }
1904
+ },
1905
+ "focus": {
1906
+ "primary": {
1907
+ "$value": "{colors.brand.500}",
1908
+ "$type": "color"
1909
+ },
1910
+ "error": {
1911
+ "$value": "{colors.error.500}",
1912
+ "$type": "color"
1913
+ },
1914
+ "info": {
1915
+ "$value": "{colors.info.600}",
1916
+ "$type": "color"
1917
+ }
1918
+ },
1919
+ "white": {
1920
+ "$value": "#ffffff",
1921
+ "$type": "color"
1922
+ },
1923
+ "black": {
1924
+ "$value": "#000000",
1925
+ "$type": "color"
1926
+ }
1927
+ },
1928
+ "space": {
1929
+ "0": {
1930
+ "$value": "0rem",
1931
+ "$type": "dimension"
1932
+ },
1933
+ "1": {
1934
+ "$value": "0.0625rem",
1935
+ "$type": "dimension"
1936
+ },
1937
+ "2": {
1938
+ "$value": "0.125rem",
1939
+ "$type": "dimension"
1940
+ },
1941
+ "4": {
1942
+ "$value": "0.25rem",
1943
+ "$type": "dimension"
1944
+ },
1945
+ "6": {
1946
+ "$value": "0.375rem",
1947
+ "$type": "dimension"
1948
+ },
1949
+ "8": {
1950
+ "$value": "0.5rem",
1951
+ "$type": "dimension"
1952
+ },
1953
+ "10": {
1954
+ "$value": "0.625rem",
1955
+ "$type": "dimension"
1956
+ },
1957
+ "12": {
1958
+ "$value": "0.75rem",
1959
+ "$type": "dimension"
1960
+ },
1961
+ "14": {
1962
+ "$value": "0.875rem",
1963
+ "$type": "dimension"
1964
+ },
1965
+ "16": {
1966
+ "$value": "1rem",
1967
+ "$type": "dimension"
1968
+ },
1969
+ "20": {
1970
+ "$value": "1.25rem",
1971
+ "$type": "dimension"
1972
+ },
1973
+ "24": {
1974
+ "$value": "1.5rem",
1975
+ "$type": "dimension"
1976
+ },
1977
+ "28": {
1978
+ "$value": "1.75rem",
1979
+ "$type": "dimension"
1980
+ },
1981
+ "32": {
1982
+ "$value": "2rem",
1983
+ "$type": "dimension"
1984
+ },
1985
+ "40": {
1986
+ "$value": "2.5rem",
1987
+ "$type": "dimension"
1988
+ },
1989
+ "48": {
1990
+ "$value": "3rem",
1991
+ "$type": "dimension"
1992
+ },
1993
+ "56": {
1994
+ "$value": "3.5rem",
1995
+ "$type": "dimension"
1996
+ },
1997
+ "64": {
1998
+ "$value": "4rem",
1999
+ "$type": "dimension"
2000
+ },
2001
+ "72": {
2002
+ "$value": "4.5rem",
2003
+ "$type": "dimension"
2004
+ },
2005
+ "80": {
2006
+ "$value": "5rem",
2007
+ "$type": "dimension"
2008
+ },
2009
+ "96": {
2010
+ "$value": "6rem",
2011
+ "$type": "dimension"
2012
+ }
2013
+ },
2014
+ "radii": {
2015
+ "none": {
2016
+ "$value": "0",
2017
+ "$type": "dimension"
2018
+ },
2019
+ "sm": {
2020
+ "$value": "2px",
2021
+ "$type": "dimension"
2022
+ },
2023
+ "md": {
2024
+ "$value": "4px",
2025
+ "$type": "dimension"
2026
+ },
2027
+ "lg": {
2028
+ "$value": "8px",
2029
+ "$type": "dimension"
2030
+ },
2031
+ "xl": {
2032
+ "$value": "12px",
2033
+ "$type": "dimension"
2034
+ },
2035
+ "2xl": {
2036
+ "$value": "16px",
2037
+ "$type": "dimension"
2038
+ },
2039
+ "3xl": {
2040
+ "$value": "24px",
2041
+ "$type": "dimension"
2042
+ },
2043
+ "4xl": {
2044
+ "$value": "32px",
2045
+ "$type": "dimension"
2046
+ },
2047
+ "pill": {
2048
+ "$value": "999px",
2049
+ "$type": "dimension"
2050
+ }
2051
+ },
2052
+ "shadows": {
2053
+ "none": {
2054
+ "$value": "none",
2055
+ "$type": "string"
2056
+ },
2057
+ "sm": {
2058
+ "$value": "0 1px 2px 0 {colors.black} / 0.06",
2059
+ "$type": "string"
2060
+ },
2061
+ "md": {
2062
+ "$value": "0 2px 6px -1px {colors.black} / 0.08",
2063
+ "$type": "string"
2064
+ },
2065
+ "lg": {
2066
+ "$value": "0 6px 16px -4px {colors.black} / 0.12",
2067
+ "$type": "string"
2068
+ },
2069
+ "xl": {
2070
+ "$value": "0 12px 24px -6px {colors.black} / 0.15",
2071
+ "$type": "string"
2072
+ },
2073
+ "2xl": {
2074
+ "$value": "0 20px 48px -12px {colors.black} / 0.20",
2075
+ "$type": "string"
2076
+ }
2077
+ },
2078
+ "breakpoints": {
2079
+ "sm": {
2080
+ "$value": "640px",
2081
+ "$type": "dimension"
2082
+ },
2083
+ "md": {
2084
+ "$value": "768px",
2085
+ "$type": "dimension"
2086
+ },
2087
+ "lg": {
2088
+ "$value": "1024px",
2089
+ "$type": "dimension"
2090
+ },
2091
+ "xl": {
2092
+ "$value": "1280px",
2093
+ "$type": "dimension"
2094
+ },
2095
+ "2xl": {
2096
+ "$value": "1536px",
2097
+ "$type": "dimension"
2098
+ }
2099
+ },
2100
+ "zIndex": {
2101
+ "base": {
2102
+ "$value": "0",
2103
+ "$type": "number"
2104
+ },
2105
+ "dropdown": {
2106
+ "$value": "1000",
2107
+ "$type": "number"
2108
+ },
2109
+ "sticky": {
2110
+ "$value": "1100",
2111
+ "$type": "number"
2112
+ },
2113
+ "fixed": {
2114
+ "$value": "1200",
2115
+ "$type": "number"
2116
+ },
2117
+ "overlay": {
2118
+ "$value": "1300",
2119
+ "$type": "number"
2120
+ },
2121
+ "modal": {
2122
+ "$value": "1400",
2123
+ "$type": "number"
2124
+ },
2125
+ "popover": {
2126
+ "$value": "1500",
2127
+ "$type": "number"
2128
+ },
2129
+ "tooltip": {
2130
+ "$value": "1600",
2131
+ "$type": "number"
2132
+ },
2133
+ "toast": {
2134
+ "$value": "1700",
2135
+ "$type": "number"
2136
+ }
2137
+ },
2138
+ "transitions": {
2139
+ "duration": {
2140
+ "reduced": {
2141
+ "$value": "0.01ms",
2142
+ "$type": "duration"
2143
+ },
2144
+ "instant": {
2145
+ "$value": "75ms",
2146
+ "$type": "duration"
2147
+ },
2148
+ "fast": {
2149
+ "$value": "150ms",
2150
+ "$type": "duration"
2151
+ },
2152
+ "base": {
2153
+ "$value": "200ms",
2154
+ "$type": "duration"
2155
+ },
2156
+ "relaxed": {
2157
+ "$value": "250ms",
2158
+ "$type": "duration"
2159
+ },
2160
+ "moderate": {
2161
+ "$value": "300ms",
2162
+ "$type": "duration"
2163
+ },
2164
+ "slow": {
2165
+ "$value": "500ms",
2166
+ "$type": "duration"
2167
+ },
2168
+ "slower": {
2169
+ "$value": "700ms",
2170
+ "$type": "duration"
2171
+ },
2172
+ "long": {
2173
+ "$value": "1000ms",
2174
+ "$type": "duration"
2175
+ },
2176
+ "slowest": {
2177
+ "$value": "1200ms",
2178
+ "$type": "duration"
2179
+ }
2180
+ },
2181
+ "easing": {
2182
+ "linear": {
2183
+ "$value": "linear",
2184
+ "$type": "cubicBezier"
2185
+ },
2186
+ "in": {
2187
+ "$value": "cubic-bezier(0.4, 0, 1, 1)",
2188
+ "$type": "cubicBezier"
2189
+ },
2190
+ "out": {
2191
+ "$value": "cubic-bezier(0, 0, 0.2, 1)",
2192
+ "$type": "cubicBezier"
2193
+ },
2194
+ "inOut": {
2195
+ "$value": "cubic-bezier(0.4, 0, 0.2, 1)",
2196
+ "$type": "cubicBezier"
2197
+ },
2198
+ "spring": {
2199
+ "$value": "cubic-bezier(0.4, 0, 0.2, 1)",
2200
+ "$type": "cubicBezier"
2201
+ },
2202
+ "overshoot": {
2203
+ "$value": "cubic-bezier(0.34, 1.56, 0.64, 1)",
2204
+ "$type": "cubicBezier"
2205
+ }
2206
+ }
2207
+ },
2208
+ "animations": {
2209
+ "fadeIn": {
2210
+ "duration": {
2211
+ "$value": "{transitions.duration.base}",
2212
+ "$type": "string"
2213
+ },
2214
+ "easing": {
2215
+ "$value": "{transitions.easing.out}",
2216
+ "$type": "string"
2217
+ },
2218
+ "keyframes": {
2219
+ "$value": "fade-in",
2220
+ "$type": "string"
2221
+ }
2222
+ },
2223
+ "fadeOut": {
2224
+ "duration": {
2225
+ "$value": "{transitions.duration.fast}",
2226
+ "$type": "string"
2227
+ },
2228
+ "easing": {
2229
+ "$value": "{transitions.easing.in}",
2230
+ "$type": "string"
2231
+ },
2232
+ "keyframes": {
2233
+ "$value": "fade-out",
2234
+ "$type": "string"
2235
+ }
2236
+ },
2237
+ "slideUp": {
2238
+ "duration": {
2239
+ "$value": "{transitions.duration.moderate}",
2240
+ "$type": "string"
2241
+ },
2242
+ "easing": {
2243
+ "$value": "{transitions.easing.out}",
2244
+ "$type": "string"
2245
+ },
2246
+ "keyframes": {
2247
+ "$value": "slide-up",
2248
+ "$type": "string"
2249
+ }
2250
+ },
2251
+ "slideDown": {
2252
+ "duration": {
2253
+ "$value": "{transitions.duration.moderate}",
2254
+ "$type": "string"
2255
+ },
2256
+ "easing": {
2257
+ "$value": "{transitions.easing.out}",
2258
+ "$type": "string"
2259
+ },
2260
+ "keyframes": {
2261
+ "$value": "slide-down",
2262
+ "$type": "string"
2263
+ }
2264
+ },
2265
+ "scaleIn": {
2266
+ "duration": {
2267
+ "$value": "{transitions.duration.base}",
2268
+ "$type": "string"
2269
+ },
2270
+ "easing": {
2271
+ "$value": "{transitions.easing.overshoot}",
2272
+ "$type": "string"
2273
+ },
2274
+ "keyframes": {
2275
+ "$value": "scale-in",
2276
+ "$type": "string"
2277
+ }
2278
+ },
2279
+ "bounce": {
2280
+ "duration": {
2281
+ "$value": "{transitions.duration.moderate}",
2282
+ "$type": "string"
2283
+ },
2284
+ "easing": {
2285
+ "$value": "{transitions.easing.spring}",
2286
+ "$type": "string"
2287
+ },
2288
+ "keyframes": {
2289
+ "$value": "bounce",
2290
+ "$type": "string"
2291
+ }
2292
+ },
2293
+ "shake": {
2294
+ "duration": {
2295
+ "$value": "{transitions.duration.relaxed}",
2296
+ "$type": "string"
2297
+ },
2298
+ "easing": {
2299
+ "$value": "{transitions.easing.spring}",
2300
+ "$type": "string"
2301
+ },
2302
+ "keyframes": {
2303
+ "$value": "shake",
2304
+ "$type": "string"
2305
+ }
2306
+ },
2307
+ "pulse": {
2308
+ "duration": {
2309
+ "$value": "{transitions.duration.slowest}",
2310
+ "$type": "string"
2311
+ },
2312
+ "easing": {
2313
+ "$value": "{transitions.easing.spring}",
2314
+ "$type": "string"
2315
+ },
2316
+ "keyframes": {
2317
+ "$value": "pulse",
2318
+ "$type": "string"
2319
+ }
2320
+ },
2321
+ "reducedMotion": {
2322
+ "fadeIn": {
2323
+ "duration": {
2324
+ "$value": "{transitions.duration.reduced}",
2325
+ "$type": "string"
2326
+ },
2327
+ "easing": {
2328
+ "$value": "{transitions.easing.linear}",
2329
+ "$type": "string"
2330
+ },
2331
+ "keyframes": {
2332
+ "$value": "fade-in",
2333
+ "$type": "string"
2334
+ }
2335
+ },
2336
+ "fadeOut": {
2337
+ "duration": {
2338
+ "$value": "{transitions.duration.reduced}",
2339
+ "$type": "string"
2340
+ },
2341
+ "easing": {
2342
+ "$value": "{transitions.easing.linear}",
2343
+ "$type": "string"
2344
+ },
2345
+ "keyframes": {
2346
+ "$value": "fade-out",
2347
+ "$type": "string"
2348
+ }
2349
+ },
2350
+ "slideUp": {
2351
+ "duration": {
2352
+ "$value": "{transitions.duration.reduced}",
2353
+ "$type": "string"
2354
+ },
2355
+ "easing": {
2356
+ "$value": "{transitions.easing.linear}",
2357
+ "$type": "string"
2358
+ },
2359
+ "keyframes": {
2360
+ "$value": "slide-up",
2361
+ "$type": "string"
2362
+ }
2363
+ },
2364
+ "slideDown": {
2365
+ "duration": {
2366
+ "$value": "{transitions.duration.reduced}",
2367
+ "$type": "string"
2368
+ },
2369
+ "easing": {
2370
+ "$value": "{transitions.easing.linear}",
2371
+ "$type": "string"
2372
+ },
2373
+ "keyframes": {
2374
+ "$value": "slide-down",
2375
+ "$type": "string"
2376
+ }
2377
+ },
2378
+ "scaleIn": {
2379
+ "duration": {
2380
+ "$value": "{transitions.duration.reduced}",
2381
+ "$type": "string"
2382
+ },
2383
+ "easing": {
2384
+ "$value": "{transitions.easing.linear}",
2385
+ "$type": "string"
2386
+ },
2387
+ "keyframes": {
2388
+ "$value": "scale-in",
2389
+ "$type": "string"
2390
+ }
2391
+ },
2392
+ "bounce": {
2393
+ "duration": {
2394
+ "$value": "{transitions.duration.reduced}",
2395
+ "$type": "string"
2396
+ },
2397
+ "easing": {
2398
+ "$value": "{transitions.easing.linear}",
2399
+ "$type": "string"
2400
+ },
2401
+ "keyframes": {
2402
+ "$value": "bounce",
2403
+ "$type": "string"
2404
+ }
2405
+ },
2406
+ "shake": {
2407
+ "duration": {
2408
+ "$value": "{transitions.duration.reduced}",
2409
+ "$type": "string"
2410
+ },
2411
+ "easing": {
2412
+ "$value": "{transitions.easing.linear}",
2413
+ "$type": "string"
2414
+ },
2415
+ "keyframes": {
2416
+ "$value": "shake",
2417
+ "$type": "string"
2418
+ }
2419
+ },
2420
+ "pulse": {
2421
+ "duration": {
2422
+ "$value": "{transitions.duration.reduced}",
2423
+ "$type": "string"
2424
+ },
2425
+ "easing": {
2426
+ "$value": "{transitions.easing.linear}",
2427
+ "$type": "string"
2428
+ },
2429
+ "keyframes": {
2430
+ "$value": "pulse",
2431
+ "$type": "string"
2432
+ }
2433
+ }
2434
+ }
2435
+ },
2436
+ "opacity": {
2437
+ "disabled": {
2438
+ "$value": "0.38",
2439
+ "$type": "number"
2440
+ },
2441
+ "hover": {
2442
+ "$value": "0.92",
2443
+ "$type": "number"
2444
+ },
2445
+ "active": {
2446
+ "$value": "0.84",
2447
+ "$type": "number"
2448
+ },
2449
+ "loading": {
2450
+ "$value": "0.6",
2451
+ "$type": "number"
2452
+ },
2453
+ "focus": {
2454
+ "$value": "1",
2455
+ "$type": "number"
2456
+ },
2457
+ "overlay": {
2458
+ "$value": "0.5",
2459
+ "$type": "number"
2460
+ },
2461
+ "tooltip": {
2462
+ "$value": "0.95",
2463
+ "$type": "number"
2464
+ }
2465
+ },
2466
+ "aspectRatios": {
2467
+ "square": {
2468
+ "$value": "1/1",
2469
+ "$type": "string"
2470
+ },
2471
+ "video": {
2472
+ "$value": "16/9",
2473
+ "$type": "string"
2474
+ },
2475
+ "classic": {
2476
+ "$value": "3/2",
2477
+ "$type": "string"
2478
+ },
2479
+ "portrait": {
2480
+ "$value": "3/4",
2481
+ "$type": "string"
2482
+ },
2483
+ "landscape": {
2484
+ "$value": "4/3",
2485
+ "$type": "string"
2486
+ },
2487
+ "ultrawide": {
2488
+ "$value": "21/9",
2489
+ "$type": "string"
2490
+ },
2491
+ "hero": {
2492
+ "$value": "2/1",
2493
+ "$type": "string"
2494
+ }
2495
+ },
2496
+ "icons": {
2497
+ "xs": {
2498
+ "$value": "12px",
2499
+ "$type": "dimension"
2500
+ },
2501
+ "sm": {
2502
+ "$value": "16px",
2503
+ "$type": "dimension"
2504
+ },
2505
+ "md": {
2506
+ "$value": "20px",
2507
+ "$type": "dimension"
2508
+ },
2509
+ "lg": {
2510
+ "$value": "24px",
2511
+ "$type": "dimension"
2512
+ },
2513
+ "xl": {
2514
+ "$value": "32px",
2515
+ "$type": "dimension"
2516
+ },
2517
+ "2xl": {
2518
+ "$value": "40px",
2519
+ "$type": "dimension"
2520
+ },
2521
+ "3xl": {
2522
+ "$value": "48px",
2523
+ "$type": "dimension"
2524
+ }
2525
+ },
2526
+ "accessibility": {
2527
+ "focusRing": {
2528
+ "width": {
2529
+ "$value": "2px",
2530
+ "$type": "dimension"
2531
+ },
2532
+ "offset": {
2533
+ "$value": "2px",
2534
+ "$type": "dimension"
2535
+ },
2536
+ "style": {
2537
+ "$value": "solid",
2538
+ "$type": "string"
2539
+ }
2540
+ },
2541
+ "reducedMotion": {
2542
+ "$value": "{transitions.duration.reduced}",
2543
+ "$type": "string"
2544
+ },
2545
+ "forcedColors": {
2546
+ "$value": "auto",
2547
+ "$type": "string"
2548
+ },
2549
+ "minTouchTarget": {
2550
+ "$value": "44px",
2551
+ "$type": "dimension"
2552
+ },
2553
+ "minTextSize": {
2554
+ "$value": "16px",
2555
+ "$type": "dimension"
2556
+ }
2557
+ },
2558
+ "border": {
2559
+ "width": {
2560
+ "none": {
2561
+ "$value": "0",
2562
+ "$type": "dimension"
2563
+ },
2564
+ "base": {
2565
+ "$value": "1px",
2566
+ "$type": "dimension"
2567
+ },
2568
+ "thick": {
2569
+ "$value": "2px",
2570
+ "$type": "dimension"
2571
+ }
2572
+ },
2573
+ "style": {
2574
+ "none": {
2575
+ "$value": "none",
2576
+ "$type": "string"
2577
+ },
2578
+ "solid": {
2579
+ "$value": "solid",
2580
+ "$type": "string"
2581
+ },
2582
+ "dashed": {
2583
+ "$value": "dashed",
2584
+ "$type": "string"
2585
+ },
2586
+ "dotted": {
2587
+ "$value": "dotted",
2588
+ "$type": "string"
2589
+ }
2590
+ }
2591
+ },
2592
+ "surface": {
2593
+ "page": {
2594
+ "$value": "{colors.neutral.50}",
2595
+ "$type": "color",
2596
+ "$description": "primary app background"
2597
+ },
2598
+ "card": {
2599
+ "$value": "{colors.white}",
2600
+ "$type": "color",
2601
+ "$description": "containers and tiles"
2602
+ },
2603
+ "input": {
2604
+ "$value": "{colors.white}",
2605
+ "$type": "color",
2606
+ "$description": "form inputs, textareas"
2607
+ },
2608
+ "overlay": {
2609
+ "$value": "{colors.black} / 0.6",
2610
+ "$type": "color",
2611
+ "$description": "modals, dropdowns, flyouts"
2612
+ },
2613
+ "hover": {
2614
+ "$value": "{colors.neutral.100}",
2615
+ "$type": "color",
2616
+ "$description": "background for hovered clickable rows, items, and menu entries"
2617
+ },
2618
+ "selected": {
2619
+ "$value": "{colors.info.50}",
2620
+ "$type": "color",
2621
+ "$description": "background for selected list items, rows, and menu entries"
2622
+ },
2623
+ "active": {
2624
+ "$value": "{colors.neutral.200}",
2625
+ "$type": "color",
2626
+ "$description": "background for pressed/active clickable rows, items, and menu entries"
2627
+ },
2628
+ "divider": {
2629
+ "$value": "{colors.neutral.200}",
2630
+ "$type": "color",
2631
+ "$description": "hairline color for <hr>, table borders, and section separators"
2632
+ }
2633
+ },
2634
+ "link": {
2635
+ "default": {
2636
+ "$value": "{colors.brand.600}",
2637
+ "$type": "color",
2638
+ "$description": "default inline link color"
2639
+ },
2640
+ "hover": {
2641
+ "$value": "{colors.brand.700}",
2642
+ "$type": "color",
2643
+ "$description": "link color on hover"
2644
+ },
2645
+ "active": {
2646
+ "$value": "{colors.brand.800}",
2647
+ "$type": "color",
2648
+ "$description": "link color while pressed"
2649
+ },
2650
+ "visited": {
2651
+ "$value": "{colors.accent.700}",
2652
+ "$type": "color",
2653
+ "$description": "link color after the destination has been visited"
2654
+ }
2655
+ },
2656
+ "text": {
2657
+ "onPage": {
2658
+ "default": {
2659
+ "$value": "{colors.neutral.900}",
2660
+ "$type": "color",
2661
+ "$description": "base text on page background"
2662
+ },
2663
+ "muted": {
2664
+ "$value": "{colors.neutral.600}",
2665
+ "$type": "color",
2666
+ "$description": "muted text for de-emphasized content"
2667
+ },
2668
+ "subtle": {
2669
+ "$value": "{colors.neutral.500}",
2670
+ "$type": "color",
2671
+ "$description": "subtle text for secondary labels"
2672
+ },
2673
+ "meta": {
2674
+ "$value": "{colors.neutral.500}",
2675
+ "$type": "color",
2676
+ "$description": "meta text for smallest labels and timestamps"
2677
+ },
2678
+ "brand": {
2679
+ "$value": "{colors.brand.600}",
2680
+ "$type": "color"
2681
+ }
2682
+ },
2683
+ "onSurface": {
2684
+ "default": {
2685
+ "$value": "{colors.neutral.900}",
2686
+ "$type": "color",
2687
+ "$description": "base text on surface containers"
2688
+ },
2689
+ "muted": {
2690
+ "$value": "{colors.neutral.600}",
2691
+ "$type": "color",
2692
+ "$description": "muted text on surfaces"
2693
+ },
2694
+ "subtle": {
2695
+ "$value": "{colors.neutral.500}",
2696
+ "$type": "color",
2697
+ "$description": "subtle text on surfaces"
2698
+ },
2699
+ "meta": {
2700
+ "$value": "{colors.neutral.500}",
2701
+ "$type": "color",
2702
+ "$description": "meta text on surfaces"
2703
+ },
2704
+ "brand": {
2705
+ "$value": "{colors.brand.600}",
2706
+ "$type": "color"
2707
+ }
2708
+ }
2709
+ },
2710
+ "layout": {
2711
+ "section": {
2712
+ "padding": {
2713
+ "sm": {
2714
+ "$value": "1.5rem",
2715
+ "$type": "dimension"
2716
+ },
2717
+ "md": {
2718
+ "$value": "2rem",
2719
+ "$type": "dimension"
2720
+ },
2721
+ "lg": {
2722
+ "$value": "3rem",
2723
+ "$type": "dimension"
2724
+ }
2725
+ },
2726
+ "gap": {
2727
+ "sm": {
2728
+ "$value": "1rem",
2729
+ "$type": "dimension"
2730
+ },
2731
+ "md": {
2732
+ "$value": "1.5rem",
2733
+ "$type": "dimension"
2734
+ },
2735
+ "lg": {
2736
+ "$value": "2rem",
2737
+ "$type": "dimension"
2738
+ }
2739
+ }
2740
+ },
2741
+ "stack": {
2742
+ "gap": {
2743
+ "sm": {
2744
+ "$value": "0.5rem",
2745
+ "$type": "dimension"
2746
+ },
2747
+ "md": {
2748
+ "$value": "0.75rem",
2749
+ "$type": "dimension"
2750
+ },
2751
+ "lg": {
2752
+ "$value": "1rem",
2753
+ "$type": "dimension"
2754
+ }
2755
+ }
2756
+ },
2757
+ "container": {
2758
+ "paddingInline": {
2759
+ "sm": {
2760
+ "$value": "1rem",
2761
+ "$type": "dimension"
2762
+ },
2763
+ "md": {
2764
+ "$value": "1.5rem",
2765
+ "$type": "dimension"
2766
+ },
2767
+ "lg": {
2768
+ "$value": "2rem",
2769
+ "$type": "dimension"
2770
+ }
2771
+ },
2772
+ "maxWidth": {
2773
+ "$value": "72rem",
2774
+ "$type": "dimension"
2775
+ }
2776
+ }
2777
+ },
2778
+ "font": {
2779
+ "xs": {
2780
+ "size": {
2781
+ "$value": "0.75rem",
2782
+ "$type": "dimension"
2783
+ },
2784
+ "lineHeight": {
2785
+ "$value": "1.25rem",
2786
+ "$type": "dimension"
2787
+ },
2788
+ "weight": {
2789
+ "$value": 400,
2790
+ "$type": "fontWeight"
2791
+ },
2792
+ "letterSpacing": {
2793
+ "$value": "0.02em",
2794
+ "$type": "dimension"
2795
+ }
2796
+ },
2797
+ "sm": {
2798
+ "size": {
2799
+ "$value": "0.875rem",
2800
+ "$type": "dimension"
2801
+ },
2802
+ "lineHeight": {
2803
+ "$value": "1.5rem",
2804
+ "$type": "dimension"
2805
+ },
2806
+ "weight": {
2807
+ "$value": 400,
2808
+ "$type": "fontWeight"
2809
+ },
2810
+ "letterSpacing": {
2811
+ "$value": "0em",
2812
+ "$type": "dimension"
2813
+ }
2814
+ },
2815
+ "md": {
2816
+ "size": {
2817
+ "$value": "1rem",
2818
+ "$type": "dimension"
2819
+ },
2820
+ "lineHeight": {
2821
+ "$value": "1.75rem",
2822
+ "$type": "dimension"
2823
+ },
2824
+ "weight": {
2825
+ "$value": 500,
2826
+ "$type": "fontWeight"
2827
+ },
2828
+ "letterSpacing": {
2829
+ "$value": "0em",
2830
+ "$type": "dimension"
2831
+ }
2832
+ },
2833
+ "lg": {
2834
+ "size": {
2835
+ "$value": "1.25rem",
2836
+ "$type": "dimension"
2837
+ },
2838
+ "lineHeight": {
2839
+ "$value": "2rem",
2840
+ "$type": "dimension"
2841
+ },
2842
+ "weight": {
2843
+ "$value": 600,
2844
+ "$type": "fontWeight"
2845
+ },
2846
+ "letterSpacing": {
2847
+ "$value": "0em",
2848
+ "$type": "dimension"
2849
+ }
2850
+ },
2851
+ "xl": {
2852
+ "size": {
2853
+ "$value": "1.5rem",
2854
+ "$type": "dimension"
2855
+ },
2856
+ "lineHeight": {
2857
+ "$value": "2.125rem",
2858
+ "$type": "dimension"
2859
+ },
2860
+ "weight": {
2861
+ "$value": 600,
2862
+ "$type": "fontWeight"
2863
+ },
2864
+ "letterSpacing": {
2865
+ "$value": "0em",
2866
+ "$type": "dimension"
2867
+ }
2868
+ },
2869
+ "2xl": {
2870
+ "size": {
2871
+ "$value": "1.875rem",
2872
+ "$type": "dimension"
2873
+ },
2874
+ "lineHeight": {
2875
+ "$value": "2.5rem",
2876
+ "$type": "dimension"
2877
+ },
2878
+ "weight": {
2879
+ "$value": 700,
2880
+ "$type": "fontWeight"
2881
+ },
2882
+ "letterSpacing": {
2883
+ "$value": "0em",
2884
+ "$type": "dimension"
2885
+ }
2886
+ },
2887
+ "3xl": {
2888
+ "size": {
2889
+ "$value": "2.25rem",
2890
+ "$type": "dimension"
2891
+ },
2892
+ "lineHeight": {
2893
+ "$value": "2.75rem",
2894
+ "$type": "dimension"
2895
+ },
2896
+ "weight": {
2897
+ "$value": 700,
2898
+ "$type": "fontWeight"
2899
+ },
2900
+ "letterSpacing": {
2901
+ "$value": "0em",
2902
+ "$type": "dimension"
2903
+ }
2904
+ },
2905
+ "4xl": {
2906
+ "size": {
2907
+ "$value": "3rem",
2908
+ "$type": "dimension"
2909
+ },
2910
+ "lineHeight": {
2911
+ "$value": "3.5rem",
2912
+ "$type": "dimension"
2913
+ },
2914
+ "weight": {
2915
+ "$value": 800,
2916
+ "$type": "fontWeight"
2917
+ },
2918
+ "letterSpacing": {
2919
+ "$value": "0em",
2920
+ "$type": "dimension"
2921
+ }
2922
+ },
2923
+ "5xl": {
2924
+ "size": {
2925
+ "$value": "3.75rem",
2926
+ "$type": "dimension"
2927
+ },
2928
+ "lineHeight": {
2929
+ "$value": "4.25rem",
2930
+ "$type": "dimension"
2931
+ },
2932
+ "weight": {
2933
+ "$value": 800,
2934
+ "$type": "fontWeight"
2935
+ },
2936
+ "letterSpacing": {
2937
+ "$value": "0em",
2938
+ "$type": "dimension"
2939
+ }
2940
+ },
2941
+ "6xl": {
2942
+ "size": {
2943
+ "$value": "4.5rem",
2944
+ "$type": "dimension"
2945
+ },
2946
+ "lineHeight": {
2947
+ "$value": "5rem",
2948
+ "$type": "dimension"
2949
+ },
2950
+ "weight": {
2951
+ "$value": 900,
2952
+ "$type": "fontWeight"
2953
+ },
2954
+ "letterSpacing": {
2955
+ "$value": "0em",
2956
+ "$type": "dimension"
2957
+ }
2958
+ }
2959
+ },
2960
+ "typography": {
2961
+ "families": {
2962
+ "sans": {
2963
+ "$value": "system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif",
2964
+ "$type": "fontFamily"
2965
+ },
2966
+ "serif": {
2967
+ "$value": "'Times New Roman', Times, serif",
2968
+ "$type": "fontFamily"
2969
+ },
2970
+ "mono": {
2971
+ "$value": "'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace",
2972
+ "$type": "fontFamily"
2973
+ }
2974
+ },
2975
+ "scale": {
2976
+ "xs": {
2977
+ "fontSize": {
2978
+ "$value": "0.75rem",
2979
+ "$type": "dimension"
2980
+ },
2981
+ "lineHeight": {
2982
+ "$value": "1.25rem",
2983
+ "$type": "dimension"
2984
+ },
2985
+ "fontWeight": {
2986
+ "$value": 400,
2987
+ "$type": "fontWeight"
2988
+ },
2989
+ "letterSpacing": {
2990
+ "$value": "0.02em",
2991
+ "$type": "dimension"
2992
+ }
2993
+ },
2994
+ "sm": {
2995
+ "fontSize": {
2996
+ "$value": "0.875rem",
2997
+ "$type": "dimension"
2998
+ },
2999
+ "lineHeight": {
3000
+ "$value": "1.5rem",
3001
+ "$type": "dimension"
3002
+ },
3003
+ "fontWeight": {
3004
+ "$value": 400,
3005
+ "$type": "fontWeight"
3006
+ },
3007
+ "letterSpacing": {
3008
+ "$value": "0em",
3009
+ "$type": "dimension"
3010
+ }
3011
+ },
3012
+ "md": {
3013
+ "fontSize": {
3014
+ "$value": "1rem",
3015
+ "$type": "dimension"
3016
+ },
3017
+ "lineHeight": {
3018
+ "$value": "1.75rem",
3019
+ "$type": "dimension"
3020
+ },
3021
+ "fontWeight": {
3022
+ "$value": 500,
3023
+ "$type": "fontWeight"
3024
+ },
3025
+ "letterSpacing": {
3026
+ "$value": "0em",
3027
+ "$type": "dimension"
3028
+ }
3029
+ },
3030
+ "lg": {
3031
+ "fontSize": {
3032
+ "$value": "1.25rem",
3033
+ "$type": "dimension"
3034
+ },
3035
+ "lineHeight": {
3036
+ "$value": "2rem",
3037
+ "$type": "dimension"
3038
+ },
3039
+ "fontWeight": {
3040
+ "$value": 600,
3041
+ "$type": "fontWeight"
3042
+ },
3043
+ "letterSpacing": {
3044
+ "$value": "0em",
3045
+ "$type": "dimension"
3046
+ }
3047
+ },
3048
+ "xl": {
3049
+ "fontSize": {
3050
+ "$value": "1.5rem",
3051
+ "$type": "dimension"
3052
+ },
3053
+ "lineHeight": {
3054
+ "$value": "2.125rem",
3055
+ "$type": "dimension"
3056
+ },
3057
+ "fontWeight": {
3058
+ "$value": 600,
3059
+ "$type": "fontWeight"
3060
+ },
3061
+ "letterSpacing": {
3062
+ "$value": "0em",
3063
+ "$type": "dimension"
3064
+ }
3065
+ },
3066
+ "2xl": {
3067
+ "fontSize": {
3068
+ "$value": "1.875rem",
3069
+ "$type": "dimension"
3070
+ },
3071
+ "lineHeight": {
3072
+ "$value": "2.5rem",
3073
+ "$type": "dimension"
3074
+ },
3075
+ "fontWeight": {
3076
+ "$value": 700,
3077
+ "$type": "fontWeight"
3078
+ },
3079
+ "letterSpacing": {
3080
+ "$value": "0em",
3081
+ "$type": "dimension"
3082
+ }
3083
+ },
3084
+ "3xl": {
3085
+ "fontSize": {
3086
+ "$value": "2.25rem",
3087
+ "$type": "dimension"
3088
+ },
3089
+ "lineHeight": {
3090
+ "$value": "2.75rem",
3091
+ "$type": "dimension"
3092
+ },
3093
+ "fontWeight": {
3094
+ "$value": 700,
3095
+ "$type": "fontWeight"
3096
+ },
3097
+ "letterSpacing": {
3098
+ "$value": "0em",
3099
+ "$type": "dimension"
3100
+ }
3101
+ },
3102
+ "4xl": {
3103
+ "fontSize": {
3104
+ "$value": "3rem",
3105
+ "$type": "dimension"
3106
+ },
3107
+ "lineHeight": {
3108
+ "$value": "3.5rem",
3109
+ "$type": "dimension"
3110
+ },
3111
+ "fontWeight": {
3112
+ "$value": 800,
3113
+ "$type": "fontWeight"
3114
+ },
3115
+ "letterSpacing": {
3116
+ "$value": "0em",
3117
+ "$type": "dimension"
3118
+ }
3119
+ },
3120
+ "5xl": {
3121
+ "fontSize": {
3122
+ "$value": "3.75rem",
3123
+ "$type": "dimension"
3124
+ },
3125
+ "lineHeight": {
3126
+ "$value": "4.25rem",
3127
+ "$type": "dimension"
3128
+ },
3129
+ "fontWeight": {
3130
+ "$value": 800,
3131
+ "$type": "fontWeight"
3132
+ },
3133
+ "letterSpacing": {
3134
+ "$value": "0em",
3135
+ "$type": "dimension"
3136
+ }
3137
+ },
3138
+ "6xl": {
3139
+ "fontSize": {
3140
+ "$value": "4.5rem",
3141
+ "$type": "dimension"
3142
+ },
3143
+ "lineHeight": {
3144
+ "$value": "5rem",
3145
+ "$type": "dimension"
3146
+ },
3147
+ "fontWeight": {
3148
+ "$value": 900,
3149
+ "$type": "fontWeight"
3150
+ },
3151
+ "letterSpacing": {
3152
+ "$value": "0em",
3153
+ "$type": "dimension"
3154
+ }
3155
+ }
3156
+ }
3157
+ }
3158
+ }