@syncupsuite/themes 0.2.2 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/dist/index.cjs +11235 -1395
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.cts +13 -1
  4. package/dist/index.d.ts +13 -1
  5. package/dist/index.js +11228 -1394
  6. package/dist/index.js.map +1 -1
  7. package/package.json +1 -1
  8. package/src/art-deco/meta.json +50 -0
  9. package/src/art-deco/tailwind.css +369 -0
  10. package/src/art-deco/tokens.css +305 -0
  11. package/src/art-deco/tokens.json +840 -0
  12. package/src/nihon-minimal/meta.json +44 -0
  13. package/src/nihon-minimal/tailwind.css +339 -0
  14. package/src/nihon-minimal/tokens.css +285 -0
  15. package/src/nihon-minimal/tokens.json +780 -0
  16. package/src/nihon-traditional/meta.json +1 -1
  17. package/src/nihon-traditional/tailwind.css +89 -89
  18. package/src/nihon-traditional/tokens.css +89 -89
  19. package/src/nihon-traditional/tokens.json +89 -89
  20. package/src/nordic-modern/meta.json +56 -0
  21. package/src/nordic-modern/tailwind.css +399 -0
  22. package/src/nordic-modern/tokens.css +325 -0
  23. package/src/nordic-modern/tokens.json +900 -0
  24. package/src/renaissance/meta.json +56 -0
  25. package/src/renaissance/tailwind.css +399 -0
  26. package/src/renaissance/tokens.css +325 -0
  27. package/src/renaissance/tokens.json +900 -0
  28. package/src/shuimo-modern/meta.json +56 -0
  29. package/src/shuimo-modern/tailwind.css +399 -0
  30. package/src/shuimo-modern/tokens.css +325 -0
  31. package/src/shuimo-modern/tokens.json +900 -0
  32. package/src/swiss-international/meta.json +1 -1
  33. package/src/swiss-international/tailwind.css +85 -85
  34. package/src/swiss-international/tokens.css +85 -85
  35. package/src/swiss-international/tokens.json +85 -85
  36. package/src/tang-imperial/meta.json +56 -0
  37. package/src/tang-imperial/tailwind.css +399 -0
  38. package/src/tang-imperial/tokens.css +325 -0
  39. package/src/tang-imperial/tokens.json +900 -0
