@neuravision/construct 1.1.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 (57) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +227 -0
  3. package/components/README.md +566 -0
  4. package/components/_keyframes.css +23 -0
  5. package/components/_shared.css +120 -0
  6. package/components/accordion.css +124 -0
  7. package/components/alert.css +67 -0
  8. package/components/avatar.css +127 -0
  9. package/components/badge.css +67 -0
  10. package/components/banner.css +247 -0
  11. package/components/breadcrumbs.css +152 -0
  12. package/components/button.css +145 -0
  13. package/components/card.css +76 -0
  14. package/components/checkbox.css +120 -0
  15. package/components/chip.css +361 -0
  16. package/components/combobox.css +385 -0
  17. package/components/components.css +2 -0
  18. package/components/data-table.css +93 -0
  19. package/components/datepicker.css +268 -0
  20. package/components/divider.css +73 -0
  21. package/components/drawer.css +167 -0
  22. package/components/dropdown.css +401 -0
  23. package/components/empty-state.css +97 -0
  24. package/components/field.css +42 -0
  25. package/components/file-upload.css +111 -0
  26. package/components/icon.css +31 -0
  27. package/components/index.css +49 -0
  28. package/components/input.css +64 -0
  29. package/components/list.css +474 -0
  30. package/components/modal.css +164 -0
  31. package/components/navbar.css +587 -0
  32. package/components/pagination.css +131 -0
  33. package/components/popover.css +231 -0
  34. package/components/progress-bar.css +56 -0
  35. package/components/select-menu.css +267 -0
  36. package/components/select.css +30 -0
  37. package/components/sidebar.css +183 -0
  38. package/components/skeleton.css +38 -0
  39. package/components/skip-link.css +38 -0
  40. package/components/slider.css +305 -0
  41. package/components/spinner.css +72 -0
  42. package/components/switch.css +82 -0
  43. package/components/table.css +139 -0
  44. package/components/tabs.css +147 -0
  45. package/components/textarea.css +16 -0
  46. package/components/toast.css +71 -0
  47. package/components/toggle-group.css +196 -0
  48. package/components/toolbar.css +222 -0
  49. package/components/tooltip.css +124 -0
  50. package/docs/guidelines.md +141 -0
  51. package/foundations.css +299 -0
  52. package/package.json +66 -0
  53. package/tokens/README.md +179 -0
  54. package/tokens/tokens.css +434 -0
  55. package/tokens/tokens.js +1188 -0
  56. package/tokens/tokens.json +810 -0
  57. package/tokens/tokens.ts +1188 -0