@@ -0,0 +1,900 @@
1
+ {
2
+ "$name": "renaissance",
3
+ "$description": "Renaissance (Rinascimento) — the rich humanist palette of Italian masters, from lapis lazuli ultramarine to Tuscan earth and gold leaf",
4
+ "$extensions": {
5
+ "syncupsuite.foundation": {
6
+ "story": "The Italian Renaissance (14th–17th century) transformed art through oil painting, linear perspective, and a palette derived from mineral pigments traded across the Mediterranean. Ultramarine from Afghan lapis lazuli cost more than gold. Tuscan earth pigments — sienna, umber, ochre — grounded compositions in warmth. Gold leaf connected human achievement to divine light. The palette of Raphael, Titian, and Botticelli remains the Western canon's richest.",
7
+ "philosophy": "Rinascimento — the rebirth of classical learning, humanist confidence in beauty and proportion",
8
+ "era": "Italian Renaissance (14th–17th century)",
9
+ "harmonyMode": "triadic",
10
+ "radiusTendency": "moderate",
11
+ "typographyCategory": "modern-serif"
12
+ }
13
+ },
14
+ "primitive": {
15
+ "color": {
16
+ "oltremare-ultramarine": {
17
+ "50": {
18
+ "$type": "color",
19
+ "$value": "#EAF5FF",
20
+ "$description": "Oltremare (Ultramarine) 50"
21
+ },
22
+ "100": {
23
+ "$type": "color",
24
+ "$value": "#C2D2F8",
25
+ "$description": "Oltremare (Ultramarine) 100"
26
+ },
27
+ "200": {
28
+ "$type": "color",
29
+ "$value": "#9AAFE2",
30
+ "$description": "Oltremare (Ultramarine) 200"
31
+ },
32
+ "300": {
33
+ "$type": "color",
34
+ "$value": "#748DCC",
35
+ "$description": "Oltremare (Ultramarine) 300"
36
+ },
37
+ "400": {
38
+ "$type": "color",
39
+ "$value": "#506CB5",
40
+ "$description": "Oltremare (Ultramarine) 400"
41
+ },
42
+ "500": {
43
+ "$type": "color",
44
+ "$value": "#2F4A9E",
45
+ "$description": "Oltremare (Ultramarine) 500",
46
+ "$extensions": {
47
+ "syncupsuite.provenance": {
48
+ "name": "Oltremare (Ultramarine)",
49
+ "tradition": "From lapis lazuli mined in Badakhshan, Afghanistan — ground, purified, and mixed with oil. More expensive than gold per ounce, it was reserved for the Virgin Mary's robe.",
50
+ "source": "Color: A Natural History of the Palette, Victoria Finlay",
51
+ "isSeed": true
52
+ }
53
+ }
54
+ },
55
+ "600": {
56
+ "$type": "color",
57
+ "$value": "#1F357E",
58
+ "$description": "Oltremare (Ultramarine) 600"
59
+ },
60
+ "700": {
61
+ "$type": "color",
62
+ "$value": "#10215F",
63
+ "$description": "Oltremare (Ultramarine) 700"
64
+ },
65
+ "800": {
66
+ "$type": "color",
67
+ "$value": "#040D41",
68
+ "$description": "Oltremare (Ultramarine) 800"
69
+ },
70
+ "900": {
71
+ "$type": "color",
72
+ "$value": "#010026",
73
+ "$description": "Oltremare (Ultramarine) 900"
74
+ }
75
+ },
76
+ "terra-di-siena-sienna-earth": {
77
+ "50": {
78
+ "$type": "color",
79
+ "$value": "#FFF0E6",
80
+ "$description": "Terra di Siena (Sienna Earth) 50"
81
+ },
82
+ "100": {
83
+ "$type": "color",
84
+ "$value": "#F3CFC0",
85
+ "$description": "Terra di Siena (Sienna Earth) 100"
86
+ },
87
+ "200": {
88
+ "$type": "color",
89
+ "$value": "#DFAF9A",
90
+ "$description": "Terra di Siena (Sienna Earth) 200"
91
+ },
92
+ "300": {
93
+ "$type": "color",
94
+ "$value": "#CB9076",
95
+ "$description": "Terra di Siena (Sienna Earth) 300"
96
+ },
97
+ "400": {
98
+ "$type": "color",
99
+ "$value": "#B67152",
100
+ "$description": "Terra di Siena (Sienna Earth) 400"
101
+ },
102
+ "500": {
103
+ "$type": "color",
104
+ "$value": "#A0522D",
105
+ "$description": "Terra di Siena (Sienna Earth) 500",
106
+ "$extensions": {
107
+ "syncupsuite.provenance": {
108
+ "name": "Terra di Siena (Sienna Earth)",
109
+ "tradition": "Burnt sienna — iron-rich earth from Tuscany, heated to deepen its red-brown warmth. The shadow tone in chiaroscuro painting from Leonardo to Caravaggio.",
110
+ "source": "The Materials and Techniques of Medieval Painting, Daniel V. Thompson",
111
+ "isSeed": true
112
+ }
113
+ }
114
+ },
115
+ "600": {
116
+ "$type": "color",
117
+ "$value": "#7B3817",
118
+ "$description": "Terra di Siena (Sienna Earth) 600"
119
+ },
120
+ "700": {
121
+ "$type": "color",
122
+ "$value": "#582001",
123
+ "$description": "Terra di Siena (Sienna Earth) 700"
124
+ },
125
+ "800": {
126
+ "$type": "color",
127
+ "$value": "#370800",
128
+ "$description": "Terra di Siena (Sienna Earth) 800"
129
+ },
130
+ "900": {
131
+ "$type": "color",
132
+ "$value": "#180000",
133
+ "$description": "Terra di Siena (Sienna Earth) 900"
134
+ }
135
+ },
136
+ "oro-gold-leaf": {
137
+ "50": {
138
+ "$type": "color",
139
+ "$value": "#FDF5DE",
140
+ "$description": "Oro (Gold Leaf) 50"
141
+ },
142
+ "100": {
143
+ "$type": "color",
144
+ "$value": "#EFE1BE",
145
+ "$description": "Oro (Gold Leaf) 100"
146
+ },
147
+ "200": {
148
+ "$type": "color",
149
+ "$value": "#E1CE9D",
150
+ "$description": "Oro (Gold Leaf) 200"
151
+ },
152
+ "300": {
153
+ "$type": "color",
154
+ "$value": "#D3BB7C",
155
+ "$description": "Oro (Gold Leaf) 300"
156
+ },
157
+ "400": {
158
+ "$type": "color",
159
+ "$value": "#C6A859",
160
+ "$description": "Oro (Gold Leaf) 400"
161
+ },
162
+ "500": {
163
+ "$type": "color",
164
+ "$value": "#B8952F",
165
+ "$description": "Oro (Gold Leaf) 500",
166
+ "$extensions": {
167
+ "syncupsuite.provenance": {
168
+ "name": "Oro (Gold Leaf)",
169
+ "tradition": "Beaten gold applied to gesso grounds in tempera painting. From Giotto's haloes to Ghiberti's bronze doors, gold represented divine light breaking through the earthly plane.",
170
+ "source": "The Craftsman's Handbook (Il Libro dell'Arte), Cennino Cennini",
171
+ "isSeed": true
172
+ }
173
+ }
174
+ },
175
+ "600": {
176
+ "$type": "color",
177
+ "$value": "#896B01",
178
+ "$description": "Oro (Gold Leaf) 600"
179
+ },
180
+ "700": {
181
+ "$type": "color",
182
+ "$value": "#5D4400",
183
+ "$description": "Oro (Gold Leaf) 700"
184
+ },
185
+ "800": {
186
+ "$type": "color",
187
+ "$value": "#352000",
188
+ "$description": "Oro (Gold Leaf) 800"
189
+ },
190
+ "900": {
191
+ "$type": "color",
192
+ "$value": "#100300",
193
+ "$description": "Oro (Gold Leaf) 900"
194
+ }
195
+ },
196
+ "verdaccio": {
197
+ "50": {
198
+ "$type": "color",
199
+ "$value": "#F3F7EA",
200
+ "$description": "Verdaccio 50"
201
+ },
202
+ "100": {
203
+ "$type": "color",
204
+ "$value": "#D3DAC5",
205
+ "$description": "Verdaccio 100"
206
+ },
207
+ "200": {
208
+ "$type": "color",
209
+ "$value": "#B4BDA1",
210
+ "$description": "Verdaccio 200"
211
+ },
212
+ "300": {
213
+ "$type": "color",
214
+ "$value": "#96A17E",
215
+ "$description": "Verdaccio 300"
216
+ },
217
+ "400": {
218
+ "$type": "color",
219
+ "$value": "#7A865C",
220
+ "$description": "Verdaccio 400"
221
+ },
222
+ "500": {
223
+ "$type": "color",
224
+ "$value": "#5E6B3A",
225
+ "$description": "Verdaccio 500",
226
+ "$extensions": {
227
+ "syncupsuite.provenance": {
228
+ "name": "Verdaccio",
229
+ "tradition": "A green-grey earth underpainting used to model flesh tones before color layers. The structural skeleton of Renaissance portraiture.",
230
+ "source": "The Craftsman's Handbook, Cennino Cennini",
231
+ "isSeed": true
232
+ }
233
+ }
234
+ },
235
+ "600": {
236
+ "$type": "color",
237
+ "$value": "#444F25",
238
+ "$description": "Verdaccio 600"
239
+ },
240
+ "700": {
241
+ "$type": "color",
242
+ "$value": "#2C3510",
243
+ "$description": "Verdaccio 700"
244
+ },
245
+ "800": {
246
+ "$type": "color",
247
+ "$value": "#161D00",
248
+ "$description": "Verdaccio 800"
249
+ },
250
+ "900": {
251
+ "$type": "color",
252
+ "$value": "#040700",
253
+ "$description": "Verdaccio 900"
254
+ }
255
+ },
256
+ "pergamena-parchment": {
257
+ "50": {
258
+ "$type": "color",
259
+ "$value": "#F7F5F0",
260
+ "$description": "Pergamena (Parchment) 50"
261
+ },
262
+ "100": {
263
+ "$type": "color",
264
+ "$value": "#F6F2EB",
265
+ "$description": "Pergamena (Parchment) 100"
266
+ },
267
+ "200": {
268
+ "$type": "color",
269
+ "$value": "#F5F0E5",
270
+ "$description": "Pergamena (Parchment) 200"
271
+ },
272
+ "300": {
273
+ "$type": "color",
274
+ "$value": "#F4EDE0",
275
+ "$description": "Pergamena (Parchment) 300"
276
+ },
277
+ "400": {
278
+ "$type": "color",
279
+ "$value": "#F3EBDA",
280
+ "$description": "Pergamena (Parchment) 400"
281
+ },
282
+ "500": {
283
+ "$type": "color",
284
+ "$value": "#F2E8D5",
285
+ "$description": "Pergamena (Parchment) 500",
286
+ "$extensions": {
287
+ "syncupsuite.provenance": {
288
+ "name": "Pergamena (Parchment)",
289
+ "tradition": "Calfskin vellum — the surface for illuminated manuscripts from Petrarch's sonnets to Leonardo's notebooks. Warm, organic, never pure white.",
290
+ "source": "The Art of Renaissance Europe, Boskovits & Brown",
291
+ "isSeed": true
292
+ }
293
+ }
294
+ },
295
+ "600": {
296
+ "$type": "color",
297
+ "$value": "#AFA797",
298
+ "$description": "Pergamena (Parchment) 600"
299
+ },
300
+ "700": {
301
+ "$type": "color",
302
+ "$value": "#716A5D",
303
+ "$description": "Pergamena (Parchment) 700"
304
+ },
305
+ "800": {
306
+ "$type": "color",
307
+ "$value": "#383329",
308
+ "$description": "Pergamena (Parchment) 800"
309
+ },
310
+ "900": {
311
+ "$type": "color",
312
+ "$value": "#080502",
313
+ "$description": "Pergamena (Parchment) 900"
314
+ }
315
+ },
316
+ "ombra-naturale-raw-umber": {
317
+ "50": {
318
+ "$type": "color",
319
+ "$value": "#FFF3E9",
320
+ "$description": "Ombra Naturale (Raw Umber) 50"
321
+ },
322
+ "100": {
323
+ "$type": "color",
324
+ "$value": "#E0CDBF",
325
+ "$description": "Ombra Naturale (Raw Umber) 100"
326
+ },
327
+ "200": {
328
+ "$type": "color",
329
+ "$value": "#C2A996",
330
+ "$description": "Ombra Naturale (Raw Umber) 200"
331
+ },
332
+ "300": {
333
+ "$type": "color",
334
+ "$value": "#A5866F",
335
+ "$description": "Ombra Naturale (Raw Umber) 300"
336
+ },
337
+ "400": {
338
+ "$type": "color",
339
+ "$value": "#876449",
340
+ "$description": "Ombra Naturale (Raw Umber) 400"
341
+ },
342
+ "500": {
343
+ "$type": "color",
344
+ "$value": "#6B4423",
345
+ "$description": "Ombra Naturale (Raw Umber) 500",
346
+ "$extensions": {
347
+ "syncupsuite.provenance": {
348
+ "name": "Ombra Naturale (Raw Umber)",
349
+ "tradition": "Manganese-rich earth from Umbria — the deep brown of shadow and depth. Essential for the sfumato technique of Leonardo da Vinci.",
350
+ "source": "The Materials and Techniques of Medieval Painting, Daniel V. Thompson",
351
+ "isSeed": true
352
+ }
353
+ }
354
+ },
355
+ "600": {
356
+ "$type": "color",
357
+ "$value": "#523114",
358
+ "$description": "Ombra Naturale (Raw Umber) 600"
359
+ },
360
+ "700": {
361
+ "$type": "color",
362
+ "$value": "#3B1F05",
363
+ "$description": "Ombra Naturale (Raw Umber) 700"
364
+ },
365
+ "800": {
366
+ "$type": "color",
367
+ "$value": "#250E00",
368
+ "$description": "Ombra Naturale (Raw Umber) 800"
369
+ },
370
+ "900": {
371
+ "$type": "color",
372
+ "$value": "#110200",
373
+ "$description": "Ombra Naturale (Raw Umber) 900"
374
+ }
375
+ },
376
+ "neutral": {
377
+ "50": {
378
+ "$type": "color",
379
+ "$value": "#F5F8FF",
380
+ "$description": "Neutral 50"
381
+ },
382
+ "100": {
383
+ "$type": "color",
384
+ "$value": "#EBEEF6",
385
+ "$description": "Neutral 100"
386
+ },
387
+ "200": {
388
+ "$type": "color",
389
+ "$value": "#DBDEE6",
390
+ "$description": "Neutral 200"
391
+ },
392
+ "300": {
393
+ "$type": "color",
394
+ "$value": "#C1C4CC",
395
+ "$description": "Neutral 300"
396
+ },
397
+ "400": {
398
+ "$type": "color",
399
+ "$value": "#95989F",
400
+ "$description": "Neutral 400"
401
+ },
402
+ "500": {
403
+ "$type": "color",
404
+ "$value": "#6C6F75",
405
+ "$description": "Neutral 500"
406
+ },
407
+ "600": {
408
+ "$type": "color",
409
+ "$value": "#4A4D53",
410
+ "$description": "Neutral 600"
411
+ },
412
+ "700": {
413
+ "$type": "color",
414
+ "$value": "#303339",
415
+ "$description": "Neutral 700"
416
+ },
417
+ "800": {
418
+ "$type": "color",
419
+ "$value": "#181B20",
420
+ "$description": "Neutral 800"
421
+ },
422
+ "900": {
423
+ "$type": "color",
424
+ "$value": "#06070C",
425
+ "$description": "Neutral 900"
426
+ }
427
+ },
428
+ "accent": {
429
+ "50": {
430
+ "$type": "color",
431
+ "$value": "#FFECEF",
432
+ "$description": "Accent 50"
433
+ },
434
+ "100": {
435
+ "$type": "color",
436
+ "$value": "#F8C6CC",
437
+ "$description": "Accent 100"
438
+ },
439
+ "200": {
440
+ "$type": "color",
441
+ "$value": "#E3A0A9",
442
+ "$description": "Accent 200"
443
+ },
444
+ "300": {
445
+ "$type": "color",
446
+ "$value": "#CD7C88",
447
+ "$description": "Accent 300"
448
+ },
449
+ "400": {
450
+ "$type": "color",
451
+ "$value": "#B55768",
452
+ "$description": "Accent 400"
453
+ },
454
+ "500": {
455
+ "$type": "color",
456
+ "$value": "#9D2F4A",
457
+ "$description": "Accent 500"
458
+ },
459
+ "600": {
460
+ "$type": "color",
461
+ "$value": "#7A1A34",
462
+ "$description": "Accent 600"
463
+ },
464
+ "700": {
465
+ "$type": "color",
466
+ "$value": "#590320",
467
+ "$description": "Accent 700"
468
+ },
469
+ "800": {
470
+ "$type": "color",
471
+ "$value": "#3A000D",
472
+ "$description": "Accent 800"
473
+ },
474
+ "900": {
475
+ "$type": "color",
476
+ "$value": "#1C0001",
477
+ "$description": "Accent 900"
478
+ }
479
+ }
480
+ },
481
+ "typography": {
482
+ "family": {
483
+ "heading": {
484
+ "$type": "fontFamily",
485
+ "$value": "\"Cormorant Garamond\", \"Didot\", Georgia, serif",
486
+ "$description": "Heading font family"
487
+ },
488
+ "body": {
489
+ "$type": "fontFamily",
490
+ "$value": "\"Source Serif 4\", Georgia, serif",
491
+ "$description": "Body font family"
492
+ },
493
+ "mono": {
494
+ "$type": "fontFamily",
495
+ "$value": "\"JetBrains Mono\", \"Fira Code\", monospace",
496
+ "$description": "Monospace font family"
497
+ }
498
+ },
499
+ "size": {
500
+ "xs": {
501
+ "$type": "dimension",
502
+ "$value": "0.75rem",
503
+ "$description": "Font size xs"
504
+ },
505
+ "sm": {
506
+ "$type": "dimension",
507
+ "$value": "0.875rem",
508
+ "$description": "Font size sm"
509
+ },
510
+ "base": {
511
+ "$type": "dimension",
512
+ "$value": "1rem",
513
+ "$description": "Font size base"
514
+ },
515
+ "lg": {
516
+ "$type": "dimension",
517
+ "$value": "1.125rem",
518
+ "$description": "Font size lg"
519
+ },
520
+ "xl": {
521
+ "$type": "dimension",
522
+ "$value": "1.25rem",
523
+ "$description": "Font size xl"
524
+ },
525
+ "2xl": {
526
+ "$type": "dimension",
527
+ "$value": "1.5rem",
528
+ "$description": "Font size 2xl"
529
+ },
530
+ "3xl": {
531
+ "$type": "dimension",
532
+ "$value": "1.875rem",
533
+ "$description": "Font size 3xl"
534
+ },
535
+ "4xl": {
536
+ "$type": "dimension",
537
+ "$value": "2.25rem",
538
+ "$description": "Font size 4xl"
539
+ }
540
+ },
541
+ "weight": {
542
+ "normal": {
543
+ "$type": "fontWeight",
544
+ "$value": "400",
545
+ "$description": "Font weight normal"
546
+ },
547
+ "medium": {
548
+ "$type": "fontWeight",
549
+ "$value": "500",
550
+ "$description": "Font weight medium"
551
+ },
552
+ "semibold": {
553
+ "$type": "fontWeight",
554
+ "$value": "600",
555
+ "$description": "Font weight semibold"
556
+ },
557
+ "bold": {
558
+ "$type": "fontWeight",
559
+ "$value": "700",
560
+ "$description": "Font weight bold"
561
+ }
562
+ },
563
+ "lineHeight": {
564
+ "tight": {
565
+ "$type": "number",
566
+ "$value": "1.25",
567
+ "$description": "Line height tight"
568
+ },
569
+ "normal": {
570
+ "$type": "number",
571
+ "$value": "1.5",
572
+ "$description": "Line height normal"
573
+ },
574
+ "relaxed": {
575
+ "$type": "number",
576
+ "$value": "1.75",
577
+ "$description": "Line height relaxed"
578
+ }
579
+ }
580
+ },
581
+ "spacing": {
582
+ "0": {
583
+ "$type": "dimension",
584
+ "$value": "0px",
585
+ "$description": "Spacing 0 (0px)"
586
+ },
587
+ "1": {
588
+ "$type": "dimension",
589
+ "$value": "4px",
590
+ "$description": "Spacing 1 (4px)"
591
+ },
592
+ "2": {
593
+ "$type": "dimension",
594
+ "$value": "8px",
595
+ "$description": "Spacing 2 (8px)"
596
+ },
597
+ "3": {
598
+ "$type": "dimension",
599
+ "$value": "12px",
600
+ "$description": "Spacing 3 (12px)"
601
+ },
602
+ "4": {
603
+ "$type": "dimension",
604
+ "$value": "16px",
605
+ "$description": "Spacing 4 (16px)"
606
+ },
607
+ "5": {
608
+ "$type": "dimension",
609
+ "$value": "20px",
610
+ "$description": "Spacing 5 (20px)"
611
+ },
612
+ "6": {
613
+ "$type": "dimension",
614
+ "$value": "24px",
615
+ "$description": "Spacing 6 (24px)"
616
+ },
617
+ "8": {
618
+ "$type": "dimension",
619
+ "$value": "32px",
620
+ "$description": "Spacing 8 (32px)"
621
+ },
622
+ "10": {
623
+ "$type": "dimension",
624
+ "$value": "40px",
625
+ "$description": "Spacing 10 (40px)"
626
+ },
627
+ "12": {
628
+ "$type": "dimension",
629
+ "$value": "48px",
630
+ "$description": "Spacing 12 (48px)"
631
+ },
632
+ "16": {
633
+ "$type": "dimension",
634
+ "$value": "64px",
635
+ "$description": "Spacing 16 (64px)"
636
+ },
637
+ "20": {
638
+ "$type": "dimension",
639
+ "$value": "80px",
640
+ "$description": "Spacing 20 (80px)"
641
+ },
642
+ "0.5": {
643
+ "$type": "dimension",
644
+ "$value": "2px",
645
+ "$description": "Spacing 0.5 (2px)"
646
+ },
647
+ "1.5": {
648
+ "$type": "dimension",
649
+ "$value": "6px",
650
+ "$description": "Spacing 1.5 (6px)"
651
+ }
652
+ },
653
+ "radius": {
654
+ "none": {
655
+ "$type": "dimension",
656
+ "$value": "0px",
657
+ "$description": "Border radius none"
658
+ },
659
+ "sm": {
660
+ "$type": "dimension",
661
+ "$value": "4px",
662
+ "$description": "Border radius sm"
663
+ },
664
+ "md": {
665
+ "$type": "dimension",
666
+ "$value": "8px",
667
+ "$description": "Border radius md"
668
+ },
669
+ "lg": {
670
+ "$type": "dimension",
671
+ "$value": "12px",
672
+ "$description": "Border radius lg"
673
+ },
674
+ "xl": {
675
+ "$type": "dimension",
676
+ "$value": "16px",
677
+ "$description": "Border radius xl"
678
+ },
679
+ "full": {
680
+ "$type": "dimension",
681
+ "$value": "9999px",
682
+ "$description": "Border radius full"
683
+ }
684
+ }
685
+ },
686
+ "semantic": {
687
+ "light": {
688
+ "background": {
689
+ "canvas": {
690
+ "$type": "color",
691
+ "$value": "{primitive.color.neutral.50}",
692
+ "$description": "Page background"
693
+ },
694
+ "surface": {
695
+ "$type": "color",
696
+ "$value": "#FFFFFF",
697
+ "$description": "Card/surface background"
698
+ },
699
+ "muted": {
700
+ "$type": "color",
701
+ "$value": "{primitive.color.neutral.100}",
702
+ "$description": "Muted background"
703
+ }
704
+ },
705
+ "text": {
706
+ "primary": {
707
+ "$type": "color",
708
+ "$value": "{primitive.color.neutral.900}",
709
+ "$description": "Primary text"
710
+ },
711
+ "secondary": {
712
+ "$type": "color",
713
+ "$value": "{primitive.color.neutral.600}",
714
+ "$description": "Secondary text"
715
+ },
716
+ "muted": {
717
+ "$type": "color",
718
+ "$value": "{primitive.color.neutral.500}",
719
+ "$description": "Muted/disabled text"
720
+ },
721
+ "inverse": {
722
+ "$type": "color",
723
+ "$value": "{primitive.color.neutral.50}",
724
+ "$description": "Text on dark backgrounds"
725
+ }
726
+ },
727
+ "interactive": {
728
+ "primary": {
729
+ "$type": "color",
730
+ "$value": "{primitive.color.oltremare-ultramarine.500}",
731
+ "$description": "Primary interactive (buttons, links)"
732
+ },
733
+ "primary-hover": {
734
+ "$type": "color",
735
+ "$value": "{primitive.color.oltremare-ultramarine.600}",
736
+ "$description": "Primary interactive hover"
737
+ },
738
+ "primary-active": {
739
+ "$type": "color",
740
+ "$value": "{primitive.color.oltremare-ultramarine.700}",
741
+ "$description": "Primary interactive active"
742
+ }
743
+ },
744
+ "border": {
745
+ "default": {
746
+ "$type": "color",
747
+ "$value": "{primitive.color.neutral.200}",
748
+ "$description": "Default border"
749
+ },
750
+ "strong": {
751
+ "$type": "color",
752
+ "$value": "{primitive.color.neutral.400}",
753
+ "$description": "Strong border"
754
+ }
755
+ },
756
+ "status": {
757
+ "error": {
758
+ "$type": "color",
759
+ "$value": "#DC2626",
760
+ "$description": "Error — WCAG-compliant red"
761
+ },
762
+ "success": {
763
+ "$type": "color",
764
+ "$value": "#16A34A",
765
+ "$description": "Success — WCAG-compliant green"
766
+ },
767
+ "warning": {
768
+ "$type": "color",
769
+ "$value": "#A16207",
770
+ "$description": "Warning — WCAG AA amber (4.5:1+ on white)"
771
+ },
772
+ "info": {
773
+ "$type": "color",
774
+ "$value": "{primitive.color.oltremare-ultramarine.500}",
775
+ "$description": "Info status"
776
+ }
777
+ },
778
+ "focus": {
779
+ "ring": {
780
+ "$type": "color",
781
+ "$value": "{primitive.color.oltremare-ultramarine.500}",
782
+ "$description": "Focus ring color"
783
+ }
784
+ },
785
+ "accessibility": {
786
+ "focus-visible": {
787
+ "$type": "color",
788
+ "$value": "{primitive.color.oltremare-ultramarine.500}",
789
+ "$description": "Keyboard focus indicator"
790
+ }
791
+ }
792
+ },
793
+ "dark": {
794
+ "background": {
795
+ "canvas": {
796
+ "$type": "color",
797
+ "$value": "{primitive.color.neutral.900}",
798
+ "$description": "Page background — dark"
799
+ },
800
+ "surface": {
801
+ "$type": "color",
802
+ "$value": "{primitive.color.neutral.800}",
803
+ "$description": "Card/surface — dark"
804
+ },
805
+ "muted": {
806
+ "$type": "color",
807
+ "$value": "{primitive.color.neutral.700}",
808
+ "$description": "Muted background — dark"
809
+ }
810
+ },
811
+ "text": {
812
+ "primary": {
813
+ "$type": "color",
814
+ "$value": "{primitive.color.neutral.50}",
815
+ "$description": "Primary text — dark"
816
+ },
817
+ "secondary": {
818
+ "$type": "color",
819
+ "$value": "{primitive.color.neutral.300}",
820
+ "$description": "Secondary text — dark"
821
+ },
822
+ "muted": {
823
+ "$type": "color",
824
+ "$value": "{primitive.color.neutral.500}",
825
+ "$description": "Muted text — dark"
826
+ },
827
+ "inverse": {
828
+ "$type": "color",
829
+ "$value": "{primitive.color.neutral.900}",
830
+ "$description": "Text on light backgrounds — dark"
831
+ }
832
+ },
833
+ "interactive": {
834
+ "primary": {
835
+ "$type": "color",
836
+ "$value": "{primitive.color.oltremare-ultramarine.400}",
837
+ "$description": "Primary interactive — dark"
838
+ },
839
+ "primary-hover": {
840
+ "$type": "color",
841
+ "$value": "{primitive.color.oltremare-ultramarine.300}",
842
+ "$description": "Primary hover — dark"
843
+ },
844
+ "primary-active": {
845
+ "$type": "color",
846
+ "$value": "{primitive.color.oltremare-ultramarine.200}",
847
+ "$description": "Primary active — dark"
848
+ }
849
+ },
850
+ "border": {
851
+ "default": {
852
+ "$type": "color",
853
+ "$value": "{primitive.color.neutral.700}",
854
+ "$description": "Default border — dark"
855
+ },
856
+ "strong": {
857
+ "$type": "color",
858
+ "$value": "{primitive.color.neutral.500}",
859
+ "$description": "Strong border — dark"
860
+ }
861
+ },
862
+ "status": {
863
+ "error": {
864
+ "$type": "color",
865
+ "$value": "#EF4444",
866
+ "$description": "Error — WCAG-compliant red (dark)"
867
+ },
868
+ "success": {
869
+ "$type": "color",
870
+ "$value": "#22C55E",
871
+ "$description": "Success — WCAG-compliant green (dark)"
872
+ },
873
+ "warning": {
874
+ "$type": "color",
875
+ "$value": "#EAB308",
876
+ "$description": "Warning — WCAG-compliant amber (dark)"
877
+ },
878
+ "info": {
879
+ "$type": "color",
880
+ "$value": "{primitive.color.oltremare-ultramarine.400}",
881
+ "$description": "Info — dark"
882
+ }
883
+ },
884
+ "focus": {
885
+ "ring": {
886
+ "$type": "color",
887
+ "$value": "{primitive.color.oltremare-ultramarine.400}",
888
+ "$description": "Focus ring — dark"
889
+ }
890
+ },
891
+ "accessibility": {
892
+ "focus-visible": {
893
+ "$type": "color",
894
+ "$value": "{primitive.color.oltremare-ultramarine.400}",
895
+ "$description": "Keyboard focus — dark"
896
+ }
897
+ }
898
+ }
899
+ }
900
+ }