package/tokens/tokens.json ADDED
@@ -0,0 +1,810 @@
1
+ {
2
+ "primitives": {
3
+ "color": {
4
+ "slate": {
5
+ "0": "#FFFFFF",
6
+ "50": "#F5F7FA",
7
+ "100": "#E9EEF4",
8
+ "200": "#D3DDE7",
9
+ "300": "#B7C6D6",
10
+ "400": "#8EA3B8",
11
+ "500": "#6B8399",
12
+ "600": "#4E667B",
13
+ "700": "#364C5F",
14
+ "800": "#263747",
15
+ "900": "#172533",
16
+ "950": "#0E1720"
17
+ },
18
+ "ocean": {
19
+ "50": "#E9F4F7",
20
+ "100": "#CFE5EC",
21
+ "200": "#A5CBD8",
22
+ "300": "#78B1C4",
23
+ "400": "#4D97AF",
24
+ "500": "#2E7E96",
25
+ "600": "#21657A",
26
+ "700": "#174C5D",
27
+ "800": "#103745",
28
+ "900": "#0B2631"
29
+ },
30
+ "teal": {
31
+ "50": "#E7F7F6",
32
+ "100": "#C5ECEA",
33
+ "200": "#93DAD6",
34
+ "300": "#63C7C1",
35
+ "400": "#35B2AA",
36
+ "500": "#1C9891",
37
+ "600": "#167B76",
38
+ "700": "#115F5C",
39
+ "800": "#0D4744",
40
+ "900": "#0A3533"
41
+ },
42
+ "amber": {
43
+ "50": "#FFF6E5",
44
+ "100": "#FFE8BF",
45
+ "200": "#FFD180",
46
+ "300": "#FFB74D",
47
+ "400": "#FF9E1A",
48
+ "500": "#E88300",
49
+ "600": "#B86600",
50
+ "700": "#8A4D00",
51
+ "800": "#5E3500",
52
+ "900": "#3D2300"
53
+ },
54
+ "red": {
55
+ "50": "#FDECEC",
56
+ "100": "#F8CACA",
57
+ "200": "#F3A3A3",
58
+ "300": "#EB7575",
59
+ "400": "#DE4A4A",
60
+ "500": "#C93535",
61
+ "600": "#A22828",
62
+ "700": "#7C1F1F",
63
+ "800": "#561717",
64
+ "900": "#361010"
65
+ },
66
+ "green": {
67
+ "50": "#E8F6EF",
68
+ "100": "#C7EAD9",
69
+ "200": "#9EDCC0",
70
+ "300": "#70CBA3",
71
+ "400": "#48B988",
72
+ "500": "#2EA070",
73
+ "600": "#237F59",
74
+ "700": "#1B6145",
75
+ "800": "#134533",
76
+ "900": "#0C2E22"
77
+ }
78
+ },
79
+ "font": {
80
+ "family": {
81
+ "brand": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
82
+ "text": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
83
+ "mono": "\"JetBrains Mono\", \"SFMono-Regular\", Menlo, monospace"
84
+ },
85
+ "weight": {
86
+ "regular": "400",
87
+ "medium": "500",
88
+ "semibold": "600",
89
+ "bold": "700"
90
+ },
91
+ "size": {
92
+ "xs": "12px",
93
+ "sm": "14px",
94
+ "md": "16px",
95
+ "lg": "18px",
96
+ "xl": "20px",
97
+ "2xl": "24px",
98
+ "3xl": "28px",
99
+ "4xl": "32px",
100
+ "5xl": "40px",
101
+ "6xl": "48px"
102
+ },
103
+ "lineHeight": {
104
+ "xs": "16px",
105
+ "sm": "20px",
106
+ "md": "24px",
107
+ "lg": "28px",
108
+ "xl": "32px",
109
+ "2xl": "36px",
110
+ "3xl": "40px",
111
+ "4xl": "44px",
112
+ "5xl": "52px",
113
+ "6xl": "60px"
114
+ },
115
+ "letterSpacing": {
116
+ "tight": "-0.3px",
117
+ "normal": "0px",
118
+ "wide": "0.3px"
119
+ }
120
+ },
121
+ "space": {
122
+ "0": "0px",
123
+ "1": "2px",
124
+ "2": "4px",
125
+ "3": "6px",
126
+ "4": "8px",
127
+ "5": "12px",
128
+ "6": "16px",
129
+ "7": "20px",
130
+ "8": "24px",
131
+ "9": "32px",
132
+ "10": "40px",
133
+ "11": "48px",
134
+ "12": "64px",
135
+ "13": "80px"
136
+ },
137
+ "radius": {
138
+ "xs": "2px",
139
+ "sm": "4px",
140
+ "md": "8px",
141
+ "lg": "12px",
142
+ "xl": "16px",
143
+ "2xl": "24px",
144
+ "round": "999px"
145
+ },
146
+ "border": {
147
+ "width": {
148
+ "thin": "1px",
149
+ "medium": "2px",
150
+ "thick": "3px"
151
+ }
152
+ },
153
+ "opacity": {
154
+ "muted": "0.7",
155
+ "disabled": "0.5",
156
+ "overlay": "0.6"
157
+ },
158
+ "size": {
159
+ "controlHeight": {
160
+ "xs": "28px",
161
+ "sm": "32px",
162
+ "md": "40px",
163
+ "lg": "48px",
164
+ "calendarDay": "36px"
165
+ },
166
+ "icon": {
167
+ "sm": "16px",
168
+ "md": "20px",
169
+ "lg": "24px",
170
+ "xl": "32px"
171
+ }
172
+ },
173
+ "layout": {
174
+ "container": {
175
+ "sm": "640px",
176
+ "md": "960px",
177
+ "lg": "1200px",
178
+ "xl": "1440px"
179
+ },
180
+ "gutter": {
181
+ "sm": "16px",
182
+ "md": "24px",
183
+ "lg": "32px"
184
+ },
185
+ "gridGap": {
186
+ "sm": "16px",
187
+ "md": "24px",
188
+ "lg": "32px"
189
+ }
190
+ },
191
+ "shadow": {
192
+ "xs": "0 1px 2px rgba(10, 25, 41, 0.08)",
193
+ "sm": "0 2px 6px rgba(10, 25, 41, 0.10)",
194
+ "md": "0 8px 20px rgba(10, 25, 41, 0.12)",
195
+ "lg": "0 16px 36px rgba(10, 25, 41, 0.14)",
196
+ "xl": "0 24px 56px rgba(10, 25, 41, 0.18)"
197
+ },
198
+ "motion": {
199
+ "duration": {
200
+ "fast": "120ms",
201
+ "normal": "200ms",
202
+ "slow": "280ms",
203
+ "xslow": "400ms"
204
+ },
205
+ "easing": {
206
+ "standard": "cubic-bezier(0.2, 0, 0, 1)",
207
+ "decelerate": "cubic-bezier(0, 0, 0, 1)",
208
+ "accelerate": "cubic-bezier(0.3, 0, 1, 1)"
209
+ }
210
+ },
211
+ "zIndex": {
212
+ "base": "0",
213
+ "dropdown": "1000",
214
+ "sticky": "1100",
215
+ "overlay": "1200",
216
+ "modal": "1300",
217
+ "toast": "1400",
218
+ "tooltip": "1500"
219
+ },
220
+ "breakpoint": {
221
+ "xs": "360px",
222
+ "sm": "600px",
223
+ "md": "900px",
224
+ "lg": "1200px",
225
+ "xl": "1536px"
226
+ }
227
+ },
228
+ "semantic": {
229
+ "color": {
230
+ "brand": {
231
+ "primary": "#21657A",
232
+ "primaryHover": "#174C5D",
233
+ "primaryActive": "#103745",
234
+ "accent": "#167B76",
235
+ "accentHover": "#115F5C",
236
+ "accentActive": "#0D4744"
237
+ },
238
+ "text": {
239
+ "primary": "#0E1720",
240
+ "secondary": "#364C5F",
241
+ "muted": "#4E667B",
242
+ "inverse": "#FFFFFF"
243
+ },
244
+ "background": {
245
+ "canvas": "#FFFFFF",
246
+ "surface": "#F5F7FA",
247
+ "elevated": "#FFFFFF",
248
+ "muted": "#E9EEF4"
249
+ },
250
+ "border": {
251
+ "subtle": "#D3DDE7",
252
+ "default": "#B7C6D6",
253
+ "strong": "#6B8399"
254
+ },
255
+ "state": {
256
+ "info": "#21657A",
257
+ "success": "#2EA070",
258
+ "warning": "#FF9E1A",
259
+ "danger": "#C93535"
260
+ },
261
+ "stateSurface": {
262
+ "info": "#E9F4F7",
263
+ "success": "#E8F6EF",
264
+ "warning": "#FFF6E5",
265
+ "danger": "#FDECEC"
266
+ },
267
+ "stateBorder": {
268
+ "info": "#A5CBD8",
269
+ "success": "#9EDCC0",
270
+ "warning": "#FFD180",
271
+ "danger": "#F3A3A3"
272
+ },
273
+ "stateText": {
274
+ "info": "#174C5D",
275
+ "success": "#1B6145",
276
+ "warning": "#8A4D00",
277
+ "danger": "#7C1F1F"
278
+ },
279
+ "overlay": {
280
+ "scrim": "rgba(14, 23, 32, 0.6)"
281
+ },
282
+ "focus": {
283
+ "ring": "#35B2AA"
284
+ }
285
+ },
286
+ "theme": {
287
+ "colorScheme": "light"
288
+ },
289
+ "font": {
290
+ "family": {
291
+ "heading": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
292
+ "body": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
293
+ "code": "\"JetBrains Mono\", \"SFMono-Regular\", Menlo, monospace"
294
+ }
295
+ },
296
+ "typography": {
297
+ "display": {
298
+ "fontFamily": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
299
+ "fontSize": "48px",
300
+ "lineHeight": "60px",
301
+ "fontWeight": "700",
302
+ "letterSpacing": "-0.3px"
303
+ },
304
+ "h1": {
305
+ "fontFamily": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
306
+ "fontSize": "40px",
307
+ "lineHeight": "52px",
308
+ "fontWeight": "700",
309
+ "letterSpacing": "-0.3px"
310
+ },
311
+ "h2": {
312
+ "fontFamily": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
313
+ "fontSize": "32px",
314
+ "lineHeight": "44px",
315
+ "fontWeight": "600",
316
+ "letterSpacing": "0px"
317
+ },
318
+ "h3": {
319
+ "fontFamily": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
320
+ "fontSize": "28px",
321
+ "lineHeight": "40px",
322
+ "fontWeight": "600",
323
+ "letterSpacing": "0px"
324
+ },
325
+ "h4": {
326
+ "fontFamily": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
327
+ "fontSize": "24px",
328
+ "lineHeight": "36px",
329
+ "fontWeight": "600",
330
+ "letterSpacing": "0px"
331
+ },
332
+ "body": {
333
+ "fontFamily": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
334
+ "fontSize": "16px",
335
+ "lineHeight": "24px",
336
+ "fontWeight": "400",
337
+ "letterSpacing": "0px"
338
+ },
339
+ "bodySm": {
340
+ "fontFamily": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
341
+ "fontSize": "14px",
342
+ "lineHeight": "20px",
343
+ "fontWeight": "400",
344
+ "letterSpacing": "0px"
345
+ },
346
+ "label": {
347
+ "fontFamily": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
348
+ "fontSize": "14px",
349
+ "lineHeight": "20px",
350
+ "fontWeight": "600",
351
+ "letterSpacing": "0.3px"
352
+ },
353
+ "caption": {
354
+ "fontFamily": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
355
+ "fontSize": "12px",
356
+ "lineHeight": "16px",
357
+ "fontWeight": "400",
358
+ "letterSpacing": "0px"
359
+ }
360
+ },
361
+ "radius": {
362
+ "control": "8px",
363
+ "card": "12px",
364
+ "modal": "16px",
365
+ "pill": "999px"
366
+ },
367
+ "shadow": {
368
+ "card": "0 2px 6px rgba(10, 25, 41, 0.10)",
369
+ "dropdown": "0 8px 20px rgba(10, 25, 41, 0.12)",
370
+ "modal": "0 16px 36px rgba(10, 25, 41, 0.14)"
371
+ }
372
+ },
373
+ "semanticThemes": {
374
+ "light": {
375
+ "color": {
376
+ "brand": {
377
+ "primary": "#21657A",
378
+ "primaryHover": "#174C5D",
379
+ "primaryActive": "#103745",
380
+ "accent": "#167B76",
381
+ "accentHover": "#115F5C",
382
+ "accentActive": "#0D4744"
383
+ },
384
+ "text": {
385
+ "primary": "#0E1720",
386
+ "secondary": "#364C5F",
387
+ "muted": "#4E667B",
388
+ "inverse": "#FFFFFF"
389
+ },
390
+ "background": {
391
+ "canvas": "#FFFFFF",
392
+ "surface": "#F5F7FA",
393
+ "elevated": "#FFFFFF",
394
+ "muted": "#E9EEF4"
395
+ },
396
+ "border": {
397
+ "subtle": "#D3DDE7",
398
+ "default": "#B7C6D6",
399
+ "strong": "#6B8399"
400
+ },
401
+ "state": {
402
+ "info": "#21657A",
403
+ "success": "#2EA070",
404
+ "warning": "#FF9E1A",
405
+ "danger": "#C93535"
406
+ },
407
+ "stateSurface": {
408
+ "info": "#E9F4F7",
409
+ "success": "#E8F6EF",
410
+ "warning": "#FFF6E5",
411
+ "danger": "#FDECEC"
412
+ },
413
+ "stateBorder": {
414
+ "info": "#A5CBD8",
415
+ "success": "#9EDCC0",
416
+ "warning": "#FFD180",
417
+ "danger": "#F3A3A3"
418
+ },
419
+ "stateText": {
420
+ "info": "#174C5D",
421
+ "success": "#1B6145",
422
+ "warning": "#8A4D00",
423
+ "danger": "#7C1F1F"
424
+ },
425
+ "overlay": {
426
+ "scrim": "rgba(14, 23, 32, 0.6)"
427
+ },
428
+ "focus": {
429
+ "ring": "#35B2AA"
430
+ }
431
+ },
432
+ "theme": {
433
+ "colorScheme": "light"
434
+ },
435
+ "font": {
436
+ "family": {
437
+ "heading": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
438
+ "body": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
439
+ "code": "\"JetBrains Mono\", \"SFMono-Regular\", Menlo, monospace"
440
+ }
441
+ },
442
+ "typography": {
443
+ "display": {
444
+ "fontFamily": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
445
+ "fontSize": "48px",
446
+ "lineHeight": "60px",
447
+ "fontWeight": "700",
448
+ "letterSpacing": "-0.3px"
449
+ },
450
+ "h1": {
451
+ "fontFamily": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
452
+ "fontSize": "40px",
453
+ "lineHeight": "52px",
454
+ "fontWeight": "700",
455
+ "letterSpacing": "-0.3px"
456
+ },
457
+ "h2": {
458
+ "fontFamily": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
459
+ "fontSize": "32px",
460
+ "lineHeight": "44px",
461
+ "fontWeight": "600",
462
+ "letterSpacing": "0px"
463
+ },
464
+ "h3": {
465
+ "fontFamily": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
466
+ "fontSize": "28px",
467
+ "lineHeight": "40px",
468
+ "fontWeight": "600",
469
+ "letterSpacing": "0px"
470
+ },
471
+ "h4": {
472
+ "fontFamily": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
473
+ "fontSize": "24px",
474
+ "lineHeight": "36px",
475
+ "fontWeight": "600",
476
+ "letterSpacing": "0px"
477
+ },
478
+ "body": {
479
+ "fontFamily": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
480
+ "fontSize": "16px",
481
+ "lineHeight": "24px",
482
+ "fontWeight": "400",
483
+ "letterSpacing": "0px"
484
+ },
485
+ "bodySm": {
486
+ "fontFamily": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
487
+ "fontSize": "14px",
488
+ "lineHeight": "20px",
489
+ "fontWeight": "400",
490
+ "letterSpacing": "0px"
491
+ },
492
+ "label": {
493
+ "fontFamily": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
494
+ "fontSize": "14px",
495
+ "lineHeight": "20px",
496
+ "fontWeight": "600",
497
+ "letterSpacing": "0.3px"
498
+ },
499
+ "caption": {
500
+ "fontFamily": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
501
+ "fontSize": "12px",
502
+ "lineHeight": "16px",
503
+ "fontWeight": "400",
504
+ "letterSpacing": "0px"
505
+ }
506
+ },
507
+ "radius": {
508
+ "control": "8px",
509
+ "card": "12px",
510
+ "modal": "16px",
511
+ "pill": "999px"
512
+ },
513
+ "shadow": {
514
+ "card": "0 2px 6px rgba(10, 25, 41, 0.10)",
515
+ "dropdown": "0 8px 20px rgba(10, 25, 41, 0.12)",
516
+ "modal": "0 16px 36px rgba(10, 25, 41, 0.14)"
517
+ }
518
+ },
519
+ "dark": {
520
+ "color": {
521
+ "brand": {
522
+ "primary": "#4D97AF",
523
+ "primaryHover": "#78B1C4",
524
+ "primaryActive": "#2E7E96",
525
+ "accent": "#35B2AA",
526
+ "accentHover": "#63C7C1",
527
+ "accentActive": "#1C9891"
528
+ },
529
+ "text": {
530
+ "primary": "#FFFFFF",
531
+ "secondary": "#D3DDE7",
532
+ "muted": "#8EA3B8",
533
+ "inverse": "#FFFFFF"
534
+ },
535
+ "background": {
536
+ "canvas": "#0E1720",
537
+ "surface": "#263747",
538
+ "elevated": "#364C5F",
539
+ "muted": "#172533"
540
+ },
541
+ "border": {
542
+ "subtle": "#364C5F",
543
+ "default": "#4E667B",
544
+ "strong": "#6B8399"
545
+ },
546
+ "state": {
547
+ "info": "#78B1C4",
548
+ "success": "#70CBA3",
549
+ "warning": "#FFB74D",
550
+ "danger": "#EB7575"
551
+ },
552
+ "stateSurface": {
553
+ "info": "#0B2631",
554
+ "success": "#0C2E22",
555
+ "warning": "#3D2300",
556
+ "danger": "#361010"
557
+ },
558
+ "stateBorder": {
559
+ "info": "#174C5D",
560
+ "success": "#1B6145",
561
+ "warning": "#8A4D00",
562
+ "danger": "#7C1F1F"
563
+ },
564
+ "stateText": {
565
+ "info": "#A5CBD8",
566
+ "success": "#9EDCC0",
567
+ "warning": "#FFD180",
568
+ "danger": "#F3A3A3"
569
+ },
570
+ "overlay": {
571
+ "scrim": "rgba(8, 14, 20, 0.7)"
572
+ },
573
+ "focus": {
574
+ "ring": "#63C7C1"
575
+ }
576
+ },
577
+ "theme": {
578
+ "colorScheme": "dark"
579
+ },
580
+ "font": {
581
+ "family": {
582
+ "heading": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
583
+ "body": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
584
+ "code": "\"JetBrains Mono\", \"SFMono-Regular\", Menlo, monospace"
585
+ }
586
+ },
587
+ "typography": {
588
+ "display": {
589
+ "fontFamily": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
590
+ "fontSize": "48px",
591
+ "lineHeight": "60px",
592
+ "fontWeight": "700",
593
+ "letterSpacing": "-0.3px"
594
+ },
595
+ "h1": {
596
+ "fontFamily": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
597
+ "fontSize": "40px",
598
+ "lineHeight": "52px",
599
+ "fontWeight": "700",
600
+ "letterSpacing": "-0.3px"
601
+ },
602
+ "h2": {
603
+ "fontFamily": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
604
+ "fontSize": "32px",
605
+ "lineHeight": "44px",
606
+ "fontWeight": "600",
607
+ "letterSpacing": "0px"
608
+ },
609
+ "h3": {
610
+ "fontFamily": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
611
+ "fontSize": "28px",
612
+ "lineHeight": "40px",
613
+ "fontWeight": "600",
614
+ "letterSpacing": "0px"
615
+ },
616
+ "h4": {
617
+ "fontFamily": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
618
+ "fontSize": "24px",
619
+ "lineHeight": "36px",
620
+ "fontWeight": "600",
621
+ "letterSpacing": "0px"
622
+ },
623
+ "body": {
624
+ "fontFamily": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
625
+ "fontSize": "16px",
626
+ "lineHeight": "24px",
627
+ "fontWeight": "400",
628
+ "letterSpacing": "0px"
629
+ },
630
+ "bodySm": {
631
+ "fontFamily": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
632
+ "fontSize": "14px",
633
+ "lineHeight": "20px",
634
+ "fontWeight": "400",
635
+ "letterSpacing": "0px"
636
+ },
637
+ "label": {
638
+ "fontFamily": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
639
+ "fontSize": "14px",
640
+ "lineHeight": "20px",
641
+ "fontWeight": "600",
642
+ "letterSpacing": "0.3px"
643
+ },
644
+ "caption": {
645
+ "fontFamily": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
646
+ "fontSize": "12px",
647
+ "lineHeight": "16px",
648
+ "fontWeight": "400",
649
+ "letterSpacing": "0px"
650
+ }
651
+ },
652
+ "radius": {
653
+ "control": "8px",
654
+ "card": "12px",
655
+ "modal": "16px",
656
+ "pill": "999px"
657
+ },
658
+ "shadow": {
659
+ "card": "0 2px 6px rgba(10, 25, 41, 0.10)",
660
+ "dropdown": "0 8px 20px rgba(10, 25, 41, 0.12)",
661
+ "modal": "0 16px 36px rgba(10, 25, 41, 0.14)"
662
+ }
663
+ },
664
+ "highContrast": {
665
+ "color": {
666
+ "brand": {
667
+ "primary": "#103745",
668
+ "primaryHover": "#0B2631",
669
+ "primaryActive": "#174C5D",
670
+ "accent": "#115F5C",
671
+ "accentHover": "#0D4744",
672
+ "accentActive": "#167B76"
673
+ },
674
+ "text": {
675
+ "primary": "#0E1720",
676
+ "secondary": "#263747",
677
+ "muted": "#364C5F",
678
+ "inverse": "#FFFFFF"
679
+ },
680
+ "background": {
681
+ "canvas": "#FFFFFF",
682
+ "surface": "#FFFFFF",
683
+ "elevated": "#FFFFFF",
684
+ "muted": "#F5F7FA"
685
+ },
686
+ "border": {
687
+ "subtle": "#8EA3B8",
688
+ "default": "#364C5F",
689
+ "strong": "#0E1720"
690
+ },
691
+ "state": {
692
+ "info": "#103745",
693
+ "success": "#1B6145",
694
+ "warning": "#8A4D00",
695
+ "danger": "#7C1F1F"
696
+ },
697
+ "stateSurface": {
698
+ "info": "#CFE5EC",
699
+ "success": "#C7EAD9",
700
+ "warning": "#FFE8BF",
701
+ "danger": "#F8CACA"
702
+ },
703
+ "stateBorder": {
704
+ "info": "#174C5D",
705
+ "success": "#1B6145",
706
+ "warning": "#8A4D00",
707
+ "danger": "#7C1F1F"
708
+ },
709
+ "stateText": {
710
+ "info": "#103745",
711
+ "success": "#134533",
712
+ "warning": "#5E3500",
713
+ "danger": "#561717"
714
+ },
715
+ "overlay": {
716
+ "scrim": "rgba(14, 23, 32, 0.7)"
717
+ },
718
+ "focus": {
719
+ "ring": "#FF9E1A"
720
+ }
721
+ },
722
+ "theme": {
723
+ "colorScheme": "light"
724
+ },
725
+ "font": {
726
+ "family": {
727
+ "heading": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
728
+ "body": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
729
+ "code": "\"JetBrains Mono\", \"SFMono-Regular\", Menlo, monospace"
730
+ }
731
+ },
732
+ "typography": {
733
+ "display": {
734
+ "fontFamily": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
735
+ "fontSize": "48px",
736
+ "lineHeight": "60px",
737
+ "fontWeight": "700",
738
+ "letterSpacing": "-0.3px"
739
+ },
740
+ "h1": {
741
+ "fontFamily": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
742
+ "fontSize": "40px",
743
+ "lineHeight": "52px",
744
+ "fontWeight": "700",
745
+ "letterSpacing": "-0.3px"
746
+ },
747
+ "h2": {
748
+ "fontFamily": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
749
+ "fontSize": "32px",
750
+ "lineHeight": "44px",
751
+ "fontWeight": "600",
752
+ "letterSpacing": "0px"
753
+ },
754
+ "h3": {
755
+ "fontFamily": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
756
+ "fontSize": "28px",
757
+ "lineHeight": "40px",
758
+ "fontWeight": "600",
759
+ "letterSpacing": "0px"
760
+ },
761
+ "h4": {
762
+ "fontFamily": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
763
+ "fontSize": "24px",
764
+ "lineHeight": "36px",
765
+ "fontWeight": "600",
766
+ "letterSpacing": "0px"
767
+ },
768
+ "body": {
769
+ "fontFamily": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
770
+ "fontSize": "16px",
771
+ "lineHeight": "24px",
772
+ "fontWeight": "400",
773
+ "letterSpacing": "0px"
774
+ },
775
+ "bodySm": {
776
+ "fontFamily": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
777
+ "fontSize": "14px",
778
+ "lineHeight": "20px",
779
+ "fontWeight": "400",
780
+ "letterSpacing": "0px"
781
+ },
782
+ "label": {
783
+ "fontFamily": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
784
+ "fontSize": "14px",
785
+ "lineHeight": "20px",
786
+ "fontWeight": "600",
787
+ "letterSpacing": "0.3px"
788
+ },
789
+ "caption": {
790
+ "fontFamily": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
791
+ "fontSize": "12px",
792
+ "lineHeight": "16px",
793
+ "fontWeight": "400",
794
+ "letterSpacing": "0px"
795
+ }
796
+ },
797
+ "radius": {
798
+ "control": "8px",
799
+ "card": "12px",
800
+ "modal": "16px",
801
+ "pill": "999px"
802
+ },
803
+ "shadow": {
804
+ "card": "0 2px 6px rgba(10, 25, 41, 0.10)",
805
+ "dropdown": "0 8px 20px rgba(10, 25, 41, 0.12)",
806
+ "modal": "0 16px 36px rgba(10, 25, 41, 0.14)"
807
+ }
808
+ }
809
+ }
810
+ }