@rijkshuisstijl-community/design-tokens 1.0.0-alpha.24 → 1.0.0-alpha.26

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 (45) hide show
  1. package/dist/_variables.scss +1055 -302
  2. package/dist/index.css +1055 -302
  3. package/dist/index.d.ts +1029 -277
  4. package/dist/index.js +1055 -302
  5. package/dist/index.json +1054 -301
  6. package/dist/index.tokens.json +1536 -633
  7. package/dist/root.css +1055 -302
  8. package/dist/tokens.d.ts +1457 -553
  9. package/dist/tokens.js +23041 -4780
  10. package/dist/variables.less +1055 -302
  11. package/figma/figma.tokens.json +6350 -0
  12. package/package.json +13 -10
  13. package/src/common/utrecht/focus.tokens.json +2 -2
  14. package/src/generated/figma.tokens.json +4951 -0
  15. package/token-transformer.mjs +49 -0
  16. package/src/brand/rhc/color.tokens.json +0 -103
  17. package/src/brand/rhc/font.tokens.json +0 -34
  18. package/src/components/basiselementen/document.tokens.json +0 -15
  19. package/src/components/rvo/button.tokens.json +0 -33
  20. package/src/components/rvo/checkbox.tokens.json +0 -32
  21. package/src/components/rvo/custom-radio-button.tokens.json +0 -24
  22. package/src/components/rvo/heading.tokens.json +0 -24
  23. package/src/components/rvo/logo.tokens.json +0 -13
  24. package/src/components/rvo/select.tokens.json +0 -15
  25. package/src/components/utrecht/breadcrumbs.tokens.json +0 -66
  26. package/src/components/utrecht/button.tokens.json +0 -120
  27. package/src/components/utrecht/custom-radio-button.tokens.json +0 -53
  28. package/src/components/utrecht/data-list.tokens.json +0 -91
  29. package/src/components/utrecht/document.tokens.json +0 -12
  30. package/src/components/utrecht/form-control.tokens.json +0 -31
  31. package/src/components/utrecht/form-field-error-message.tokens.json +0 -17
  32. package/src/components/utrecht/form-field.tokens.json +0 -21
  33. package/src/components/utrecht/form-fieldset.tokens.json +0 -27
  34. package/src/components/utrecht/form-input.tokens.json +0 -42
  35. package/src/components/utrecht/form-label.tokens.json +0 -23
  36. package/src/components/utrecht/heading-1.tokens.json +0 -13
  37. package/src/components/utrecht/heading-2.tokens.json +0 -13
  38. package/src/components/utrecht/heading-3.tokens.json +0 -13
  39. package/src/components/utrecht/heading-4.tokens.json +0 -13
  40. package/src/components/utrecht/heading-5.tokens.json +0 -13
  41. package/src/components/utrecht/heading-6.tokens.json +0 -13
  42. package/src/components/utrecht/link.tokens.json +0 -44
  43. package/src/components/utrecht/ordered-list.tokens.json +0 -19
  44. package/src/components/utrecht/paragraph.tokens.json +0 -23
  45. package/src/components/utrecht/unordered-list.tokens.json +0 -31
package/src/generated/figma.tokens.json ADDED
@@ -0,0 +1,4951 @@
1
+ {
2
+ "utrecht": {
3
+ "icon": {
4
+ "color": {
5
+ "value": "inherit",
6
+ "type": "color"
7
+ },
8
+ "size": {
9
+ "value": "24px",
10
+ "type": "sizing"
11
+ },
12
+ "inset-block-start": {
13
+ "value": 0,
14
+ "type": "spacing"
15
+ }
16
+ },
17
+ "unordered-list": {
18
+ "padding-inline-start": {
19
+ "value": "1.5rem",
20
+ "type": "spacing"
21
+ },
22
+ "margin-block-end": {
23
+ "value": "0.25rem",
24
+ "type": "spacing"
25
+ },
26
+ "margin-block-start": {
27
+ "value": "0.25rem",
28
+ "type": "spacing"
29
+ },
30
+ "color": {
31
+ "value": "#154273",
32
+ "type": "color"
33
+ },
34
+ "font-family": {
35
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
36
+ "type": "fontFamilies"
37
+ },
38
+ "font-weight": {
39
+ "value": 400,
40
+ "type": "fontWeights"
41
+ },
42
+ "font-size": {
43
+ "value": "1.25rem",
44
+ "type": "fontSizes"
45
+ },
46
+ "line-height": {
47
+ "value": "150%",
48
+ "type": "lineHeights"
49
+ },
50
+ "item": {
51
+ "padding-inline-start": {
52
+ "value": "0.5rem",
53
+ "type": "spacing"
54
+ },
55
+ "margin-block-end": {
56
+ "value": "0.25rem",
57
+ "type": "spacing"
58
+ },
59
+ "margin-block-start": {
60
+ "value": "0.25rem",
61
+ "type": "spacing"
62
+ }
63
+ },
64
+ "marker": {
65
+ "color": {
66
+ "value": "#154273",
67
+ "type": "color"
68
+ },
69
+ "border-color": {
70
+ "value": "#154273",
71
+ "type": "color"
72
+ }
73
+ }
74
+ },
75
+ "textbox": {
76
+ "border-radius": {
77
+ "value": "2.5px",
78
+ "type": "borderRadius"
79
+ },
80
+ "font-family": {
81
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
82
+ "type": "fontFamilies"
83
+ },
84
+ "font-size": {
85
+ "value": "1.25rem",
86
+ "type": "fontSizes"
87
+ },
88
+ "font-weight": {
89
+ "value": 400,
90
+ "type": "fontWeights"
91
+ },
92
+ "line-height": {
93
+ "value": "150%",
94
+ "type": "lineHeights"
95
+ },
96
+ "max-inline-size": {
97
+ "value": "400px",
98
+ "type": "sizing"
99
+ },
100
+ "padding-block-end": {
101
+ "value": "0.5rem",
102
+ "type": "spacing"
103
+ },
104
+ "padding-block-start": {
105
+ "value": "0.5rem",
106
+ "type": "spacing"
107
+ },
108
+ "padding-inline-end": {
109
+ "value": "0.75rem",
110
+ "type": "spacing"
111
+ },
112
+ "padding-inline-start": {
113
+ "value": "0.75rem",
114
+ "type": "spacing"
115
+ },
116
+ "background-color": {
117
+ "value": "#fff",
118
+ "type": "color"
119
+ },
120
+ "border-color": {
121
+ "value": "#154273",
122
+ "type": "color"
123
+ },
124
+ "color": {
125
+ "value": "#154273",
126
+ "type": "color"
127
+ },
128
+ "invalid": {
129
+ "background-color": {
130
+ "value": "#f9dfdd",
131
+ "type": "color"
132
+ },
133
+ "border-color": {
134
+ "value": "#d52b1e",
135
+ "type": "color"
136
+ },
137
+ "color": {
138
+ "value": "#154273",
139
+ "type": "color"
140
+ },
141
+ "border-width": {
142
+ "value": "1px",
143
+ "type": "borderWidth"
144
+ }
145
+ },
146
+ "placeholder": {
147
+ "color": {
148
+ "value": "#64748B",
149
+ "type": "color"
150
+ }
151
+ },
152
+ "border-block-end-width": {
153
+ "value": "auto",
154
+ "type": "borderWidth"
155
+ },
156
+ "border-width": {
157
+ "value": "1px",
158
+ "type": "borderWidth"
159
+ },
160
+ "focus": {
161
+ "border-width": {
162
+ "value": "2px",
163
+ "type": "borderWidth"
164
+ },
165
+ "background-color": {
166
+ "value": "#fff",
167
+ "type": "color"
168
+ },
169
+ "border-color": {
170
+ "value": "#154273",
171
+ "type": "color"
172
+ },
173
+ "color": {
174
+ "value": "#154273",
175
+ "type": "color"
176
+ }
177
+ },
178
+ "disabled": {
179
+ "background-color": {
180
+ "value": "#CBD5E1",
181
+ "type": "color"
182
+ },
183
+ "border-color": {
184
+ "value": "#94A3B8",
185
+ "type": "color"
186
+ },
187
+ "color": {
188
+ "value": "#475569",
189
+ "type": "color"
190
+ }
191
+ },
192
+ "read-only": {
193
+ "background-color": {
194
+ "value": "#F1F5F9",
195
+ "type": "color"
196
+ },
197
+ "border-color": {
198
+ "value": "transparent",
199
+ "type": "color"
200
+ },
201
+ "color": {
202
+ "value": "#154273",
203
+ "type": "color"
204
+ }
205
+ },
206
+ "hover": {
207
+ "border-width": {
208
+ "value": "1px",
209
+ "type": "borderWidth"
210
+ },
211
+ "background-color": {
212
+ "value": "#fff",
213
+ "type": "color"
214
+ },
215
+ "border-color": {
216
+ "value": "#738eab",
217
+ "type": "color"
218
+ },
219
+ "color": {
220
+ "value": "#154273",
221
+ "type": "color"
222
+ }
223
+ }
224
+ },
225
+ "textarea": {
226
+ "max-inline-size": {
227
+ "value": "400px",
228
+ "type": "sizing"
229
+ },
230
+ "padding-block-end": {
231
+ "value": "0.5rem",
232
+ "type": "spacing"
233
+ },
234
+ "padding-block-start": {
235
+ "value": "0.5rem",
236
+ "type": "spacing"
237
+ },
238
+ "padding-inline-end": {
239
+ "value": "0.75rem",
240
+ "type": "spacing"
241
+ },
242
+ "padding-inline-start": {
243
+ "value": "0.75rem",
244
+ "type": "spacing"
245
+ },
246
+ "background-color": {
247
+ "value": "#fff",
248
+ "type": "color"
249
+ },
250
+ "border-color": {
251
+ "value": "#154273",
252
+ "type": "color"
253
+ },
254
+ "color": {
255
+ "value": "#154273",
256
+ "type": "color"
257
+ },
258
+ "invalid": {
259
+ "background-color": {
260
+ "value": "#f9dfdd",
261
+ "type": "color"
262
+ },
263
+ "border-color": {
264
+ "value": "#d52b1e",
265
+ "type": "color"
266
+ },
267
+ "color": {
268
+ "value": "#154273",
269
+ "type": "color"
270
+ },
271
+ "border-width": {
272
+ "value": "1px",
273
+ "type": "borderWidth"
274
+ }
275
+ },
276
+ "placeholder": {
277
+ "color": {
278
+ "value": "#64748B",
279
+ "type": "color"
280
+ }
281
+ },
282
+ "focus": {
283
+ "background-color": {
284
+ "value": "#fff",
285
+ "type": "color"
286
+ },
287
+ "border-color": {
288
+ "value": "#154273",
289
+ "type": "color"
290
+ },
291
+ "color": {
292
+ "value": "#154273",
293
+ "type": "color"
294
+ },
295
+ "border-width": {
296
+ "value": "2px",
297
+ "type": "borderWidth"
298
+ }
299
+ },
300
+ "disabled": {
301
+ "background-color": {
302
+ "value": "#CBD5E1",
303
+ "type": "color"
304
+ },
305
+ "border-color": {
306
+ "value": "#94A3B8",
307
+ "type": "color"
308
+ },
309
+ "color": {
310
+ "value": "#475569",
311
+ "type": "color"
312
+ }
313
+ },
314
+ "read-only": {
315
+ "background-color": {
316
+ "value": "#F1F5F9",
317
+ "type": "color"
318
+ },
319
+ "border-color": {
320
+ "value": "transparent",
321
+ "type": "color"
322
+ },
323
+ "color": {
324
+ "value": "#154273",
325
+ "type": "color"
326
+ }
327
+ },
328
+ "hover": {
329
+ "background-color": {
330
+ "value": "#fff",
331
+ "type": "color"
332
+ },
333
+ "border-color": {
334
+ "value": "#738eab",
335
+ "type": "color"
336
+ },
337
+ "color": {
338
+ "value": "#154273",
339
+ "type": "color"
340
+ },
341
+ "border-width": {
342
+ "value": "1px",
343
+ "type": "borderWidth"
344
+ }
345
+ },
346
+ "border-radius": {
347
+ "value": "2.5px",
348
+ "type": "borderRadius"
349
+ },
350
+ "border-bottom-width": {
351
+ "value": "1px",
352
+ "type": "borderWidth"
353
+ },
354
+ "border-width": {
355
+ "value": "1px",
356
+ "type": "borderWidth"
357
+ },
358
+ "font-family": {
359
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
360
+ "type": "fontFamilies"
361
+ },
362
+ "font-weight": {
363
+ "value": 400,
364
+ "type": "fontWeights"
365
+ },
366
+ "line-height": {
367
+ "value": "150%",
368
+ "type": "lineHeights"
369
+ },
370
+ "font-size": {
371
+ "value": "1.25rem",
372
+ "type": "fontSizes"
373
+ }
374
+ },
375
+ "table": {
376
+ "header-cell": {
377
+ "line-height": {
378
+ "value": "150%",
379
+ "type": "lineHeights"
380
+ },
381
+ "color": {
382
+ "value": "#154273",
383
+ "type": "color"
384
+ },
385
+ "font-family": {
386
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
387
+ "type": "fontFamilies"
388
+ },
389
+ "font-weight": {
390
+ "value": 700,
391
+ "type": "fontWeights"
392
+ },
393
+ "font-size": {
394
+ "value": "1.25rem",
395
+ "type": "fontSizes"
396
+ }
397
+ },
398
+ "caption": {
399
+ "line-height": {
400
+ "value": "125%",
401
+ "type": "lineHeights"
402
+ },
403
+ "margin-block-end": {
404
+ "value": "1.5rem",
405
+ "type": "spacing"
406
+ },
407
+ "color": {
408
+ "value": "#154273",
409
+ "type": "color"
410
+ },
411
+ "font-family": {
412
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
413
+ "type": "fontFamilies"
414
+ },
415
+ "font-weight": {
416
+ "value": 700,
417
+ "type": "fontWeights"
418
+ },
419
+ "font-size": {
420
+ "value": "1.875rem",
421
+ "type": "fontSizes"
422
+ }
423
+ },
424
+ "cell": {
425
+ "padding-block-end": {
426
+ "value": "0.75rem",
427
+ "type": "spacing"
428
+ },
429
+ "padding-block-start": {
430
+ "value": "0.75rem",
431
+ "type": "spacing"
432
+ },
433
+ "padding-inline-end": {
434
+ "value": "1rem",
435
+ "type": "spacing"
436
+ },
437
+ "padding-inline-start": {
438
+ "value": "1rem",
439
+ "type": "spacing"
440
+ }
441
+ },
442
+ "data-cell": {
443
+ "color": {
444
+ "value": "#154273",
445
+ "type": "color"
446
+ },
447
+ "font-family": {
448
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
449
+ "type": "fontFamilies"
450
+ },
451
+ "font-weight": {
452
+ "value": 400,
453
+ "type": "fontWeights"
454
+ },
455
+ "line-height": {
456
+ "value": "150%",
457
+ "type": "lineHeights"
458
+ },
459
+ "font-size": {
460
+ "value": "1.25rem",
461
+ "type": "fontSizes"
462
+ }
463
+ },
464
+ "header": {
465
+ "border-block-end-width": {
466
+ "value": "2px",
467
+ "type": "borderWidth"
468
+ },
469
+ "border-block-end-color": {
470
+ "value": "#CBD5E1",
471
+ "type": "color"
472
+ },
473
+ "background-color": {
474
+ "value": "transparent",
475
+ "type": "color"
476
+ }
477
+ },
478
+ "footer": {
479
+ "border-block-end-width": {
480
+ "value": "1px",
481
+ "type": "borderWidth"
482
+ },
483
+ "border-block-end-color": {
484
+ "value": "#CBD5E1",
485
+ "type": "color"
486
+ },
487
+ "background-color": {
488
+ "value": "transparent",
489
+ "type": "color"
490
+ }
491
+ },
492
+ "row": {
493
+ "border-block-end-width": {
494
+ "value": "1px",
495
+ "type": "borderWidth"
496
+ },
497
+ "border-block-end-color": {
498
+ "value": "#CBD5E1",
499
+ "type": "color"
500
+ },
501
+ "background-color": {
502
+ "value": "transparent",
503
+ "type": "color"
504
+ }
505
+ },
506
+ "footer-cell": {
507
+ "font-weight": {
508
+ "value": 700,
509
+ "type": "fontWeights"
510
+ },
511
+ "font-size": {
512
+ "value": "1.25rem",
513
+ "type": "fontSizes"
514
+ },
515
+ "color": {
516
+ "value": "#154273",
517
+ "type": "color"
518
+ },
519
+ "font-family": {
520
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
521
+ "type": "fontFamilies"
522
+ },
523
+ "line-height": {
524
+ "value": "150%",
525
+ "type": "lineHeights"
526
+ }
527
+ },
528
+ "container": {
529
+ "box-inline-end-shadow": {
530
+ "x": {
531
+ "value": 0,
532
+ "type": "other"
533
+ },
534
+ "y": {
535
+ "value": "16px",
536
+ "type": "other"
537
+ },
538
+ "blur": {
539
+ "value": "48px",
540
+ "type": "other"
541
+ },
542
+ "spread": {
543
+ "value": 0,
544
+ "type": "other"
545
+ },
546
+ "color": {
547
+ "value": "#0000001a",
548
+ "type": "color"
549
+ }
550
+ },
551
+ "box-inline-start-shadow": {
552
+ "x": {
553
+ "value": 0,
554
+ "type": "other"
555
+ },
556
+ "y": {
557
+ "value": "16px",
558
+ "type": "other"
559
+ },
560
+ "blur": {
561
+ "value": "48px",
562
+ "type": "other"
563
+ },
564
+ "spread": {
565
+ "value": 0,
566
+ "type": "other"
567
+ },
568
+ "color": {
569
+ "value": "#0000001a",
570
+ "type": "color"
571
+ }
572
+ }
573
+ }
574
+ },
575
+ "skip-link": {
576
+ "font-weight": {
577
+ "value": 700,
578
+ "type": "fontWeights"
579
+ },
580
+ "font-family": {
581
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
582
+ "type": "fontFamilies"
583
+ },
584
+ "font-size": {
585
+ "value": "1.25rem",
586
+ "type": "fontSizes"
587
+ },
588
+ "line-height": {
589
+ "value": "150%",
590
+ "type": "lineHeights"
591
+ },
592
+ "min-block-size": {
593
+ "value": "48px",
594
+ "type": "sizing"
595
+ },
596
+ "min-inline-size": {
597
+ "value": "48px",
598
+ "type": "sizing"
599
+ },
600
+ "padding-block-end": {
601
+ "value": "0.75rem",
602
+ "type": "spacing"
603
+ },
604
+ "padding-block-start": {
605
+ "value": "0.75rem",
606
+ "type": "spacing"
607
+ },
608
+ "padding-inline-end": {
609
+ "value": "1rem",
610
+ "type": "spacing"
611
+ },
612
+ "padding-inline-start": {
613
+ "value": "1rem",
614
+ "type": "spacing"
615
+ },
616
+ "focus": {
617
+ "background-color": {
618
+ "value": "#fff",
619
+ "type": "color"
620
+ },
621
+ "border-color": {
622
+ "value": "#154273",
623
+ "type": "color"
624
+ },
625
+ "border-style": {
626
+ "value": "solid",
627
+ "type": "borderStyle"
628
+ },
629
+ "border-width": {
630
+ "value": "2px",
631
+ "type": "borderWidth"
632
+ },
633
+ "color": {
634
+ "value": "#154273",
635
+ "type": "color"
636
+ },
637
+ "text-decoration": {
638
+ "value": "None",
639
+ "type": "textDecoration"
640
+ }
641
+ },
642
+ "focus-visible": {
643
+ "outline-color": {
644
+ "value": "#000",
645
+ "type": "color"
646
+ }
647
+ },
648
+ "background-color": {
649
+ "value": "#154273",
650
+ "type": "color"
651
+ },
652
+ "border-color": {
653
+ "value": "transparent",
654
+ "type": "color"
655
+ },
656
+ "color": {
657
+ "value": "#fff",
658
+ "type": "color"
659
+ },
660
+ "border-width": {
661
+ "value": "2px",
662
+ "type": "borderWidth"
663
+ },
664
+ "box-block-end-shadow": {
665
+ "offset-x": {
666
+ "value": 0,
667
+ "type": "other"
668
+ },
669
+ "offset-y": {
670
+ "value": "16px",
671
+ "type": "other"
672
+ },
673
+ "blur-radius": {
674
+ "value": "48px",
675
+ "type": "other"
676
+ },
677
+ "spread-radius": {
678
+ "value": 0,
679
+ "type": "other"
680
+ },
681
+ "color": {
682
+ "value": "#0000001a",
683
+ "type": "color"
684
+ }
685
+ },
686
+ "text-decoration": {
687
+ "value": "underline",
688
+ "type": "textDecoration"
689
+ },
690
+ "text-underline-offset": {
691
+ "value": "0.125rem",
692
+ "type": "other"
693
+ }
694
+ },
695
+ "separator": {
696
+ "color": {
697
+ "value": "#CBD5E1",
698
+ "type": "color"
699
+ },
700
+ "block-size": {
701
+ "value": "2px",
702
+ "type": "sizing"
703
+ },
704
+ "margin-block-end": {
705
+ "value": "0.75rem",
706
+ "type": "spacing"
707
+ },
708
+ "margin-block-start": {
709
+ "value": "0.75rem",
710
+ "type": "spacing"
711
+ }
712
+ },
713
+ "select": {
714
+ "image-background-position": {
715
+ "value": "right 0.5rem center",
716
+ "type": "other"
717
+ },
718
+ "icon": {
719
+ "size": {
720
+ "value": "24px",
721
+ "type": "sizing"
722
+ }
723
+ },
724
+ "background-color": {
725
+ "value": "#fff",
726
+ "type": "color"
727
+ },
728
+ "border-color": {
729
+ "value": "#154273",
730
+ "type": "color"
731
+ },
732
+ "color": {
733
+ "value": "#154273",
734
+ "type": "color"
735
+ },
736
+ "invalid": {
737
+ "background-color": {
738
+ "value": "#f9dfdd",
739
+ "type": "color"
740
+ },
741
+ "border-color": {
742
+ "value": "#d52b1e",
743
+ "type": "color"
744
+ },
745
+ "color": {
746
+ "value": "#154273",
747
+ "type": "color"
748
+ },
749
+ "border-width": {
750
+ "value": "1px",
751
+ "type": "borderWidth"
752
+ }
753
+ },
754
+ "focus": {
755
+ "background-color": {
756
+ "value": "#fff",
757
+ "type": "color"
758
+ },
759
+ "border-color": {
760
+ "value": "#154273",
761
+ "type": "color"
762
+ },
763
+ "color": {
764
+ "value": "#154273",
765
+ "type": "color"
766
+ },
767
+ "border-width": {
768
+ "value": "2px",
769
+ "type": "borderWidth"
770
+ }
771
+ },
772
+ "disabled": {
773
+ "background-color": {
774
+ "value": "#CBD5E1",
775
+ "type": "color"
776
+ },
777
+ "border-color": {
778
+ "value": "#94A3B8",
779
+ "type": "color"
780
+ },
781
+ "color": {
782
+ "value": "#475569",
783
+ "type": "color"
784
+ }
785
+ },
786
+ "hover": {
787
+ "background-color": {
788
+ "value": "#fff",
789
+ "type": "color"
790
+ },
791
+ "border-color": {
792
+ "value": "#738eab",
793
+ "type": "color"
794
+ },
795
+ "color": {
796
+ "value": "#154273",
797
+ "type": "color"
798
+ },
799
+ "border-width": {
800
+ "value": "1px",
801
+ "type": "borderWidth"
802
+ }
803
+ },
804
+ "padding-block-end": {
805
+ "value": "0.5rem",
806
+ "type": "spacing"
807
+ },
808
+ "padding-block-start": {
809
+ "value": "0.5rem",
810
+ "type": "spacing"
811
+ },
812
+ "padding-inline-end": {
813
+ "value": "0.75rem",
814
+ "type": "spacing"
815
+ },
816
+ "padding-inline-start": {
817
+ "value": "0.75rem",
818
+ "type": "spacing"
819
+ },
820
+ "border-radius": {
821
+ "value": "2.5px",
822
+ "type": "borderRadius"
823
+ },
824
+ "border-bottom-width": {
825
+ "value": "auto",
826
+ "type": "borderWidth"
827
+ },
828
+ "border-width": {
829
+ "value": "1px",
830
+ "type": "borderWidth"
831
+ },
832
+ "font-family": {
833
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
834
+ "type": "fontFamilies"
835
+ },
836
+ "font-weight": {
837
+ "value": 400,
838
+ "type": "fontWeights"
839
+ },
840
+ "line-height": {
841
+ "value": "150%",
842
+ "type": "lineHeights"
843
+ },
844
+ "font-size": {
845
+ "value": "1.25rem",
846
+ "type": "fontSizes"
847
+ },
848
+ "max-inline-size": {
849
+ "value": "400px",
850
+ "type": "sizing"
851
+ }
852
+ },
853
+ "radio-button": {
854
+ "active": {
855
+ "border-width": {
856
+ "value": "1px",
857
+ "type": "borderWidth"
858
+ },
859
+ "background-color": {
860
+ "value": "#fff",
861
+ "type": "color"
862
+ },
863
+ "border-color": {
864
+ "value": "#4f7196",
865
+ "type": "color"
866
+ }
867
+ },
868
+ "size": {
869
+ "value": "24px",
870
+ "type": "sizing"
871
+ },
872
+ "dot": {
873
+ "size": {
874
+ "value": "12px",
875
+ "type": "sizing"
876
+ }
877
+ },
878
+ "background-color": {
879
+ "value": "#fff",
880
+ "type": "color"
881
+ },
882
+ "border-color": {
883
+ "value": "#154273",
884
+ "type": "color"
885
+ },
886
+ "invalid": {
887
+ "background-color": {
888
+ "value": "#f9dfdd",
889
+ "type": "color"
890
+ },
891
+ "border-color": {
892
+ "value": "#d52b1e",
893
+ "type": "color"
894
+ },
895
+ "border-width": {
896
+ "value": "1px",
897
+ "type": "borderWidth"
898
+ }
899
+ },
900
+ "focus": {
901
+ "background-color": {
902
+ "value": "#fff",
903
+ "type": "color"
904
+ },
905
+ "border-color": {
906
+ "value": "#154273",
907
+ "type": "color"
908
+ },
909
+ "border-width": {
910
+ "value": "2px",
911
+ "type": "borderWidth"
912
+ }
913
+ },
914
+ "disabled": {
915
+ "background-color": {
916
+ "value": "#CBD5E1",
917
+ "type": "color"
918
+ },
919
+ "border-color": {
920
+ "value": "#94A3B8",
921
+ "type": "color"
922
+ },
923
+ "color": {
924
+ "value": "#475569",
925
+ "type": "color"
926
+ }
927
+ },
928
+ "checked": {
929
+ "background-color": {
930
+ "value": "#154273",
931
+ "type": "color"
932
+ },
933
+ "border-color": {
934
+ "value": "transparent",
935
+ "type": "color"
936
+ },
937
+ "color": {
938
+ "value": "#fff",
939
+ "type": "color"
940
+ },
941
+ "hover": {
942
+ "background-color": {
943
+ "value": "#738eab",
944
+ "type": "color"
945
+ },
946
+ "border-color": {
947
+ "value": "transparent",
948
+ "type": "color"
949
+ },
950
+ "color": {
951
+ "value": "#fff",
952
+ "type": "color"
953
+ },
954
+ "border-width": {
955
+ "value": "1px",
956
+ "type": "borderWidth"
957
+ }
958
+ },
959
+ "active": {
960
+ "background-color": {
961
+ "value": "#4f7196",
962
+ "type": "color"
963
+ },
964
+ "border-color": {
965
+ "value": "transparent",
966
+ "type": "color"
967
+ },
968
+ "color": {
969
+ "value": "#fff",
970
+ "type": "color"
971
+ },
972
+ "border-width": {
973
+ "value": "1px",
974
+ "type": "borderWidth"
975
+ }
976
+ },
977
+ "focus": {
978
+ "background-color": {
979
+ "value": "#fff",
980
+ "type": "color"
981
+ },
982
+ "border-color": {
983
+ "value": "#154273",
984
+ "type": "color"
985
+ },
986
+ "color": {
987
+ "value": "#154273",
988
+ "type": "color"
989
+ },
990
+ "border-width": {
991
+ "value": "2px",
992
+ "type": "borderWidth"
993
+ }
994
+ },
995
+ "disabled": {
996
+ "background-color": {
997
+ "value": "#CBD5E1",
998
+ "type": "color"
999
+ },
1000
+ "border-color": {
1001
+ "value": "#94A3B8",
1002
+ "type": "color"
1003
+ },
1004
+ "color": {
1005
+ "value": "#475569",
1006
+ "type": "color"
1007
+ }
1008
+ },
1009
+ "border-width": {
1010
+ "value": "1px",
1011
+ "type": "borderWidth"
1012
+ }
1013
+ },
1014
+ "hover": {
1015
+ "background-color": {
1016
+ "value": "#fff",
1017
+ "type": "color"
1018
+ },
1019
+ "border-color": {
1020
+ "value": "#738eab",
1021
+ "type": "color"
1022
+ },
1023
+ "border-width": {
1024
+ "value": "1px",
1025
+ "type": "borderWidth"
1026
+ }
1027
+ },
1028
+ "border-radius": {
1029
+ "value": "999px",
1030
+ "type": "borderRadius"
1031
+ },
1032
+ "border-width": {
1033
+ "value": "1px",
1034
+ "type": "borderWidth"
1035
+ }
1036
+ },
1037
+ "paragraph": {
1038
+ "color": {
1039
+ "value": "#154273",
1040
+ "type": "color"
1041
+ },
1042
+ "font-family": {
1043
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
1044
+ "type": "fontFamilies"
1045
+ },
1046
+ "font-size": {
1047
+ "value": "1.25rem",
1048
+ "type": "fontSizes"
1049
+ },
1050
+ "font-weight": {
1051
+ "value": 400,
1052
+ "type": "fontWeights"
1053
+ },
1054
+ "line-height": {
1055
+ "value": "150%",
1056
+ "type": "lineHeights"
1057
+ },
1058
+ "margin-block-end": {
1059
+ "value": 0,
1060
+ "type": "spacing"
1061
+ },
1062
+ "margin-block-start": {
1063
+ "value": 0,
1064
+ "type": "spacing"
1065
+ },
1066
+ "lead": {
1067
+ "color": {
1068
+ "value": "#154273",
1069
+ "type": "color"
1070
+ },
1071
+ "font-size": {
1072
+ "value": "1.5rem",
1073
+ "type": "fontSizes"
1074
+ },
1075
+ "font-weight": {
1076
+ "value": 400,
1077
+ "type": "fontWeights"
1078
+ },
1079
+ "line-height": {
1080
+ "value": "150%",
1081
+ "type": "lineHeights"
1082
+ }
1083
+ },
1084
+ "small": {
1085
+ "color": {
1086
+ "value": "#154273",
1087
+ "type": "color"
1088
+ },
1089
+ "font-size": {
1090
+ "value": "1.25rem",
1091
+ "type": "fontSizes"
1092
+ },
1093
+ "font-weight": {
1094
+ "value": 400,
1095
+ "type": "fontWeights"
1096
+ },
1097
+ "line-height": {
1098
+ "value": "150%",
1099
+ "type": "lineHeights"
1100
+ }
1101
+ }
1102
+ },
1103
+ "ordered-list": {
1104
+ "padding-inline-start": {
1105
+ "value": "1.5rem",
1106
+ "type": "spacing"
1107
+ },
1108
+ "margin-block-end": {
1109
+ "value": "0.25rem",
1110
+ "type": "spacing"
1111
+ },
1112
+ "margin-block-start": {
1113
+ "value": "0.25rem",
1114
+ "type": "spacing"
1115
+ },
1116
+ "margin-inline-start": {
1117
+ "value": "0.625rem",
1118
+ "type": "spacing"
1119
+ },
1120
+ "item": {
1121
+ "padding-inline-start": {
1122
+ "value": 0,
1123
+ "type": "spacing"
1124
+ },
1125
+ "margin-block-end": {
1126
+ "value": "0.25rem",
1127
+ "type": "spacing"
1128
+ },
1129
+ "margin-block-start": {
1130
+ "value": "0.25rem",
1131
+ "type": "spacing"
1132
+ }
1133
+ },
1134
+ "color": {
1135
+ "value": "#154273",
1136
+ "type": "color"
1137
+ },
1138
+ "font-family": {
1139
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
1140
+ "type": "fontFamilies"
1141
+ },
1142
+ "font-weight": {
1143
+ "value": 400,
1144
+ "type": "fontWeights"
1145
+ },
1146
+ "font-size": {
1147
+ "value": "1.25rem",
1148
+ "type": "fontSizes"
1149
+ },
1150
+ "line-height": {
1151
+ "value": "150%",
1152
+ "type": "lineHeights"
1153
+ }
1154
+ },
1155
+ "link-list": {
1156
+ "margin-block-start": {
1157
+ "value": 0,
1158
+ "type": "spacing"
1159
+ },
1160
+ "row-gap": {
1161
+ "value": "0.5rem",
1162
+ "type": "spacing"
1163
+ },
1164
+ "margin-block-end": {
1165
+ "value": 0,
1166
+ "type": "spacing"
1167
+ },
1168
+ "item": {
1169
+ "column-gap": {
1170
+ "value": "0.5rem",
1171
+ "type": "spacing"
1172
+ },
1173
+ "text-decoration": {
1174
+ "value": "None",
1175
+ "type": "textDecoration"
1176
+ }
1177
+ },
1178
+ "icon": {
1179
+ "size": {
1180
+ "value": "24px",
1181
+ "type": "sizing"
1182
+ },
1183
+ "inset-block-start": {
1184
+ "value": "0.188rem",
1185
+ "type": "spacing"
1186
+ }
1187
+ }
1188
+ },
1189
+ "link": {
1190
+ "color": {
1191
+ "value": "#01689b",
1192
+ "type": "color"
1193
+ },
1194
+ "text-decoration-color": {
1195
+ "value": "#01689b",
1196
+ "type": "color"
1197
+ },
1198
+ "active": {
1199
+ "color": {
1200
+ "value": "#42145f",
1201
+ "type": "color"
1202
+ },
1203
+ "text-decoration": {
1204
+ "value": "None",
1205
+ "type": "textDecoration"
1206
+ }
1207
+ },
1208
+ "focus": {
1209
+ "background-color": {
1210
+ "value": "transparent",
1211
+ "type": "color"
1212
+ },
1213
+ "color": {
1214
+ "value": "#01689b",
1215
+ "type": "color"
1216
+ },
1217
+ "text-decoration": {
1218
+ "value": "None",
1219
+ "type": "textDecoration"
1220
+ },
1221
+ "text-decoration-thickness": {
1222
+ "value": "auto",
1223
+ "type": "other"
1224
+ }
1225
+ },
1226
+ "hover": {
1227
+ "color": {
1228
+ "$extensions": {
1229
+ "studio.tokens": {
1230
+ "modify": {
1231
+ "type": "darken",
1232
+ "value": "0.3",
1233
+ "space": "srgb"
1234
+ }
1235
+ }
1236
+ },
1237
+ "value": "#01496c",
1238
+ "type": "color"
1239
+ },
1240
+ "text-decoration": {
1241
+ "value": "None",
1242
+ "type": "textDecoration"
1243
+ },
1244
+ "text-decoration-thickness": {
1245
+ "value": "auto",
1246
+ "type": "other"
1247
+ }
1248
+ },
1249
+ "visited": {
1250
+ "color": {
1251
+ "value": "#42145f",
1252
+ "type": "color"
1253
+ }
1254
+ },
1255
+ "text-decoration": {
1256
+ "value": "underline",
1257
+ "type": "textDecoration"
1258
+ },
1259
+ "icon": {
1260
+ "inset-block-start": {
1261
+ "value": "0.25rem",
1262
+ "type": "spacing"
1263
+ },
1264
+ "size": {
1265
+ "value": "24px",
1266
+ "type": "sizing"
1267
+ }
1268
+ },
1269
+ "column-gap": {
1270
+ "value": "0.25rem",
1271
+ "type": "spacing"
1272
+ },
1273
+ "text-decoration-thickness": {
1274
+ "value": "auto",
1275
+ "type": "other"
1276
+ },
1277
+ "text-underline-offset": {
1278
+ "value": "0.125rem",
1279
+ "type": "other"
1280
+ },
1281
+ "font-family": {
1282
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
1283
+ "type": "fontFamilies"
1284
+ },
1285
+ "font-weight": {
1286
+ "value": 400,
1287
+ "type": "fontWeights"
1288
+ },
1289
+ "font-size": {
1290
+ "value": "1.25rem",
1291
+ "type": "fontSizes"
1292
+ },
1293
+ "line-height": {
1294
+ "value": "150%",
1295
+ "type": "lineHeights"
1296
+ }
1297
+ },
1298
+ "heading-1": {
1299
+ "color": {
1300
+ "value": "#154273",
1301
+ "type": "color"
1302
+ },
1303
+ "font-family": {
1304
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
1305
+ "type": "fontFamilies"
1306
+ },
1307
+ "font-weight": {
1308
+ "value": 700,
1309
+ "type": "fontWeights"
1310
+ },
1311
+ "line-height": {
1312
+ "value": "125%",
1313
+ "type": "lineHeights"
1314
+ },
1315
+ "font-size": {
1316
+ "value": "3.125rem",
1317
+ "type": "fontSizes"
1318
+ },
1319
+ "margin-block-end": {
1320
+ "value": 0,
1321
+ "type": "spacing"
1322
+ },
1323
+ "margin-block-start": {
1324
+ "value": 0,
1325
+ "type": "spacing"
1326
+ }
1327
+ },
1328
+ "heading-2": {
1329
+ "color": {
1330
+ "value": "#154273",
1331
+ "type": "color"
1332
+ },
1333
+ "font-family": {
1334
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
1335
+ "type": "fontFamilies"
1336
+ },
1337
+ "font-weight": {
1338
+ "value": 700,
1339
+ "type": "fontWeights"
1340
+ },
1341
+ "line-height": {
1342
+ "value": "125%",
1343
+ "type": "lineHeights"
1344
+ },
1345
+ "font-size": {
1346
+ "value": "2.5rem",
1347
+ "type": "fontSizes"
1348
+ },
1349
+ "margin-block-end": {
1350
+ "value": 0,
1351
+ "type": "spacing"
1352
+ },
1353
+ "margin-block-start": {
1354
+ "value": 0,
1355
+ "type": "spacing"
1356
+ }
1357
+ },
1358
+ "heading-3": {
1359
+ "color": {
1360
+ "value": "#154273",
1361
+ "type": "color"
1362
+ },
1363
+ "font-family": {
1364
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
1365
+ "type": "fontFamilies"
1366
+ },
1367
+ "font-weight": {
1368
+ "value": 700,
1369
+ "type": "fontWeights"
1370
+ },
1371
+ "line-height": {
1372
+ "value": "125%",
1373
+ "type": "lineHeights"
1374
+ },
1375
+ "font-size": {
1376
+ "value": "1.875rem",
1377
+ "type": "fontSizes"
1378
+ },
1379
+ "margin-block-end": {
1380
+ "value": 0,
1381
+ "type": "spacing"
1382
+ },
1383
+ "margin-block-start": {
1384
+ "value": 0,
1385
+ "type": "spacing"
1386
+ }
1387
+ },
1388
+ "heading-4": {
1389
+ "color": {
1390
+ "value": "#154273",
1391
+ "type": "color"
1392
+ },
1393
+ "font-family": {
1394
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
1395
+ "type": "fontFamilies"
1396
+ },
1397
+ "font-weight": {
1398
+ "value": 700,
1399
+ "type": "fontWeights"
1400
+ },
1401
+ "line-height": {
1402
+ "value": "125%",
1403
+ "type": "lineHeights"
1404
+ },
1405
+ "font-size": {
1406
+ "value": "1.5rem",
1407
+ "type": "fontSizes"
1408
+ },
1409
+ "margin-block-end": {
1410
+ "value": 0,
1411
+ "type": "spacing"
1412
+ },
1413
+ "margin-block-start": {
1414
+ "value": 0,
1415
+ "type": "spacing"
1416
+ }
1417
+ },
1418
+ "heading-5": {
1419
+ "color": {
1420
+ "value": "#154273",
1421
+ "type": "color"
1422
+ },
1423
+ "font-family": {
1424
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
1425
+ "type": "fontFamilies"
1426
+ },
1427
+ "font-weight": {
1428
+ "value": 700,
1429
+ "type": "fontWeights"
1430
+ },
1431
+ "line-height": {
1432
+ "value": "125%",
1433
+ "type": "lineHeights"
1434
+ },
1435
+ "font-size": {
1436
+ "value": "1.25rem",
1437
+ "type": "fontSizes"
1438
+ },
1439
+ "margin-block-end": {
1440
+ "value": 0,
1441
+ "type": "spacing"
1442
+ },
1443
+ "margin-block-start": {
1444
+ "value": 0,
1445
+ "type": "spacing"
1446
+ }
1447
+ },
1448
+ "form-label": {
1449
+ "color": {
1450
+ "value": "#154273",
1451
+ "type": "color"
1452
+ },
1453
+ "font-size": {
1454
+ "value": "1.25rem",
1455
+ "type": "fontSizes"
1456
+ },
1457
+ "font-weight": {
1458
+ "value": 700,
1459
+ "type": "fontWeights"
1460
+ }
1461
+ },
1462
+ "form-field-label": {
1463
+ "color": {
1464
+ "value": "#154273",
1465
+ "type": "color"
1466
+ },
1467
+ "font-family": {
1468
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
1469
+ "type": "fontFamilies"
1470
+ },
1471
+ "font-size": {
1472
+ "value": "1.25rem",
1473
+ "type": "fontSizes"
1474
+ },
1475
+ "font-weight": {
1476
+ "value": 700,
1477
+ "type": "fontWeights"
1478
+ },
1479
+ "line-height": {
1480
+ "value": "150%",
1481
+ "type": "lineHeights"
1482
+ }
1483
+ },
1484
+ "form-field-error-message": {
1485
+ "icon": {
1486
+ "size": {
1487
+ "value": "24px",
1488
+ "type": "sizing"
1489
+ },
1490
+ "margin-inline-end": {
1491
+ "value": "0.5rem",
1492
+ "type": "spacing"
1493
+ }
1494
+ },
1495
+ "color": {
1496
+ "value": "#d52b1e",
1497
+ "type": "color"
1498
+ },
1499
+ "font-family": {
1500
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
1501
+ "type": "fontFamilies"
1502
+ },
1503
+ "font-size": {
1504
+ "value": "1.25rem",
1505
+ "type": "fontSizes"
1506
+ },
1507
+ "font-weight": {
1508
+ "value": 400,
1509
+ "type": "fontWeights"
1510
+ },
1511
+ "margin-block-end": {
1512
+ "value": "0.5rem",
1513
+ "type": "spacing"
1514
+ },
1515
+ "padding-block-end": {
1516
+ "value": "0.5rem",
1517
+ "type": "spacing"
1518
+ }
1519
+ },
1520
+ "form-field-description": {
1521
+ "color": {
1522
+ "value": "#334155",
1523
+ "type": "color"
1524
+ },
1525
+ "font-family": {
1526
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
1527
+ "type": "fontFamilies"
1528
+ },
1529
+ "font-size": {
1530
+ "value": "1.25rem",
1531
+ "type": "fontSizes"
1532
+ },
1533
+ "line-height": {
1534
+ "value": "150%",
1535
+ "type": "lineHeights"
1536
+ },
1537
+ "margin-block-start": {
1538
+ "value": "-0.5rem",
1539
+ "type": "spacing"
1540
+ },
1541
+ "margin-block-end": {
1542
+ "value": "0.5rem",
1543
+ "type": "spacing"
1544
+ },
1545
+ "padding-block-end": {
1546
+ "value": "0.5rem",
1547
+ "type": "spacing"
1548
+ }
1549
+ },
1550
+ "form-field": {
1551
+ "margin-block-start": {
1552
+ "value": "0.5rem",
1553
+ "type": "spacing"
1554
+ },
1555
+ "margin-block-end": {
1556
+ "value": "0.5rem",
1557
+ "type": "spacing"
1558
+ },
1559
+ "invalid": {
1560
+ "border-inline-start-color": {
1561
+ "value": "#d52b1e",
1562
+ "type": "color"
1563
+ },
1564
+ "border-inline-start-width": {
1565
+ "value": "0px",
1566
+ "type": "borderWidth"
1567
+ },
1568
+ "padding-inline-start": {
1569
+ "value": 0,
1570
+ "type": "spacing"
1571
+ }
1572
+ },
1573
+ "label": {
1574
+ "margin-block-end": {
1575
+ "value": "0.5rem",
1576
+ "type": "spacing"
1577
+ }
1578
+ }
1579
+ },
1580
+ "page": {
1581
+ "footer": {
1582
+ "background-color": {
1583
+ "value": "#154273",
1584
+ "type": "color"
1585
+ },
1586
+ "color": {
1587
+ "value": "#fff",
1588
+ "type": "color"
1589
+ },
1590
+ "padding-block-start": {
1591
+ "value": "3rem",
1592
+ "type": "spacing"
1593
+ },
1594
+ "padding-block-end": {
1595
+ "value": "3rem",
1596
+ "type": "spacing"
1597
+ },
1598
+ "padding-inline-start": {
1599
+ "value": "80px",
1600
+ "type": "spacing"
1601
+ },
1602
+ "padding-inline-end": {
1603
+ "value": "80px",
1604
+ "type": "spacing"
1605
+ },
1606
+ "gap": {
1607
+ "value": "1.5rem",
1608
+ "type": "spacing"
1609
+ },
1610
+ "column": {
1611
+ "title": {
1612
+ "margin-block-end": {
1613
+ "value": "0.75rem",
1614
+ "type": "spacing"
1615
+ }
1616
+ }
1617
+ }
1618
+ }
1619
+ },
1620
+ "figure": {
1621
+ "caption": {
1622
+ "border-color": {
1623
+ "value": "#CBD5E1",
1624
+ "type": "color"
1625
+ },
1626
+ "border-width": {
1627
+ "value": "4px",
1628
+ "type": "borderWidth"
1629
+ },
1630
+ "color": {
1631
+ "value": "#154273",
1632
+ "type": "color"
1633
+ },
1634
+ "padding-block-end": {
1635
+ "value": "0.5rem",
1636
+ "type": "spacing"
1637
+ },
1638
+ "padding-block-start": {
1639
+ "value": "0.5rem",
1640
+ "type": "spacing"
1641
+ },
1642
+ "padding-inline-start": {
1643
+ "value": "1rem",
1644
+ "type": "spacing"
1645
+ },
1646
+ "line-height": {
1647
+ "value": "150%",
1648
+ "type": "lineHeights"
1649
+ }
1650
+ },
1651
+ "img": {
1652
+ "border-end-end-radius": {
1653
+ "value": 0,
1654
+ "type": "borderRadius"
1655
+ },
1656
+ "border-end-start-radius": {
1657
+ "value": 0,
1658
+ "type": "borderRadius"
1659
+ },
1660
+ "border-start-end-radius": {
1661
+ "value": 0,
1662
+ "type": "borderRadius"
1663
+ },
1664
+ "border-start-start-radius": {
1665
+ "value": 0,
1666
+ "type": "borderRadius"
1667
+ }
1668
+ }
1669
+ },
1670
+ "badge-counter": {
1671
+ "font-size": {
1672
+ "value": "1.25rem",
1673
+ "type": "fontSizes"
1674
+ },
1675
+ "line-height": {
1676
+ "value": "150%",
1677
+ "type": "lineHeights"
1678
+ },
1679
+ "min-block-size": {
1680
+ "value": "24px",
1681
+ "type": "sizing"
1682
+ },
1683
+ "min-inline-size": {
1684
+ "value": "24px",
1685
+ "type": "sizing"
1686
+ },
1687
+ "font-weight": {
1688
+ "value": 700,
1689
+ "type": "fontWeights"
1690
+ },
1691
+ "border-width": {
1692
+ "value": "0px",
1693
+ "type": "borderWidth"
1694
+ },
1695
+ "border-radius": {
1696
+ "value": "999px",
1697
+ "type": "borderRadius"
1698
+ },
1699
+ "font-family": {
1700
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
1701
+ "type": "fontFamilies"
1702
+ },
1703
+ "background-color": {
1704
+ "value": "#154273",
1705
+ "type": "color"
1706
+ },
1707
+ "border-color": {
1708
+ "value": "transparent",
1709
+ "type": "color"
1710
+ },
1711
+ "color": {
1712
+ "value": "#fff",
1713
+ "type": "color"
1714
+ },
1715
+ "padding-inline": {
1716
+ "value": "0.5rem",
1717
+ "type": "spacing"
1718
+ },
1719
+ "padding-block": {
1720
+ "value": "0.5rem",
1721
+ "type": "spacing"
1722
+ }
1723
+ },
1724
+ "checkbox": {
1725
+ "border-radius": {
1726
+ "value": "2.5px",
1727
+ "type": "borderRadius"
1728
+ },
1729
+ "size": {
1730
+ "value": "24px",
1731
+ "type": "sizing"
1732
+ },
1733
+ "icon": {
1734
+ "size": {
1735
+ "value": "24px",
1736
+ "type": "sizing"
1737
+ }
1738
+ },
1739
+ "background-color": {
1740
+ "value": "#fff",
1741
+ "type": "color"
1742
+ },
1743
+ "border-color": {
1744
+ "value": "#154273",
1745
+ "type": "color"
1746
+ },
1747
+ "invalid": {
1748
+ "background-color": {
1749
+ "value": "#f9dfdd",
1750
+ "type": "color"
1751
+ },
1752
+ "border-color": {
1753
+ "value": "#d52b1e",
1754
+ "type": "color"
1755
+ },
1756
+ "border-width": {
1757
+ "value": "1px",
1758
+ "type": "borderWidth"
1759
+ }
1760
+ },
1761
+ "focus": {
1762
+ "background-color": {
1763
+ "value": "#fff",
1764
+ "type": "color"
1765
+ },
1766
+ "border-color": {
1767
+ "value": "#154273",
1768
+ "type": "color"
1769
+ },
1770
+ "border-width": {
1771
+ "value": "2px",
1772
+ "type": "borderWidth"
1773
+ }
1774
+ },
1775
+ "disabled": {
1776
+ "background-color": {
1777
+ "value": "#CBD5E1",
1778
+ "type": "color"
1779
+ },
1780
+ "border-color": {
1781
+ "value": "#94A3B8",
1782
+ "type": "color"
1783
+ }
1784
+ },
1785
+ "checked": {
1786
+ "background-color": {
1787
+ "value": "#154273",
1788
+ "type": "color"
1789
+ },
1790
+ "border-color": {
1791
+ "value": "transparent",
1792
+ "type": "color"
1793
+ },
1794
+ "color": {
1795
+ "value": "#fff",
1796
+ "type": "color"
1797
+ },
1798
+ "border-width": {
1799
+ "value": "1px",
1800
+ "type": "borderWidth"
1801
+ },
1802
+ "disabled": {
1803
+ "background-color": {
1804
+ "value": "#CBD5E1",
1805
+ "type": "color"
1806
+ },
1807
+ "border-color": {
1808
+ "value": "#94A3B8",
1809
+ "type": "color"
1810
+ },
1811
+ "color": {
1812
+ "value": "#475569",
1813
+ "type": "color"
1814
+ }
1815
+ },
1816
+ "focus": {
1817
+ "border-width": {
1818
+ "value": "2px",
1819
+ "type": "borderWidth"
1820
+ },
1821
+ "background-color": {
1822
+ "value": "#fff",
1823
+ "type": "color"
1824
+ },
1825
+ "border-color": {
1826
+ "value": "#154273",
1827
+ "type": "color"
1828
+ },
1829
+ "color": {
1830
+ "value": "#154273",
1831
+ "type": "color"
1832
+ }
1833
+ },
1834
+ "hover": {
1835
+ "border-width": {
1836
+ "value": "1px",
1837
+ "type": "borderWidth"
1838
+ },
1839
+ "background-color": {
1840
+ "value": "#738eab",
1841
+ "type": "color"
1842
+ },
1843
+ "border-color": {
1844
+ "value": "transparent",
1845
+ "type": "color"
1846
+ },
1847
+ "color": {
1848
+ "value": "#fff",
1849
+ "type": "color"
1850
+ }
1851
+ },
1852
+ "active": {
1853
+ "border-width": {
1854
+ "value": "1px",
1855
+ "type": "borderWidth"
1856
+ },
1857
+ "background-color": {
1858
+ "value": "#4f7196",
1859
+ "type": "color"
1860
+ },
1861
+ "border-color": {
1862
+ "value": "transparent",
1863
+ "type": "color"
1864
+ },
1865
+ "color": {
1866
+ "value": "#fff",
1867
+ "type": "color"
1868
+ }
1869
+ }
1870
+ },
1871
+ "indeterminate": {
1872
+ "background-color": {
1873
+ "value": "#154273",
1874
+ "type": "color"
1875
+ },
1876
+ "border-color": {
1877
+ "value": "transparent",
1878
+ "type": "color"
1879
+ },
1880
+ "color": {
1881
+ "value": "#fff",
1882
+ "type": "color"
1883
+ },
1884
+ "border-width": {
1885
+ "value": "1px",
1886
+ "type": "borderWidth"
1887
+ },
1888
+ "disabled": {
1889
+ "background-color": {
1890
+ "value": "#CBD5E1",
1891
+ "type": "color"
1892
+ },
1893
+ "border-color": {
1894
+ "value": "#94A3B8",
1895
+ "type": "color"
1896
+ },
1897
+ "color": {
1898
+ "value": "#475569",
1899
+ "type": "color"
1900
+ }
1901
+ },
1902
+ "active": {
1903
+ "background-color": {
1904
+ "value": "#4f7196",
1905
+ "type": "color"
1906
+ },
1907
+ "border-color": {
1908
+ "value": "transparent",
1909
+ "type": "color"
1910
+ },
1911
+ "color": {
1912
+ "value": "#fff",
1913
+ "type": "color"
1914
+ },
1915
+ "border-width": {
1916
+ "value": "1px",
1917
+ "type": "borderWidth"
1918
+ }
1919
+ },
1920
+ "hover": {
1921
+ "background-color": {
1922
+ "value": "#738eab",
1923
+ "type": "color"
1924
+ },
1925
+ "border-color": {
1926
+ "value": "transparent",
1927
+ "type": "color"
1928
+ },
1929
+ "color": {
1930
+ "value": "#fff",
1931
+ "type": "color"
1932
+ },
1933
+ "border-width": {
1934
+ "value": "1px",
1935
+ "type": "borderWidth"
1936
+ }
1937
+ },
1938
+ "focus": {
1939
+ "background-color": {
1940
+ "value": "#fff",
1941
+ "type": "color"
1942
+ },
1943
+ "border-color": {
1944
+ "value": "#154273",
1945
+ "type": "color"
1946
+ },
1947
+ "color": {
1948
+ "value": "#154273",
1949
+ "type": "color"
1950
+ },
1951
+ "border-width": {
1952
+ "value": "2px",
1953
+ "type": "borderWidth"
1954
+ }
1955
+ }
1956
+ },
1957
+ "border-width": {
1958
+ "value": "1px",
1959
+ "type": "borderWidth"
1960
+ },
1961
+ "hover": {
1962
+ "border-width": {
1963
+ "value": "1px",
1964
+ "type": "borderWidth"
1965
+ },
1966
+ "background-color": {
1967
+ "value": "#fff",
1968
+ "type": "color"
1969
+ },
1970
+ "border-color": {
1971
+ "value": "#738eab",
1972
+ "type": "color"
1973
+ }
1974
+ },
1975
+ "active": {
1976
+ "border-width": {
1977
+ "value": "1px",
1978
+ "type": "borderWidth"
1979
+ },
1980
+ "background-color": {
1981
+ "value": "#fff",
1982
+ "type": "color"
1983
+ },
1984
+ "border-color": {
1985
+ "value": "#4f7196",
1986
+ "type": "color"
1987
+ }
1988
+ }
1989
+ },
1990
+ "button-group": {
1991
+ "background-color": {
1992
+ "value": "transparent",
1993
+ "type": "color"
1994
+ },
1995
+ "column-gap": {
1996
+ "value": "0.5rem",
1997
+ "type": "spacing"
1998
+ },
1999
+ "margin-block-end": {
2000
+ "value": "0px",
2001
+ "type": "spacing"
2002
+ },
2003
+ "margin-block-start": {
2004
+ "value": "0px",
2005
+ "type": "spacing"
2006
+ },
2007
+ "padding-block-end": {
2008
+ "value": "0px",
2009
+ "type": "spacing"
2010
+ },
2011
+ "padding-block-start": {
2012
+ "value": "0px",
2013
+ "type": "spacing"
2014
+ },
2015
+ "row-gap": {
2016
+ "value": "0.5rem",
2017
+ "type": "spacing"
2018
+ }
2019
+ },
2020
+ "button": {
2021
+ "background-color": {
2022
+ "value": "transparent",
2023
+ "type": "color"
2024
+ },
2025
+ "border-color": {
2026
+ "value": "#334155",
2027
+ "type": "color"
2028
+ },
2029
+ "color": {
2030
+ "value": "#334155",
2031
+ "type": "color"
2032
+ },
2033
+ "border-radius": {
2034
+ "value": "5px",
2035
+ "type": "borderRadius"
2036
+ },
2037
+ "border-width": {
2038
+ "value": "1px",
2039
+ "type": "borderWidth"
2040
+ },
2041
+ "icon": {
2042
+ "gap": {
2043
+ "value": "0.5rem",
2044
+ "type": "spacing"
2045
+ },
2046
+ "size": {
2047
+ "value": "24px",
2048
+ "type": "sizing"
2049
+ }
2050
+ },
2051
+ "font-family": {
2052
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
2053
+ "type": "fontFamilies"
2054
+ },
2055
+ "font-size": {
2056
+ "value": "1.25rem",
2057
+ "type": "fontSizes"
2058
+ },
2059
+ "font-weight": {
2060
+ "value": 700,
2061
+ "type": "fontWeights"
2062
+ },
2063
+ "line-height": {
2064
+ "value": "150%",
2065
+ "type": "lineHeights"
2066
+ },
2067
+ "padding-block-end": {
2068
+ "value": "0.5rem",
2069
+ "type": "spacing"
2070
+ },
2071
+ "padding-block-start": {
2072
+ "value": "0.5rem",
2073
+ "type": "spacing"
2074
+ },
2075
+ "padding-inline-end": {
2076
+ "value": "1rem",
2077
+ "type": "spacing"
2078
+ },
2079
+ "padding-inline-start": {
2080
+ "value": "1rem",
2081
+ "type": "spacing"
2082
+ },
2083
+ "disabled": {
2084
+ "background-color": {
2085
+ "value": "#F8FAFC",
2086
+ "type": "color"
2087
+ },
2088
+ "border-color": {
2089
+ "value": "transparent",
2090
+ "type": "color"
2091
+ },
2092
+ "color": {
2093
+ "value": "#64748B",
2094
+ "type": "color"
2095
+ }
2096
+ },
2097
+ "focus": {
2098
+ "background-color": {
2099
+ "value": "#FDDE94",
2100
+ "type": "color"
2101
+ },
2102
+ "border-color": {
2103
+ "value": "transparent",
2104
+ "type": "color"
2105
+ },
2106
+ "color": {
2107
+ "value": "#1E293B",
2108
+ "type": "color"
2109
+ }
2110
+ },
2111
+ "hover": {
2112
+ "background-color": {
2113
+ "value": "#F8FAFC",
2114
+ "type": "color"
2115
+ },
2116
+ "border-color": {
2117
+ "value": "#1E293B",
2118
+ "type": "color"
2119
+ },
2120
+ "color": {
2121
+ "value": "#1E293B",
2122
+ "type": "color"
2123
+ }
2124
+ },
2125
+ "active": {
2126
+ "background-color": {
2127
+ "value": "#CBD5E1",
2128
+ "type": "color"
2129
+ },
2130
+ "border-color": {
2131
+ "value": "#0F172A",
2132
+ "type": "color"
2133
+ },
2134
+ "color": {
2135
+ "value": "#0F172A",
2136
+ "type": "color"
2137
+ }
2138
+ },
2139
+ "min-block-size": {
2140
+ "value": "48px",
2141
+ "type": "sizing"
2142
+ },
2143
+ "min-inline-size": {
2144
+ "value": "48px",
2145
+ "type": "sizing"
2146
+ },
2147
+ "column-gap": {
2148
+ "value": "0.5rem",
2149
+ "type": "spacing"
2150
+ },
2151
+ "primary-action": {
2152
+ "hover": {
2153
+ "background-color": {
2154
+ "value": "#162f50",
2155
+ "type": "color"
2156
+ },
2157
+ "border-color": {
2158
+ "value": "transparent",
2159
+ "type": "color"
2160
+ },
2161
+ "color": {
2162
+ "value": "#fff",
2163
+ "type": "color"
2164
+ }
2165
+ },
2166
+ "background-color": {
2167
+ "value": "#154273",
2168
+ "type": "color"
2169
+ },
2170
+ "border-color": {
2171
+ "value": "transparent",
2172
+ "type": "color"
2173
+ },
2174
+ "color": {
2175
+ "value": "#fff",
2176
+ "type": "color"
2177
+ },
2178
+ "disabled": {
2179
+ "background-color": {
2180
+ "value": "#b8c6d5",
2181
+ "type": "color"
2182
+ },
2183
+ "border-color": {
2184
+ "value": "#95a9c0",
2185
+ "type": "color"
2186
+ },
2187
+ "color": {
2188
+ "value": "#4f7196",
2189
+ "type": "color"
2190
+ }
2191
+ },
2192
+ "focus": {
2193
+ "background-color": {
2194
+ "value": "#154273",
2195
+ "type": "color"
2196
+ },
2197
+ "border-color": {
2198
+ "value": "transparent",
2199
+ "type": "color"
2200
+ },
2201
+ "color": {
2202
+ "value": "#fff",
2203
+ "type": "color"
2204
+ }
2205
+ },
2206
+ "font-weight": {
2207
+ "value": 700,
2208
+ "type": "fontWeights"
2209
+ },
2210
+ "active": {
2211
+ "background-color": {
2212
+ "$extensions": {
2213
+ "studio.tokens": {
2214
+ "modify": {
2215
+ "type": "darken",
2216
+ "value": "0.4",
2217
+ "space": "srgb"
2218
+ }
2219
+ }
2220
+ },
2221
+ "value": "#0d2845",
2222
+ "type": "color"
2223
+ },
2224
+ "border-color": {
2225
+ "value": "transparent",
2226
+ "type": "color"
2227
+ },
2228
+ "color": {
2229
+ "value": "#fff",
2230
+ "type": "color"
2231
+ }
2232
+ },
2233
+ "font-size": {
2234
+ "value": "1.25rem",
2235
+ "type": "fontSizes"
2236
+ },
2237
+ "line-height": {
2238
+ "value": "1.875rem",
2239
+ "type": "lineHeights"
2240
+ }
2241
+ },
2242
+ "secondary-action": {
2243
+ "hover": {
2244
+ "background-color": {
2245
+ "value": "#b8c6d5",
2246
+ "type": "color"
2247
+ },
2248
+ "border-color": {
2249
+ "value": "transparent",
2250
+ "type": "color"
2251
+ },
2252
+ "color": {
2253
+ "value": "#154273",
2254
+ "type": "color"
2255
+ }
2256
+ },
2257
+ "background-color": {
2258
+ "value": "transparent",
2259
+ "type": "color"
2260
+ },
2261
+ "border-color": {
2262
+ "value": "#154273",
2263
+ "type": "color"
2264
+ },
2265
+ "color": {
2266
+ "value": "#154273",
2267
+ "type": "color"
2268
+ },
2269
+ "disabled": {
2270
+ "background-color": {
2271
+ "value": "transparent",
2272
+ "type": "color"
2273
+ },
2274
+ "border-color": {
2275
+ "value": "#738eab",
2276
+ "type": "color"
2277
+ },
2278
+ "color": {
2279
+ "value": "#738eab",
2280
+ "type": "color"
2281
+ }
2282
+ },
2283
+ "focus": {
2284
+ "background-color": {
2285
+ "value": "#b8c6d5",
2286
+ "type": "color"
2287
+ },
2288
+ "border-color": {
2289
+ "value": "transparent",
2290
+ "type": "color"
2291
+ },
2292
+ "color": {
2293
+ "value": "#154273",
2294
+ "type": "color"
2295
+ }
2296
+ },
2297
+ "font-weight": {
2298
+ "value": 700,
2299
+ "type": "fontWeights"
2300
+ },
2301
+ "active": {
2302
+ "background-color": {
2303
+ "value": "#95a9c0",
2304
+ "type": "color"
2305
+ },
2306
+ "border-color": {
2307
+ "value": "#154273",
2308
+ "type": "color"
2309
+ },
2310
+ "color": {
2311
+ "value": "#154273",
2312
+ "type": "color"
2313
+ }
2314
+ },
2315
+ "font-size": {
2316
+ "value": "1.25rem",
2317
+ "type": "fontSizes"
2318
+ },
2319
+ "line-height": {
2320
+ "value": "1.875rem",
2321
+ "type": "lineHeights"
2322
+ }
2323
+ },
2324
+ "subtle": {
2325
+ "font-size": {
2326
+ "value": "1.25rem",
2327
+ "type": "fontSizes"
2328
+ },
2329
+ "font-weight": {
2330
+ "value": 700,
2331
+ "type": "fontWeights"
2332
+ },
2333
+ "hover": {
2334
+ "background-color": {
2335
+ "value": "transparent",
2336
+ "type": "color"
2337
+ },
2338
+ "border-color": {
2339
+ "value": "transparent",
2340
+ "type": "color"
2341
+ },
2342
+ "color": {
2343
+ "value": "#162f50",
2344
+ "type": "color"
2345
+ }
2346
+ },
2347
+ "background-color": {
2348
+ "value": "transparent",
2349
+ "type": "color"
2350
+ },
2351
+ "border-color": {
2352
+ "value": "transparent",
2353
+ "type": "color"
2354
+ },
2355
+ "color": {
2356
+ "value": "#154273",
2357
+ "type": "color"
2358
+ },
2359
+ "disabled": {
2360
+ "background-color": {
2361
+ "value": "transparent",
2362
+ "type": "color"
2363
+ },
2364
+ "border-color": {
2365
+ "value": "transparent",
2366
+ "type": "color"
2367
+ },
2368
+ "color": {
2369
+ "value": "#b8c6d5",
2370
+ "type": "color"
2371
+ }
2372
+ },
2373
+ "focus": {
2374
+ "background-color": {
2375
+ "value": "#dce3ea",
2376
+ "type": "color"
2377
+ },
2378
+ "border-color": {
2379
+ "value": "transparent",
2380
+ "type": "color"
2381
+ },
2382
+ "color": {
2383
+ "value": "#154273",
2384
+ "type": "color"
2385
+ }
2386
+ },
2387
+ "active": {
2388
+ "background-color": {
2389
+ "value": "transparent",
2390
+ "type": "color"
2391
+ },
2392
+ "border-color": {
2393
+ "value": "transparent",
2394
+ "type": "color"
2395
+ },
2396
+ "color": {
2397
+ "$extensions": {
2398
+ "studio.tokens": {
2399
+ "modify": {
2400
+ "type": "darken",
2401
+ "value": "0.4",
2402
+ "space": "srgb"
2403
+ }
2404
+ }
2405
+ },
2406
+ "value": "#0d2845",
2407
+ "type": "color"
2408
+ }
2409
+ },
2410
+ "line-height": {
2411
+ "value": "1.875rem",
2412
+ "type": "lineHeights"
2413
+ }
2414
+ }
2415
+ },
2416
+ "breadcrumb-nav": {
2417
+ "line-height": {
2418
+ "value": 1.4,
2419
+ "type": "lineHeights"
2420
+ },
2421
+ "font-size": {
2422
+ "value": "1.25rem",
2423
+ "type": "fontSizes"
2424
+ },
2425
+ "link": {
2426
+ "icon": {
2427
+ "size": {
2428
+ "value": "24px",
2429
+ "type": "sizing"
2430
+ },
2431
+ "margin-inline": {
2432
+ "value": "0.25rem",
2433
+ "type": "spacing"
2434
+ },
2435
+ "inset-block-start": {
2436
+ "value": 0,
2437
+ "type": "spacing"
2438
+ }
2439
+ },
2440
+ "padding-block-end": {
2441
+ "value": "0.75rem",
2442
+ "type": "spacing"
2443
+ },
2444
+ "padding-block-start": {
2445
+ "value": "0.75rem",
2446
+ "type": "spacing"
2447
+ },
2448
+ "padding-inline-end": {
2449
+ "value": 0,
2450
+ "type": "spacing"
2451
+ },
2452
+ "padding-inline-start": {
2453
+ "value": 0,
2454
+ "type": "spacing"
2455
+ },
2456
+ "color": {
2457
+ "value": "#01689b",
2458
+ "type": "color"
2459
+ },
2460
+ "active": {
2461
+ "color": {
2462
+ "value": "#42145f",
2463
+ "type": "color"
2464
+ },
2465
+ "text-decoration": {
2466
+ "value": "None",
2467
+ "type": "textDecoration"
2468
+ }
2469
+ },
2470
+ "focus": {
2471
+ "background-color": {
2472
+ "value": "transparent",
2473
+ "type": "color"
2474
+ },
2475
+ "color": {
2476
+ "value": "#01689b",
2477
+ "type": "color"
2478
+ },
2479
+ "text-decoration": {
2480
+ "value": "None",
2481
+ "type": "textDecoration"
2482
+ }
2483
+ },
2484
+ "hover": {
2485
+ "color": {
2486
+ "value": "#01496c",
2487
+ "type": "color",
2488
+ "$extensions": {
2489
+ "studio.tokens": {
2490
+ "modify": {
2491
+ "type": "darken",
2492
+ "value": "0.3",
2493
+ "space": "srgb"
2494
+ }
2495
+ }
2496
+ }
2497
+ },
2498
+ "text-decoration": {
2499
+ "value": "None",
2500
+ "type": "textDecoration"
2501
+ }
2502
+ },
2503
+ "current": {
2504
+ "color": {
2505
+ "value": "#334155",
2506
+ "type": "color"
2507
+ }
2508
+ },
2509
+ "text-decoration": {
2510
+ "value": "underline",
2511
+ "type": "textDecoration"
2512
+ }
2513
+ },
2514
+ "divider": {
2515
+ "size": {
2516
+ "value": "24px",
2517
+ "type": "sizing"
2518
+ },
2519
+ "color": {
2520
+ "value": "#334155",
2521
+ "type": "color"
2522
+ },
2523
+ "inset-block-start": {
2524
+ "value": 0,
2525
+ "type": "spacing"
2526
+ }
2527
+ },
2528
+ "margin-inline": {
2529
+ "value": "0.5rem",
2530
+ "type": "spacing"
2531
+ },
2532
+ "font-family": {
2533
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
2534
+ "type": "fontFamilies"
2535
+ },
2536
+ "font-weight": {
2537
+ "value": 400,
2538
+ "type": "fontWeights"
2539
+ }
2540
+ },
2541
+ "blockquote": {
2542
+ "attribution": {
2543
+ "font-size": {
2544
+ "value": "1.25rem",
2545
+ "type": "fontSizes"
2546
+ },
2547
+ "font-family": {
2548
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
2549
+ "type": "fontFamilies"
2550
+ },
2551
+ "line-height": {
2552
+ "value": "150%",
2553
+ "type": "lineHeights"
2554
+ },
2555
+ "font-weight": {
2556
+ "value": 400,
2557
+ "type": "fontWeights"
2558
+ },
2559
+ "padding-block-start": {
2560
+ "value": "0.75rem",
2561
+ "type": "spacing"
2562
+ },
2563
+ "color": {
2564
+ "value": "#334155",
2565
+ "type": "color"
2566
+ }
2567
+ },
2568
+ "content": {
2569
+ "font-family": {
2570
+ "value": "RijksoverheidSerifWeb, 'Times New Roman', serif",
2571
+ "type": "fontFamilies"
2572
+ },
2573
+ "line-height": {
2574
+ "value": "150%",
2575
+ "type": "lineHeights"
2576
+ },
2577
+ "font-weight": {
2578
+ "value": 400,
2579
+ "type": "fontWeights"
2580
+ },
2581
+ "font-size": {
2582
+ "value": "1.5rem",
2583
+ "type": "fontSizes"
2584
+ },
2585
+ "color": {
2586
+ "value": "#154273",
2587
+ "type": "color"
2588
+ }
2589
+ },
2590
+ "padding-block-end": {
2591
+ "value": "2rem",
2592
+ "type": "spacing"
2593
+ },
2594
+ "padding-block-start": {
2595
+ "value": "2rem",
2596
+ "type": "spacing"
2597
+ },
2598
+ "padding-inline-end": {
2599
+ "value": "2rem",
2600
+ "type": "spacing"
2601
+ },
2602
+ "padding-inline-start": {
2603
+ "value": "2rem",
2604
+ "type": "spacing"
2605
+ },
2606
+ "row-gap": {
2607
+ "value": "0.75rem",
2608
+ "type": "spacing"
2609
+ },
2610
+ "background-color": {
2611
+ "value": "transparent",
2612
+ "type": "color"
2613
+ },
2614
+ "border-color": {
2615
+ "value": "#154273",
2616
+ "type": "color"
2617
+ },
2618
+ "border-block-start-width": {
2619
+ "value": 0,
2620
+ "type": "borderWidth"
2621
+ },
2622
+ "border-block-end-width": {
2623
+ "value": 0,
2624
+ "type": "borderWidth"
2625
+ },
2626
+ "border-inline-start-width": {
2627
+ "value": 0,
2628
+ "type": "borderWidth"
2629
+ },
2630
+ "border-inline-end-width": {
2631
+ "value": 0,
2632
+ "type": "borderWidth"
2633
+ },
2634
+ "border-start-start-radius": {
2635
+ "value": 0,
2636
+ "type": "borderRadius"
2637
+ },
2638
+ "border-start-end-radius": {
2639
+ "value": 0,
2640
+ "type": "borderRadius"
2641
+ },
2642
+ "border-end-start-radius": {
2643
+ "value": 0,
2644
+ "type": "borderRadius"
2645
+ },
2646
+ "border-end-end-radius": {
2647
+ "value": 0,
2648
+ "type": "borderRadius"
2649
+ },
2650
+ "border-width": {
2651
+ "value": "2px",
2652
+ "type": "borderWidth"
2653
+ },
2654
+ "blue-corner-border-variation": {
2655
+ "border-color": {
2656
+ "value": "#154273",
2657
+ "type": "other"
2658
+ },
2659
+ "border-block-end-width": {
2660
+ "value": "2px",
2661
+ "type": "other"
2662
+ },
2663
+ "border-inline-end-width": {
2664
+ "value": "2px",
2665
+ "type": "other"
2666
+ },
2667
+ "border-end-end-radius": {
2668
+ "value": "3rem",
2669
+ "type": "other"
2670
+ }
2671
+ },
2672
+ "pink-background-variation": {
2673
+ "background-color": {
2674
+ "value": "#F6BDE1",
2675
+ "type": "other"
2676
+ },
2677
+ "border-end-start-radius": {
2678
+ "value": "3rem",
2679
+ "type": "other"
2680
+ },
2681
+ "padding": {
2682
+ "value": "2.5rem",
2683
+ "type": "other"
2684
+ }
2685
+ },
2686
+ "pink-left-border-variation": {
2687
+ "border-color": {
2688
+ "value": "#F6BDE1",
2689
+ "type": "other"
2690
+ },
2691
+ "border-inline-start-width": {
2692
+ "value": "0.75rem",
2693
+ "type": "other"
2694
+ },
2695
+ "padding-inline-start": {
2696
+ "value": "2.5rem",
2697
+ "type": "other"
2698
+ },
2699
+ "padding-inline-end": {
2700
+ "value": "2.5rem",
2701
+ "type": "other"
2702
+ },
2703
+ "padding-block-start": {
2704
+ "value": "1.5rem",
2705
+ "type": "other"
2706
+ },
2707
+ "padding-block-end": {
2708
+ "value": "1.5rem",
2709
+ "type": "other"
2710
+ }
2711
+ },
2712
+ "pink-corner-border-variation": {
2713
+ "border-color": {
2714
+ "value": "#F6BDE1",
2715
+ "type": "other"
2716
+ },
2717
+ "border-block-start-width": {
2718
+ "value": "0.25rem",
2719
+ "type": "other"
2720
+ },
2721
+ "border-inline-start-width": {
2722
+ "value": "0.25rem",
2723
+ "type": "other"
2724
+ },
2725
+ "border-start-start-radius": {
2726
+ "value": "3rem",
2727
+ "type": "other"
2728
+ },
2729
+ "padding": {
2730
+ "value": "2.5rem",
2731
+ "type": "other"
2732
+ }
2733
+ }
2734
+ },
2735
+ "article": {
2736
+ "max-inline-size": {
2737
+ "value": "75ch",
2738
+ "type": "spacing"
2739
+ }
2740
+ },
2741
+ "alert": {
2742
+ "heading": {
2743
+ "font-family": {
2744
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
2745
+ "type": "fontFamilies"
2746
+ },
2747
+ "font-weight": {
2748
+ "value": 700,
2749
+ "type": "fontWeights"
2750
+ },
2751
+ "line-height": {
2752
+ "value": "150%",
2753
+ "type": "lineHeights"
2754
+ },
2755
+ "font-size": {
2756
+ "value": "1.25rem",
2757
+ "type": "fontSizes"
2758
+ }
2759
+ },
2760
+ "column-gap": {
2761
+ "value": "0.5rem",
2762
+ "type": "spacing"
2763
+ },
2764
+ "border-width": {
2765
+ "value": "0px",
2766
+ "type": "borderWidth"
2767
+ },
2768
+ "margin-block-end": {
2769
+ "value": "0.75rem",
2770
+ "type": "spacing"
2771
+ },
2772
+ "margin-block-start": {
2773
+ "value": "0.75rem",
2774
+ "type": "spacing"
2775
+ },
2776
+ "padding-block-end": {
2777
+ "value": "1rem",
2778
+ "type": "spacing"
2779
+ },
2780
+ "padding-block-start": {
2781
+ "value": "1rem",
2782
+ "type": "spacing"
2783
+ },
2784
+ "padding-inline-end": {
2785
+ "value": "1rem",
2786
+ "type": "spacing"
2787
+ },
2788
+ "padding-inline-start": {
2789
+ "value": "1rem",
2790
+ "type": "spacing"
2791
+ },
2792
+ "background-color": {
2793
+ "value": "#d9ebf7",
2794
+ "type": "color"
2795
+ },
2796
+ "border-color": {
2797
+ "value": "transparent",
2798
+ "type": "color"
2799
+ },
2800
+ "color": {
2801
+ "value": "#154273",
2802
+ "type": "color"
2803
+ },
2804
+ "info": {
2805
+ "background-color": {
2806
+ "value": "#d9ebf7",
2807
+ "type": "color"
2808
+ },
2809
+ "border-color": {
2810
+ "value": "transparent",
2811
+ "type": "color"
2812
+ },
2813
+ "color": {
2814
+ "value": "#154273",
2815
+ "type": "color"
2816
+ }
2817
+ },
2818
+ "error": {
2819
+ "background-color": {
2820
+ "value": "#f9dfdd",
2821
+ "type": "color"
2822
+ },
2823
+ "border-color": {
2824
+ "value": "transparent",
2825
+ "type": "color"
2826
+ },
2827
+ "color": {
2828
+ "value": "#154273",
2829
+ "type": "color"
2830
+ }
2831
+ },
2832
+ "ok": {
2833
+ "background-color": {
2834
+ "value": "#e1eddb",
2835
+ "type": "color"
2836
+ },
2837
+ "border-color": {
2838
+ "value": "transparent",
2839
+ "type": "color"
2840
+ },
2841
+ "color": {
2842
+ "value": "#154273",
2843
+ "type": "color"
2844
+ }
2845
+ },
2846
+ "warning": {
2847
+ "background-color": {
2848
+ "value": "#fff4db",
2849
+ "type": "color"
2850
+ },
2851
+ "border-color": {
2852
+ "value": "transparent",
2853
+ "type": "color"
2854
+ },
2855
+ "color": {
2856
+ "value": "#154273",
2857
+ "type": "color"
2858
+ }
2859
+ },
2860
+ "icon": {
2861
+ "inset-block-start": {
2862
+ "value": "3px",
2863
+ "type": "spacing"
2864
+ },
2865
+ "info": {
2866
+ "color": {
2867
+ "value": "#007bc7",
2868
+ "type": "color"
2869
+ }
2870
+ },
2871
+ "error": {
2872
+ "color": {
2873
+ "value": "#d52b1e",
2874
+ "type": "color"
2875
+ }
2876
+ },
2877
+ "ok": {
2878
+ "color": {
2879
+ "value": "#39870c",
2880
+ "type": "color"
2881
+ }
2882
+ },
2883
+ "warning": {
2884
+ "color": {
2885
+ "value": "#ffb612",
2886
+ "type": "color"
2887
+ }
2888
+ },
2889
+ "size": {
2890
+ "value": "24px",
2891
+ "type": "sizing"
2892
+ }
2893
+ },
2894
+ "message": {
2895
+ "row-gap": {
2896
+ "value": 0,
2897
+ "type": "spacing"
2898
+ }
2899
+ },
2900
+ "border-radius": {
2901
+ "value": "5px",
2902
+ "type": "borderRadius"
2903
+ }
2904
+ },
2905
+ "accordion": {
2906
+ "panel": {
2907
+ "border-color": {
2908
+ "value": "#94A3B8",
2909
+ "type": "color"
2910
+ },
2911
+ "border-width": {
2912
+ "value": 0,
2913
+ "type": "borderWidth"
2914
+ },
2915
+ "padding-block-end": {
2916
+ "value": "1.5rem",
2917
+ "type": "spacing"
2918
+ },
2919
+ "padding-block-start": {
2920
+ "value": "1rem",
2921
+ "type": "spacing"
2922
+ },
2923
+ "padding-inline-end": {
2924
+ "value": "1rem",
2925
+ "type": "spacing"
2926
+ },
2927
+ "padding-inline-start": {
2928
+ "value": "1rem",
2929
+ "type": "spacing"
2930
+ }
2931
+ },
2932
+ "button": {
2933
+ "gap": {
2934
+ "value": "0.5rem",
2935
+ "type": "spacing"
2936
+ },
2937
+ "icon": {
2938
+ "size": {
2939
+ "value": "24px",
2940
+ "type": "sizing"
2941
+ }
2942
+ },
2943
+ "hover": {
2944
+ "background-color": {
2945
+ "value": "#F8FAFC",
2946
+ "type": "color"
2947
+ },
2948
+ "border-color": {
2949
+ "value": "#94A3B8",
2950
+ "type": "color"
2951
+ },
2952
+ "color": {
2953
+ "value": "#154273",
2954
+ "type": "color"
2955
+ }
2956
+ },
2957
+ "background-color": {
2958
+ "value": "#fff",
2959
+ "type": "color"
2960
+ },
2961
+ "border-color": {
2962
+ "value": "#94A3B8",
2963
+ "type": "color"
2964
+ },
2965
+ "border-width": {
2966
+ "value": 0,
2967
+ "type": "borderWidth"
2968
+ },
2969
+ "color": {
2970
+ "value": "#154273",
2971
+ "type": "color"
2972
+ },
2973
+ "focus": {
2974
+ "background-color": {
2975
+ "value": "#dce3ea",
2976
+ "type": "color"
2977
+ },
2978
+ "border-color": {
2979
+ "value": "#154273",
2980
+ "type": "color"
2981
+ },
2982
+ "color": {
2983
+ "value": "#154273",
2984
+ "type": "color"
2985
+ }
2986
+ },
2987
+ "active": {
2988
+ "background-color": {
2989
+ "value": "#F1F5F9",
2990
+ "type": "color"
2991
+ },
2992
+ "border-color": {
2993
+ "value": "#94A3B8",
2994
+ "type": "color"
2995
+ },
2996
+ "color": {
2997
+ "value": "#154273",
2998
+ "type": "color"
2999
+ },
3000
+ "row-gap": {
3001
+ "value": 0,
3002
+ "type": "spacing"
3003
+ }
3004
+ }
3005
+ }
3006
+ },
3007
+ "document": {
3008
+ "background-color": {
3009
+ "value": "#fff",
3010
+ "type": "color"
3011
+ },
3012
+ "color": {
3013
+ "value": "#000",
3014
+ "type": "color"
3015
+ },
3016
+ "font-family": {
3017
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
3018
+ "type": "fontFamilies"
3019
+ },
3020
+ "font-size": {
3021
+ "value": "1.25rem",
3022
+ "type": "fontSizes"
3023
+ },
3024
+ "line-height": {
3025
+ "value": "150%",
3026
+ "type": "lineHeights"
3027
+ },
3028
+ "font-weight": {
3029
+ "value": 400,
3030
+ "type": "fontWeights"
3031
+ }
3032
+ },
3033
+ "rich-text": {
3034
+ "stranger": {
3035
+ "margin-block-end": {
3036
+ "value": "2rem",
3037
+ "type": "spacing"
3038
+ }
3039
+ },
3040
+ "acquaintance": {
3041
+ "margin-block-end": {
3042
+ "value": "1rem",
3043
+ "type": "spacing"
3044
+ }
3045
+ },
3046
+ "friend": {
3047
+ "margin-block-end": {
3048
+ "value": "0.5rem",
3049
+ "type": "spacing"
3050
+ }
3051
+ },
3052
+ "best-friend": {
3053
+ "margin-block-end": {
3054
+ "value": "0.25rem",
3055
+ "type": "spacing"
3056
+ }
3057
+ },
3058
+ "confidant": {
3059
+ "margin-block-end": {
3060
+ "value": 0,
3061
+ "type": "spacing"
3062
+ }
3063
+ }
3064
+ },
3065
+ "pointer-target": {
3066
+ "min-size": {
3067
+ "value": "48px",
3068
+ "type": "sizing"
3069
+ }
3070
+ },
3071
+ "focus": {
3072
+ "outline-color": {
3073
+ "value": "#000",
3074
+ "type": "color"
3075
+ },
3076
+ "outline-offset": {
3077
+ "value": "0.125rem",
3078
+ "type": "spacing"
3079
+ },
3080
+ "outline-style": {
3081
+ "value": "solid",
3082
+ "type": "other"
3083
+ },
3084
+ "outline-width": {
3085
+ "value": "2px",
3086
+ "type": "borderWidth"
3087
+ },
3088
+ "inverse": {
3089
+ "outline-color": {
3090
+ "value": "transparant",
3091
+ "type": "color"
3092
+ }
3093
+ }
3094
+ }
3095
+ },
3096
+ "rhc": {
3097
+ "toggletip": {
3098
+ "color": {
3099
+ "value": "#fff",
3100
+ "type": "color"
3101
+ },
3102
+ "background-color": {
3103
+ "value": "#007bc7",
3104
+ "type": "color"
3105
+ },
3106
+ "border-color": {
3107
+ "value": "transparent",
3108
+ "type": "color"
3109
+ },
3110
+ "border-radius": {
3111
+ "value": "5px",
3112
+ "type": "borderRadius"
3113
+ },
3114
+ "border-width": {
3115
+ "value": "1px",
3116
+ "type": "borderWidth"
3117
+ },
3118
+ "icon": {
3119
+ "size": {
3120
+ "value": "24px",
3121
+ "type": "sizing"
3122
+ }
3123
+ },
3124
+ "size": {
3125
+ "value": "24px",
3126
+ "type": "sizing"
3127
+ },
3128
+ "active": {
3129
+ "color": {
3130
+ "value": "#007bc7",
3131
+ "type": "color"
3132
+ },
3133
+ "background-color": {
3134
+ "value": "#fff",
3135
+ "type": "color"
3136
+ },
3137
+ "border-color": {
3138
+ "value": "#007bc7",
3139
+ "type": "color"
3140
+ }
3141
+ },
3142
+ "hover": {
3143
+ "color": {
3144
+ "value": "#154273",
3145
+ "type": "color"
3146
+ },
3147
+ "background-color": {
3148
+ "value": "#66AFDD",
3149
+ "type": "color"
3150
+ }
3151
+ },
3152
+ "focus": {
3153
+ "color": {
3154
+ "value": "#fff",
3155
+ "type": "color"
3156
+ },
3157
+ "background-color": {
3158
+ "value": "#007bc7",
3159
+ "type": "color"
3160
+ }
3161
+ }
3162
+ },
3163
+ "sidenav": {
3164
+ "link": {
3165
+ "line-height": {
3166
+ "value": "150%",
3167
+ "type": "lineHeights"
3168
+ },
3169
+ "icon": {
3170
+ "size": {
3171
+ "value": "24px",
3172
+ "type": "sizing"
3173
+ },
3174
+ "margin-inline": {
3175
+ "value": "0.5rem",
3176
+ "type": "spacing"
3177
+ }
3178
+ },
3179
+ "font-size": {
3180
+ "value": "1.25rem",
3181
+ "type": "fontSizes"
3182
+ },
3183
+ "font-family": {
3184
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
3185
+ "type": "fontFamilies"
3186
+ },
3187
+ "font-weight": {
3188
+ "value": 400,
3189
+ "type": "fontWeights"
3190
+ },
3191
+ "current": {
3192
+ "font-weight": {
3193
+ "value": 700,
3194
+ "type": "fontWeights"
3195
+ },
3196
+ "color": {
3197
+ "value": "#154273",
3198
+ "type": "color"
3199
+ }
3200
+ },
3201
+ "color": {
3202
+ "value": "#01689b",
3203
+ "type": "color"
3204
+ },
3205
+ "active": {
3206
+ "color": {
3207
+ "value": "#42145f",
3208
+ "type": "color"
3209
+ },
3210
+ "text-decoration": {
3211
+ "value": "underline",
3212
+ "type": "textDecoration"
3213
+ }
3214
+ },
3215
+ "focus": {
3216
+ "background-color": {
3217
+ "value": "none",
3218
+ "type": "color"
3219
+ },
3220
+ "color": {
3221
+ "value": "#01689b",
3222
+ "type": "color"
3223
+ },
3224
+ "text-decoration": {
3225
+ "value": "None",
3226
+ "type": "textDecoration"
3227
+ }
3228
+ },
3229
+ "hover": {
3230
+ "color": {
3231
+ "value": "#15496a",
3232
+ "type": "color",
3233
+ "$extensions": {
3234
+ "studio.tokens": {
3235
+ "modify": {
3236
+ "type": "darken",
3237
+ "value": "0.3",
3238
+ "space": "lch"
3239
+ }
3240
+ }
3241
+ }
3242
+ },
3243
+ "text-decoration": {
3244
+ "value": "underline",
3245
+ "type": "textDecoration"
3246
+ }
3247
+ },
3248
+ "padding-block-start": {
3249
+ "value": "0.75rem",
3250
+ "type": "spacing"
3251
+ },
3252
+ "padding-block-end": {
3253
+ "value": "0.75rem",
3254
+ "type": "spacing"
3255
+ },
3256
+ "text-decoration": {
3257
+ "value": "None",
3258
+ "type": "textDecoration"
3259
+ },
3260
+ "column-gap": {
3261
+ "value": "0.5rem",
3262
+ "type": "spacing"
3263
+ }
3264
+ }
3265
+ },
3266
+ "radio-group": {
3267
+ "padding-block-end": {
3268
+ "value": "0.5rem",
3269
+ "type": "spacing"
3270
+ },
3271
+ "padding-block-start": {
3272
+ "value": "0.5rem",
3273
+ "type": "spacing"
3274
+ },
3275
+ "row-gap": {
3276
+ "value": "1rem",
3277
+ "type": "spacing"
3278
+ }
3279
+ },
3280
+ "navigation-list": {
3281
+ "icon": {
3282
+ "background-color": {
3283
+ "value": "#154273",
3284
+ "type": "color"
3285
+ },
3286
+ "border-radius": {
3287
+ "value": "999px",
3288
+ "type": "borderRadius"
3289
+ },
3290
+ "color": {
3291
+ "value": "#fff",
3292
+ "type": "color"
3293
+ }
3294
+ },
3295
+ "item": {
3296
+ "icon": {
3297
+ "padding-inline": {
3298
+ "value": "0.5rem",
3299
+ "type": "space"
3300
+ },
3301
+ "padding-block": {
3302
+ "value": "0.5rem",
3303
+ "type": "space"
3304
+ },
3305
+ "size": {
3306
+ "value": "24px",
3307
+ "type": "size"
3308
+ }
3309
+ },
3310
+ "content": {
3311
+ "column-gap": {
3312
+ "value": "0.5rem",
3313
+ "type": "space"
3314
+ },
3315
+ "row-gap": {
3316
+ "value": "0.25rem",
3317
+ "type": "space"
3318
+ }
3319
+ },
3320
+ "label": {
3321
+ "font-family": {
3322
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
3323
+ "type": "font-family"
3324
+ },
3325
+ "font-size": {
3326
+ "value": "1.875rem",
3327
+ "type": "font-size"
3328
+ },
3329
+ "font-weight": {
3330
+ "value": 700,
3331
+ "type": "font-weight"
3332
+ },
3333
+ "line-height": {
3334
+ "value": "150%",
3335
+ "type": "line-height"
3336
+ }
3337
+ },
3338
+ "active": {
3339
+ "background-color": {
3340
+ "value": "#F1F5F9",
3341
+ "type": "color"
3342
+ }
3343
+ },
3344
+ "hover": {
3345
+ "background-color": {
3346
+ "value": "#F8FAFC",
3347
+ "type": "color"
3348
+ }
3349
+ },
3350
+ "focus": {
3351
+ "background-color": {
3352
+ "value": "#dce3ea",
3353
+ "type": "color"
3354
+ }
3355
+ },
3356
+ "background-color": {
3357
+ "value": "#fff",
3358
+ "type": "color"
3359
+ },
3360
+ "color": {
3361
+ "value": "#334155",
3362
+ "type": "color"
3363
+ },
3364
+ "border-width": {
3365
+ "value": "1px",
3366
+ "type": "borderWidth"
3367
+ },
3368
+ "border-color": {
3369
+ "value": "#CBD5E1",
3370
+ "type": "color"
3371
+ },
3372
+ "heading": {
3373
+ "color": {
3374
+ "value": "#154273",
3375
+ "type": "color"
3376
+ }
3377
+ },
3378
+ "column-gap": {
3379
+ "value": "1rem",
3380
+ "type": "space"
3381
+ },
3382
+ "min-height": {
3383
+ "value": "48px",
3384
+ "type": "size"
3385
+ },
3386
+ "padding-block": {
3387
+ "value": "0.75rem",
3388
+ "type": "space"
3389
+ },
3390
+ "padding-inline": {
3391
+ "value": "1rem",
3392
+ "type": "space"
3393
+ }
3394
+ }
3395
+ },
3396
+ "nav-bar": {
3397
+ "border-block-end-width": {
3398
+ "value": "1px",
3399
+ "type": "borderWidth"
3400
+ },
3401
+ "padding-inline": {
3402
+ "value": "1rem",
3403
+ "type": "spacing"
3404
+ },
3405
+ "content": {
3406
+ "column-gap": {
3407
+ "value": "1rem",
3408
+ "type": "spacing"
3409
+ }
3410
+ },
3411
+ "icon": {
3412
+ "color": {
3413
+ "value": "#154273",
3414
+ "type": "color"
3415
+ },
3416
+ "active": {
3417
+ "color": {
3418
+ "value": "#fff",
3419
+ "type": "color"
3420
+ }
3421
+ },
3422
+ "size": {
3423
+ "value": "24px",
3424
+ "type": "sizing"
3425
+ }
3426
+ },
3427
+ "link": {
3428
+ "active": {
3429
+ "background-color": {
3430
+ "value": "#154273",
3431
+ "type": "color"
3432
+ },
3433
+ "color": {
3434
+ "value": "#fff",
3435
+ "type": "color"
3436
+ }
3437
+ },
3438
+ "background-color": {
3439
+ "value": "#fff",
3440
+ "type": "color"
3441
+ },
3442
+ "color": {
3443
+ "value": "#154273",
3444
+ "type": "color"
3445
+ },
3446
+ "focus": {
3447
+ "background-color": {
3448
+ "value": "#dce3ea",
3449
+ "type": "color"
3450
+ },
3451
+ "color": {
3452
+ "value": "#154273",
3453
+ "type": "color"
3454
+ }
3455
+ },
3456
+ "hover": {
3457
+ "background-color": {
3458
+ "value": "#F8FAFC",
3459
+ "type": "color"
3460
+ },
3461
+ "color": {
3462
+ "value": "#154273",
3463
+ "type": "color"
3464
+ }
3465
+ },
3466
+ "padding-block-end": {
3467
+ "value": "1rem",
3468
+ "type": "spacing"
3469
+ },
3470
+ "padding-block-start": {
3471
+ "value": "1rem",
3472
+ "type": "spacing"
3473
+ },
3474
+ "padding-inline-end": {
3475
+ "value": "0.75rem",
3476
+ "type": "spacing"
3477
+ },
3478
+ "padding-inline-start": {
3479
+ "value": "0.75rem",
3480
+ "type": "spacing"
3481
+ },
3482
+ "column-gap": {
3483
+ "value": "0.5rem",
3484
+ "type": "spacing"
3485
+ }
3486
+ },
3487
+ "heading": {
3488
+ "font-weight": {
3489
+ "value": 700,
3490
+ "type": "fontWeights"
3491
+ }
3492
+ },
3493
+ "background-color": {
3494
+ "value": "#fff",
3495
+ "type": "color"
3496
+ },
3497
+ "color": {
3498
+ "value": "#154273",
3499
+ "type": "color"
3500
+ },
3501
+ "border-color": {
3502
+ "value": "#64748B",
3503
+ "type": "color"
3504
+ }
3505
+ },
3506
+ "logo": {
3507
+ "img": {
3508
+ "background-color": {
3509
+ "value": "#F1F5F9",
3510
+ "type": "color"
3511
+ },
3512
+ "inline-size": {
3513
+ "value": "48px",
3514
+ "type": "sizing"
3515
+ },
3516
+ "block-size": {
3517
+ "value": "96px",
3518
+ "type": "sizing"
3519
+ },
3520
+ "color": {
3521
+ "value": "#154273",
3522
+ "type": "color"
3523
+ }
3524
+ },
3525
+ "title": {
3526
+ "font-weight": {
3527
+ "value": 600,
3528
+ "type": "fontWeights"
3529
+ },
3530
+ "line-height": {
3531
+ "value": "1.063rem",
3532
+ "type": "lineHeights"
3533
+ },
3534
+ "font-size": {
3535
+ "value": "0.913rem",
3536
+ "type": "fontSizes"
3537
+ },
3538
+ "padding-block-start": {
3539
+ "value": "3.125rem",
3540
+ "type": "spacing"
3541
+ }
3542
+ },
3543
+ "subtitle": {
3544
+ "font-weight": {
3545
+ "value": 400,
3546
+ "type": "fontWeights"
3547
+ },
3548
+ "line-height": {
3549
+ "value": "1rem",
3550
+ "type": "lineHeights"
3551
+ },
3552
+ "font-size": {
3553
+ "value": "0.775rem",
3554
+ "type": "fontSizes"
3555
+ }
3556
+ },
3557
+ "column-gap": {
3558
+ "value": "12px",
3559
+ "type": "spacing"
3560
+ },
3561
+ "font-family": {
3562
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
3563
+ "type": "fontFamilies"
3564
+ },
3565
+ "color": {
3566
+ "value": "#154273",
3567
+ "type": "color"
3568
+ }
3569
+ },
3570
+ "link-list-card": {
3571
+ "background-color": {
3572
+ "value": "#fff",
3573
+ "type": "color"
3574
+ },
3575
+ "padding-block-start": {
3576
+ "value": "1.5rem",
3577
+ "type": "spacing"
3578
+ },
3579
+ "padding-block-end": {
3580
+ "value": "1.5rem",
3581
+ "type": "spacing"
3582
+ },
3583
+ "row-gap": {
3584
+ "value": "1rem",
3585
+ "type": "spacing"
3586
+ },
3587
+ "padding-inline-start": {
3588
+ "value": "1.5rem",
3589
+ "type": "spacing"
3590
+ },
3591
+ "padding-inline-end": {
3592
+ "value": "1.5rem",
3593
+ "type": "spacing"
3594
+ }
3595
+ },
3596
+ "icon-only-button": {
3597
+ "padding-block-end": {
3598
+ "value": "0.75rem",
3599
+ "type": "spacing"
3600
+ },
3601
+ "padding-block-start": {
3602
+ "value": "0.75rem",
3603
+ "type": "spacing"
3604
+ },
3605
+ "padding-inline-end": {
3606
+ "value": "0.75rem",
3607
+ "type": "spacing"
3608
+ },
3609
+ "padding-inline-start": {
3610
+ "value": "0.75rem",
3611
+ "type": "spacing"
3612
+ }
3613
+ },
3614
+ "hero": {
3615
+ "heading": {
3616
+ "font-weight": {
3617
+ "value": 700,
3618
+ "type": "fontWeights"
3619
+ },
3620
+ "line-height": {
3621
+ "value": "125%",
3622
+ "type": "lineHeights"
3623
+ },
3624
+ "font-size": {
3625
+ "value": "1.875rem",
3626
+ "type": "fontSizes"
3627
+ },
3628
+ "font-family": {
3629
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
3630
+ "type": "fontFamilies"
3631
+ }
3632
+ },
3633
+ "sub-heading": {
3634
+ "font-weight": {
3635
+ "value": 400,
3636
+ "type": "fontWeights"
3637
+ },
3638
+ "line-height": {
3639
+ "value": "150%",
3640
+ "type": "lineHeights"
3641
+ },
3642
+ "font-size": {
3643
+ "value": "1.25rem",
3644
+ "type": "fontSizes"
3645
+ },
3646
+ "font-family": {
3647
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
3648
+ "type": "fontFamilies"
3649
+ }
3650
+ },
3651
+ "message": {
3652
+ "background-color": {
3653
+ "value": "#154273",
3654
+ "type": "color"
3655
+ },
3656
+ "color": {
3657
+ "value": "#fff",
3658
+ "type": "color"
3659
+ },
3660
+ "row-gap": {
3661
+ "value": "0.125rem",
3662
+ "type": "spacing"
3663
+ },
3664
+ "padding-block-end": {
3665
+ "value": "1rem",
3666
+ "type": "spacing"
3667
+ },
3668
+ "padding-inline-end": {
3669
+ "value": "1rem",
3670
+ "type": "spacing"
3671
+ },
3672
+ "padding-inline-start": {
3673
+ "value": "1rem",
3674
+ "type": "spacing"
3675
+ },
3676
+ "padding-block-start": {
3677
+ "value": "1rem",
3678
+ "type": "spacing"
3679
+ },
3680
+ "border-radius": {
3681
+ "value": "20px",
3682
+ "type": "borderRadius"
3683
+ },
3684
+ "inline-size": {
3685
+ "value": "90%",
3686
+ "type": "sizing"
3687
+ }
3688
+ },
3689
+ "border-radius": {
3690
+ "value": "40px",
3691
+ "type": "borderRadius"
3692
+ },
3693
+ "inline-size": {
3694
+ "value": "100%",
3695
+ "type": "sizing"
3696
+ }
3697
+ },
3698
+ "form-field-radio-option": {
3699
+ "column-gap": {
3700
+ "value": "0.5rem",
3701
+ "type": "spacing"
3702
+ },
3703
+ "font-weight": {
3704
+ "value": 400,
3705
+ "type": "fontWeights"
3706
+ },
3707
+ "row-gap": {
3708
+ "value": "0.5rem",
3709
+ "type": "spacing"
3710
+ }
3711
+ },
3712
+ "form-field-checkbox-option": {
3713
+ "column-gap": {
3714
+ "value": "0.5rem",
3715
+ "type": "spacing"
3716
+ }
3717
+ },
3718
+ "dot-badge": {
3719
+ "border-radius": {
3720
+ "value": "999px",
3721
+ "type": "border-radius"
3722
+ },
3723
+ "color": {
3724
+ "value": "#d52b1e",
3725
+ "type": "color"
3726
+ },
3727
+ "size": {
3728
+ "value": "12px",
3729
+ "type": "size"
3730
+ }
3731
+ },
3732
+ "checkbox-group": {
3733
+ "padding-block-end": {
3734
+ "value": "0.5rem",
3735
+ "type": "spacing"
3736
+ },
3737
+ "padding-block-start": {
3738
+ "value": "0.5rem",
3739
+ "type": "spacing"
3740
+ },
3741
+ "row-gap": {
3742
+ "value": "1rem",
3743
+ "type": "spacing"
3744
+ }
3745
+ },
3746
+ "accordion": {
3747
+ "button": {
3748
+ "font-family": {
3749
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
3750
+ "type": "fontFamilies"
3751
+ },
3752
+ "font-size": {
3753
+ "value": "1.25rem",
3754
+ "type": "fontSizes"
3755
+ },
3756
+ "font-weight": {
3757
+ "value": 400,
3758
+ "type": "fontWeights"
3759
+ },
3760
+ "line-height": {
3761
+ "value": "150%",
3762
+ "type": "lineHeights"
3763
+ },
3764
+ "icon": {
3765
+ "margin-block": {
3766
+ "value": "0.25rem",
3767
+ "type": "spacing"
3768
+ }
3769
+ },
3770
+ "padding-block-end": {
3771
+ "value": "0.75rem",
3772
+ "type": "spacing"
3773
+ },
3774
+ "padding-block-start": {
3775
+ "value": "0.75rem",
3776
+ "type": "spacing"
3777
+ },
3778
+ "padding-inline-end": {
3779
+ "value": "1rem",
3780
+ "type": "spacing"
3781
+ },
3782
+ "padding-inline-start": {
3783
+ "value": "1rem",
3784
+ "type": "spacing"
3785
+ },
3786
+ "expanded": {
3787
+ "background-color": {
3788
+ "value": "#fff",
3789
+ "type": "color"
3790
+ },
3791
+ "color": {
3792
+ "value": "#154273",
3793
+ "type": "color"
3794
+ }
3795
+ }
3796
+ },
3797
+ "section": {
3798
+ "border-block-end-width": {
3799
+ "value": "1px",
3800
+ "type": "borderWidth"
3801
+ },
3802
+ "border-width": {
3803
+ "value": 0,
3804
+ "type": "borderWidth"
3805
+ },
3806
+ "border-color": {
3807
+ "value": "#94A3B8",
3808
+ "type": "color"
3809
+ }
3810
+ },
3811
+ "header": {
3812
+ "margin": {
3813
+ "value": 0,
3814
+ "type": "spacing"
3815
+ }
3816
+ },
3817
+ "border-radius": {
3818
+ "value": "0px",
3819
+ "type": "borderRadius"
3820
+ },
3821
+ "color": {
3822
+ "value": "#154273",
3823
+ "type": "color"
3824
+ }
3825
+ },
3826
+ "keep": {
3827
+ "top-left": {
3828
+ "borderRadiusTopLeft": {
3829
+ "value": "48px",
3830
+ "type": "borderRadius"
3831
+ },
3832
+ "borderRadiusTopRight": {
3833
+ "value": 0,
3834
+ "type": "borderRadius"
3835
+ },
3836
+ "borderRadiusBottomRight": {
3837
+ "value": 0,
3838
+ "type": "borderRadius"
3839
+ },
3840
+ "borderRadiusBottomLeft": {
3841
+ "value": 0,
3842
+ "type": "borderRadius"
3843
+ }
3844
+ },
3845
+ "top-right": {
3846
+ "borderRadiusTopRight": {
3847
+ "value": "48px",
3848
+ "type": "borderRadius"
3849
+ },
3850
+ "borderRadiusTopLeft": {
3851
+ "value": 0,
3852
+ "type": "borderRadius"
3853
+ },
3854
+ "borderRadiusBottomRight": {
3855
+ "value": 0,
3856
+ "type": "borderRadius"
3857
+ },
3858
+ "borderRadiusBottomLeft": {
3859
+ "value": 0,
3860
+ "type": "borderRadius"
3861
+ }
3862
+ },
3863
+ "bottom-right": {
3864
+ "borderRadiusTopLeft": {
3865
+ "value": 0,
3866
+ "type": "borderRadius"
3867
+ },
3868
+ "borderRadiusTopRight": {
3869
+ "value": 0,
3870
+ "type": "borderRadius"
3871
+ },
3872
+ "borderRadiusBottomRight": {
3873
+ "value": "48px",
3874
+ "type": "borderRadius"
3875
+ },
3876
+ "borderRadiusBottomLeft": {
3877
+ "value": 0,
3878
+ "type": "borderRadius"
3879
+ }
3880
+ },
3881
+ "bottom-left": {
3882
+ "borderRadiusTopLeft": {
3883
+ "value": 0,
3884
+ "type": "borderRadius"
3885
+ },
3886
+ "borderRadiusTopRight": {
3887
+ "value": 0,
3888
+ "type": "borderRadius"
3889
+ },
3890
+ "borderRadiusBottomRight": {
3891
+ "value": 0,
3892
+ "type": "borderRadius"
3893
+ },
3894
+ "borderRadiusBottomLeft": {
3895
+ "value": "48px",
3896
+ "type": "borderRadius"
3897
+ }
3898
+ }
3899
+ },
3900
+ "border-radius": {
3901
+ "sm": {
3902
+ "value": "2.5px",
3903
+ "type": "borderRadius"
3904
+ },
3905
+ "md": {
3906
+ "value": "5px",
3907
+ "type": "borderRadius"
3908
+ },
3909
+ "keep": {
3910
+ "value": "48px",
3911
+ "type": "borderRadius"
3912
+ },
3913
+ "circle": {
3914
+ "parent": "core/default",
3915
+ "value": "999px",
3916
+ "type": "borderRadius"
3917
+ },
3918
+ "none": {
3919
+ "parent": "core/default",
3920
+ "value": "0px",
3921
+ "type": "borderRadius"
3922
+ }
3923
+ },
3924
+ "color": {
3925
+ "focus": {
3926
+ "outline": {
3927
+ "value": "#000",
3928
+ "type": "color"
3929
+ }
3930
+ },
3931
+ "foreground": {
3932
+ "default": {
3933
+ "parent": "mode/light",
3934
+ "value": "#000",
3935
+ "type": "color",
3936
+ "description": "Standaard kleur voor teksten en iconen. Gebruik deze voor body content, titels en labels."
3937
+ },
3938
+ "lint": {
3939
+ "value": "#154273",
3940
+ "type": "color"
3941
+ },
3942
+ "subdued": {
3943
+ "parent": "mode/light",
3944
+ "value": "#334155",
3945
+ "type": "color",
3946
+ "description": "Gebruik voor content die extra context biedt, maar niet essentieel is om de interface te begrijpen."
3947
+ },
3948
+ "onEmphasis": {
3949
+ "parent": "mode/light",
3950
+ "value": "#fff",
3951
+ "type": "color",
3952
+ "description": "Tekst en iconen die op een sterke achtergrond staan. Zoals het label in de primaire button of links in de footer."
3953
+ },
3954
+ "link": {
3955
+ "value": "#01689b",
3956
+ "type": "color"
3957
+ }
3958
+ },
3959
+ "border": {
3960
+ "default": {
3961
+ "parent": "mode/light",
3962
+ "value": "#64748B",
3963
+ "type": "color",
3964
+ "description": "Border kleur"
3965
+ },
3966
+ "subdued": {
3967
+ "parent": "mode/light",
3968
+ "value": "#94A3B8",
3969
+ "type": "color",
3970
+ "description": "Subtiele border"
3971
+ },
3972
+ "strong": {
3973
+ "parent": "mode/light",
3974
+ "value": "#000",
3975
+ "type": "color"
3976
+ }
3977
+ },
3978
+ "canvas": {
3979
+ "parent": "mode/light",
3980
+ "value": "#fff",
3981
+ "type": "color",
3982
+ "description": "Gebruik deze kleur voor de achtergrond van de website, hierbovenop komen de background kleuren."
3983
+ },
3984
+ "feedback": {
3985
+ "success": {
3986
+ "default": {
3987
+ "parent": "mode/light",
3988
+ "value": "#39870c",
3989
+ "type": "color",
3990
+ "description": "Gebruik deze kleur om een positieve boodschap te benadrukken."
3991
+ },
3992
+ "subdued": {
3993
+ "parent": "mode/light",
3994
+ "value": "#e1eddb",
3995
+ "type": "color",
3996
+ "description": "Gebruik deze kleur om een positieve boodschap te highlighten."
3997
+ }
3998
+ },
3999
+ "info": {
4000
+ "default": {
4001
+ "parent": "mode/light",
4002
+ "value": "#007bc7",
4003
+ "type": "color",
4004
+ "description": "Gebruik deze kleur om een informatieve boodschap te benadrukken."
4005
+ },
4006
+ "subdued": {
4007
+ "parent": "mode/light",
4008
+ "value": "#d9ebf7",
4009
+ "type": "color",
4010
+ "description": "Gebruik deze kleur om een informatieve boodschap te highlighten."
4011
+ }
4012
+ },
4013
+ "error": {
4014
+ "default": {
4015
+ "parent": "mode/light",
4016
+ "value": "#d52b1e",
4017
+ "type": "color",
4018
+ "description": "Gebruik deze kleur om een negatieve boodschap te benadrukken."
4019
+ },
4020
+ "subdued": {
4021
+ "parent": "mode/light",
4022
+ "value": "#f9dfdd",
4023
+ "type": "color",
4024
+ "description": "Gebruik deze kleur om een negatieve boodschap te highlighten."
4025
+ }
4026
+ },
4027
+ "warning": {
4028
+ "default": {
4029
+ "parent": "mode/light",
4030
+ "value": "#ffb612",
4031
+ "type": "color",
4032
+ "description": "Gebruik deze kleur om een waarschuwing te benadrukken."
4033
+ },
4034
+ "subdued": {
4035
+ "parent": "mode/light",
4036
+ "value": "#fff4db",
4037
+ "type": "color",
4038
+ "description": "Gebruik deze kleur om een waarschuwing te highlighten."
4039
+ }
4040
+ }
4041
+ },
4042
+ "accent": {
4043
+ "500": {
4044
+ "value": "#8fcae7",
4045
+ "type": "color"
4046
+ }
4047
+ },
4048
+ "primary": {
4049
+ "50": {
4050
+ "value": "#dce3ea",
4051
+ "type": "color"
4052
+ },
4053
+ "100": {
4054
+ "value": "#b8c6d5",
4055
+ "type": "color"
4056
+ },
4057
+ "200": {
4058
+ "value": "#95a9c0",
4059
+ "type": "color"
4060
+ },
4061
+ "300": {
4062
+ "value": "#738eab",
4063
+ "type": "color"
4064
+ },
4065
+ "400": {
4066
+ "value": "#4f7196",
4067
+ "type": "color"
4068
+ },
4069
+ "500": {
4070
+ "value": "#154273",
4071
+ "type": "color"
4072
+ },
4073
+ "hover": {
4074
+ "$extensions": {
4075
+ "studio.tokens": {
4076
+ "modify": {
4077
+ "type": "darken",
4078
+ "value": "0.3",
4079
+ "space": "lch"
4080
+ }
4081
+ }
4082
+ },
4083
+ "value": "#162f50",
4084
+ "type": "color"
4085
+ }
4086
+ },
4087
+ "grijs": {
4088
+ "50": {
4089
+ "value": "#F8FAFC",
4090
+ "type": "color"
4091
+ },
4092
+ "100": {
4093
+ "parent": "core/default",
4094
+ "value": "#F1F5F9",
4095
+ "type": "color"
4096
+ },
4097
+ "200": {
4098
+ "parent": "core/default",
4099
+ "value": "#E2E8F0",
4100
+ "type": "color"
4101
+ },
4102
+ "300": {
4103
+ "parent": "core/default",
4104
+ "value": "#CBD5E1",
4105
+ "type": "color"
4106
+ },
4107
+ "400": {
4108
+ "parent": "core/default",
4109
+ "value": "#94A3B8",
4110
+ "type": "color"
4111
+ },
4112
+ "500": {
4113
+ "parent": "core/default",
4114
+ "value": "#64748B",
4115
+ "type": "color"
4116
+ },
4117
+ "600": {
4118
+ "parent": "core/default",
4119
+ "value": "#475569",
4120
+ "type": "color"
4121
+ },
4122
+ "700": {
4123
+ "parent": "core/default",
4124
+ "value": "#334155",
4125
+ "type": "color"
4126
+ },
4127
+ "800": {
4128
+ "parent": "core/default",
4129
+ "value": "#1E293B",
4130
+ "type": "color"
4131
+ },
4132
+ "900": {
4133
+ "parent": "core/default",
4134
+ "value": "#0F172A",
4135
+ "type": "color"
4136
+ }
4137
+ },
4138
+ "lichtblauw": {
4139
+ "50": {
4140
+ "parent": "core/default",
4141
+ "value": "#eef7fb",
4142
+ "type": "color"
4143
+ },
4144
+ "100": {
4145
+ "parent": "core/default",
4146
+ "value": "#ddeff8",
4147
+ "type": "color"
4148
+ },
4149
+ "200": {
4150
+ "value": "#CCE7F4",
4151
+ "type": "color"
4152
+ },
4153
+ "300": {
4154
+ "value": "#BCDFF0",
4155
+ "type": "color"
4156
+ },
4157
+ "400": {
4158
+ "value": "#ABD7ED",
4159
+ "type": "color"
4160
+ },
4161
+ "500": {
4162
+ "parent": "core/default",
4163
+ "value": "#8fcae7",
4164
+ "type": "color"
4165
+ }
4166
+ },
4167
+ "violet": {
4168
+ "50": {
4169
+ "parent": "core/default",
4170
+ "value": "#f2d9e7",
4171
+ "type": "color"
4172
+ },
4173
+ "100": {
4174
+ "parent": "core/default",
4175
+ "value": "#e5b3d0",
4176
+ "type": "color"
4177
+ },
4178
+ "200": {
4179
+ "value": "#D88CB7",
4180
+ "type": "color"
4181
+ },
4182
+ "300": {
4183
+ "value": "#CB66A0",
4184
+ "type": "color"
4185
+ },
4186
+ "400": {
4187
+ "value": "#BE4088",
4188
+ "type": "color"
4189
+ },
4190
+ "500": {
4191
+ "parent": "core/default",
4192
+ "value": "#a90061",
4193
+ "type": "color"
4194
+ }
4195
+ },
4196
+ "paars": {
4197
+ "50": {
4198
+ "parent": "core/default",
4199
+ "value": "#e3dce7",
4200
+ "type": "color"
4201
+ },
4202
+ "100": {
4203
+ "parent": "core/default",
4204
+ "value": "#c6b9cf",
4205
+ "type": "color"
4206
+ },
4207
+ "200": {
4208
+ "value": "#A995B7",
4209
+ "type": "color"
4210
+ },
4211
+ "300": {
4212
+ "value": "#8D729F",
4213
+ "type": "color"
4214
+ },
4215
+ "400": {
4216
+ "parent": "core/default",
4217
+ "value": "#714f87",
4218
+ "type": "color"
4219
+ },
4220
+ "500": {
4221
+ "parent": "core/default",
4222
+ "value": "#42145f",
4223
+ "type": "color"
4224
+ }
4225
+ },
4226
+ "hemelblauw": {
4227
+ "50": {
4228
+ "parent": "core/default",
4229
+ "value": "#d9ebf7",
4230
+ "type": "color"
4231
+ },
4232
+ "100": {
4233
+ "parent": "core/default",
4234
+ "value": "#b3d7ee",
4235
+ "type": "color"
4236
+ },
4237
+ "200": {
4238
+ "value": "#8CC3E6",
4239
+ "type": "color"
4240
+ },
4241
+ "300": {
4242
+ "value": "#66AFDD",
4243
+ "type": "color"
4244
+ },
4245
+ "400": {
4246
+ "value": "#409CD5",
4247
+ "type": "color"
4248
+ },
4249
+ "500": {
4250
+ "parent": "core/default",
4251
+ "value": "#007bc7",
4252
+ "type": "color"
4253
+ }
4254
+ },
4255
+ "donkerblauw": {
4256
+ "50": {
4257
+ "parent": "core/default",
4258
+ "value": "#d9e8f0",
4259
+ "type": "color"
4260
+ },
4261
+ "100": {
4262
+ "parent": "core/default",
4263
+ "value": "#b3d2e1",
4264
+ "type": "color"
4265
+ },
4266
+ "200": {
4267
+ "value": "#8CBBD2",
4268
+ "type": "color"
4269
+ },
4270
+ "300": {
4271
+ "value": "#66A4C3",
4272
+ "type": "color"
4273
+ },
4274
+ "400": {
4275
+ "value": "#408EB4",
4276
+ "type": "color"
4277
+ },
4278
+ "500": {
4279
+ "parent": "core/default",
4280
+ "value": "#01689b",
4281
+ "type": "color"
4282
+ }
4283
+ },
4284
+ "mintgroen": {
4285
+ "50": {
4286
+ "parent": "core/default",
4287
+ "value": "#eaf8f4",
4288
+ "type": "color"
4289
+ },
4290
+ "100": {
4291
+ "parent": "core/default",
4292
+ "value": "#d6f2e9",
4293
+ "type": "color"
4294
+ },
4295
+ "200": {
4296
+ "value": "#C1EBDE",
4297
+ "type": "color"
4298
+ },
4299
+ "300": {
4300
+ "value": "#ACE4D3",
4301
+ "type": "color"
4302
+ },
4303
+ "400": {
4304
+ "value": "#98DDC8",
4305
+ "type": "color"
4306
+ },
4307
+ "500": {
4308
+ "parent": "core/default",
4309
+ "value": "#76d2b6",
4310
+ "type": "color"
4311
+ }
4312
+ },
4313
+ "mosgroen": {
4314
+ "50": {
4315
+ "parent": "core/default",
4316
+ "value": "#ebebd9",
4317
+ "type": "color"
4318
+ },
4319
+ "100": {
4320
+ "parent": "core/default",
4321
+ "value": "#d6d7b3",
4322
+ "type": "color"
4323
+ },
4324
+ "200": {
4325
+ "value": "#C1C38C",
4326
+ "type": "color"
4327
+ },
4328
+ "300": {
4329
+ "value": "#ADAF66",
4330
+ "type": "color"
4331
+ },
4332
+ "400": {
4333
+ "value": "#999C40",
4334
+ "type": "color"
4335
+ },
4336
+ "500": {
4337
+ "parent": "core/default",
4338
+ "value": "#777b00",
4339
+ "type": "color"
4340
+ }
4341
+ },
4342
+ "groen": {
4343
+ "50": {
4344
+ "parent": "core/default",
4345
+ "value": "#e1eddb",
4346
+ "type": "color"
4347
+ },
4348
+ "100": {
4349
+ "parent": "core/default",
4350
+ "value": "#c4dbb6",
4351
+ "type": "color"
4352
+ },
4353
+ "200": {
4354
+ "value": "#A5C991",
4355
+ "type": "color"
4356
+ },
4357
+ "300": {
4358
+ "value": "#88B76D",
4359
+ "type": "color"
4360
+ },
4361
+ "400": {
4362
+ "value": "#6AA549",
4363
+ "type": "color"
4364
+ },
4365
+ "500": {
4366
+ "parent": "core/default",
4367
+ "value": "#39870c",
4368
+ "type": "color"
4369
+ }
4370
+ },
4371
+ "donkergroen": {
4372
+ "50": {
4373
+ "parent": "core/default",
4374
+ "value": "#dfe6e1",
4375
+ "type": "color"
4376
+ },
4377
+ "100": {
4378
+ "parent": "core/default",
4379
+ "value": "#becdc3",
4380
+ "type": "color"
4381
+ },
4382
+ "200": {
4383
+ "value": "#9DB4A4",
4384
+ "type": "color"
4385
+ },
4386
+ "300": {
4387
+ "value": "#7D9B87",
4388
+ "type": "color"
4389
+ },
4390
+ "400": {
4391
+ "value": "#5D8269",
4392
+ "type": "color"
4393
+ },
4394
+ "500": {
4395
+ "parent": "core/default",
4396
+ "value": "#275937",
4397
+ "type": "color"
4398
+ }
4399
+ },
4400
+ "bruin": {
4401
+ "50": {
4402
+ "parent": "core/default",
4403
+ "value": "#efeada",
4404
+ "type": "color"
4405
+ },
4406
+ "100": {
4407
+ "parent": "core/default",
4408
+ "value": "#dfd4b6",
4409
+ "type": "color"
4410
+ },
4411
+ "200": {
4412
+ "value": "#CFBF90",
4413
+ "type": "color"
4414
+ },
4415
+ "300": {
4416
+ "value": "#BFA96C",
4417
+ "type": "color"
4418
+ },
4419
+ "400": {
4420
+ "value": "#AF9447",
4421
+ "type": "color"
4422
+ },
4423
+ "500": {
4424
+ "parent": "core/default",
4425
+ "value": "#94710a",
4426
+ "type": "color"
4427
+ }
4428
+ },
4429
+ "donkerbruin": {
4430
+ "50": {
4431
+ "parent": "core/default",
4432
+ "value": "#e8e0df",
4433
+ "type": "color"
4434
+ },
4435
+ "100": {
4436
+ "parent": "core/default",
4437
+ "value": "#d1c2be",
4438
+ "type": "color"
4439
+ },
4440
+ "200": {
4441
+ "value": "#BAA39D",
4442
+ "type": "color"
4443
+ },
4444
+ "300": {
4445
+ "value": "#A3847D",
4446
+ "type": "color"
4447
+ },
4448
+ "400": {
4449
+ "value": "#8D665D",
4450
+ "type": "color"
4451
+ },
4452
+ "500": {
4453
+ "parent": "core/default",
4454
+ "value": "#673327",
4455
+ "type": "color"
4456
+ }
4457
+ },
4458
+ "geel": {
4459
+ "50": {
4460
+ "parent": "core/default",
4461
+ "value": "#fefbdd",
4462
+ "type": "color"
4463
+ },
4464
+ "100": {
4465
+ "parent": "core/default",
4466
+ "value": "#fdf6bc",
4467
+ "type": "color"
4468
+ },
4469
+ "200": {
4470
+ "value": "#FCF199",
4471
+ "type": "color"
4472
+ },
4473
+ "300": {
4474
+ "value": "#FBED78",
4475
+ "type": "color"
4476
+ },
4477
+ "400": {
4478
+ "value": "#FAE856",
4479
+ "type": "color"
4480
+ },
4481
+ "500": {
4482
+ "parent": "core/default",
4483
+ "value": "#f9e11e",
4484
+ "type": "color"
4485
+ }
4486
+ },
4487
+ "donkergeel": {
4488
+ "50": {
4489
+ "parent": "core/default",
4490
+ "value": "#fff4db",
4491
+ "type": "color"
4492
+ },
4493
+ "100": {
4494
+ "parent": "core/default",
4495
+ "value": "#ffe9b8",
4496
+ "type": "color"
4497
+ },
4498
+ "200": {
4499
+ "value": "#FDDE94",
4500
+ "type": "color"
4501
+ },
4502
+ "300": {
4503
+ "value": "#FDD370",
4504
+ "type": "color"
4505
+ },
4506
+ "400": {
4507
+ "value": "#FDC84D",
4508
+ "type": "color"
4509
+ },
4510
+ "500": {
4511
+ "parent": "core/default",
4512
+ "value": "#ffb612",
4513
+ "type": "color"
4514
+ }
4515
+ },
4516
+ "oranje": {
4517
+ "50": {
4518
+ "parent": "core/default",
4519
+ "value": "#fbead9",
4520
+ "type": "color"
4521
+ },
4522
+ "100": {
4523
+ "parent": "core/default",
4524
+ "value": "#f6d4b3",
4525
+ "type": "color"
4526
+ },
4527
+ "200": {
4528
+ "value": "#F1BE8C",
4529
+ "type": "color"
4530
+ },
4531
+ "300": {
4532
+ "value": "#EDA966",
4533
+ "type": "color"
4534
+ },
4535
+ "400": {
4536
+ "value": "#E89440",
4537
+ "type": "color"
4538
+ },
4539
+ "500": {
4540
+ "parent": "core/default",
4541
+ "value": "#e17000",
4542
+ "type": "color"
4543
+ }
4544
+ },
4545
+ "rood": {
4546
+ "50": {
4547
+ "parent": "core/default",
4548
+ "value": "#f9dfdd",
4549
+ "type": "color"
4550
+ },
4551
+ "100": {
4552
+ "parent": "core/default",
4553
+ "value": "#f2bfbc",
4554
+ "type": "color"
4555
+ },
4556
+ "200": {
4557
+ "value": "#EC9F99",
4558
+ "type": "color"
4559
+ },
4560
+ "300": {
4561
+ "value": "#E67F78",
4562
+ "type": "color"
4563
+ },
4564
+ "400": {
4565
+ "value": "#DF6056",
4566
+ "type": "color"
4567
+ },
4568
+ "500": {
4569
+ "parent": "core/default",
4570
+ "value": "#d52b1e",
4571
+ "type": "color"
4572
+ }
4573
+ },
4574
+ "roze": {
4575
+ "50": {
4576
+ "parent": "core/default",
4577
+ "value": "#fdeff8",
4578
+ "type": "color"
4579
+ },
4580
+ "100": {
4581
+ "parent": "core/default",
4582
+ "value": "#fbdef0",
4583
+ "type": "color"
4584
+ },
4585
+ "200": {
4586
+ "value": "#F8CEE8",
4587
+ "type": "color"
4588
+ },
4589
+ "300": {
4590
+ "value": "#F6BDE1",
4591
+ "type": "color"
4592
+ },
4593
+ "400": {
4594
+ "value": "#F4ADD9",
4595
+ "type": "color"
4596
+ },
4597
+ "500": {
4598
+ "parent": "core/default",
4599
+ "value": "#f092cd",
4600
+ "type": "color"
4601
+ }
4602
+ },
4603
+ "robijnrood": {
4604
+ "50": {
4605
+ "parent": "core/default",
4606
+ "value": "#f7d9e7",
4607
+ "type": "color"
4608
+ },
4609
+ "100": {
4610
+ "parent": "core/default",
4611
+ "value": "#efb3ce",
4612
+ "type": "color"
4613
+ },
4614
+ "200": {
4615
+ "value": "#E78CB6",
4616
+ "type": "color"
4617
+ },
4618
+ "300": {
4619
+ "value": "#DF669D",
4620
+ "type": "color"
4621
+ },
4622
+ "400": {
4623
+ "value": "#D74085",
4624
+ "type": "color"
4625
+ },
4626
+ "500": {
4627
+ "parent": "core/default",
4628
+ "value": "#ca005d",
4629
+ "type": "color"
4630
+ }
4631
+ },
4632
+ "lintblauw": {
4633
+ "50": {
4634
+ "value": "#dce3ea",
4635
+ "type": "color"
4636
+ },
4637
+ "100": {
4638
+ "value": "#b8c6d5",
4639
+ "type": "color"
4640
+ },
4641
+ "200": {
4642
+ "value": "#95a9c0",
4643
+ "type": "color"
4644
+ },
4645
+ "300": {
4646
+ "value": "#738eab",
4647
+ "type": "color"
4648
+ },
4649
+ "400": {
4650
+ "value": "#4f7196",
4651
+ "type": "color"
4652
+ },
4653
+ "500": {
4654
+ "parent": "core/default",
4655
+ "value": "#154273",
4656
+ "type": "color"
4657
+ }
4658
+ },
4659
+ "wit": {
4660
+ "value": "#fff",
4661
+ "type": "color"
4662
+ },
4663
+ "zwart": {
4664
+ "value": "#000",
4665
+ "type": "color"
4666
+ },
4667
+ "none": {
4668
+ "value": "transparent",
4669
+ "type": "color"
4670
+ }
4671
+ },
4672
+ "focus": {
4673
+ "outline-offset": {
4674
+ "value": "0.125rem",
4675
+ "type": "spacing"
4676
+ },
4677
+ "outline-style": {
4678
+ "value": "solid",
4679
+ "type": "other"
4680
+ },
4681
+ "outline-width": {
4682
+ "value": "2px",
4683
+ "type": "borderWidth"
4684
+ }
4685
+ },
4686
+ "font-size": {
4687
+ "heading": {
4688
+ "level-1": {
4689
+ "value": "3.125rem",
4690
+ "type": "fontSizes"
4691
+ },
4692
+ "level-2": {
4693
+ "value": "2.5rem",
4694
+ "type": "fontSizes"
4695
+ },
4696
+ "level-3": {
4697
+ "value": "1.875rem",
4698
+ "type": "fontSizes"
4699
+ },
4700
+ "level-4": {
4701
+ "value": "1.5rem",
4702
+ "type": "fontSizes"
4703
+ },
4704
+ "level-5": {
4705
+ "value": "1.25rem",
4706
+ "type": "fontSizes"
4707
+ }
4708
+ },
4709
+ "paragraph": {
4710
+ "intro": {
4711
+ "value": "1.5rem",
4712
+ "type": "fontSizes"
4713
+ },
4714
+ "default": {
4715
+ "value": "1.25rem",
4716
+ "type": "fontSizes"
4717
+ }
4718
+ },
4719
+ "xs": {
4720
+ "desktop": {
4721
+ "value": "1.25rem",
4722
+ "type": "fontSizes"
4723
+ },
4724
+ "tablet": {
4725
+ "value": "1.125rem",
4726
+ "type": "fontSizes"
4727
+ },
4728
+ "mobile": {
4729
+ "value": "1rem",
4730
+ "type": "fontSizes"
4731
+ }
4732
+ },
4733
+ "sm": {
4734
+ "desktop": {
4735
+ "value": "1.5rem",
4736
+ "type": "fontSizes"
4737
+ },
4738
+ "tablet": {
4739
+ "value": "1.35rem",
4740
+ "type": "fontSizes"
4741
+ },
4742
+ "mobile": {
4743
+ "value": "1.2rem",
4744
+ "type": "fontSizes"
4745
+ }
4746
+ },
4747
+ "md": {
4748
+ "desktop": {
4749
+ "value": "1.875rem",
4750
+ "type": "fontSizes"
4751
+ },
4752
+ "tablet": {
4753
+ "value": "1.688rem",
4754
+ "type": "fontSizes"
4755
+ },
4756
+ "mobile": {
4757
+ "value": "1.5rem",
4758
+ "type": "fontSizes"
4759
+ }
4760
+ },
4761
+ "lg": {
4762
+ "desktop": {
4763
+ "value": "2.5rem",
4764
+ "type": "fontSizes"
4765
+ },
4766
+ "tablet": {
4767
+ "value": "2.25rem",
4768
+ "type": "fontSizes"
4769
+ },
4770
+ "mobile": {
4771
+ "value": "2rem",
4772
+ "type": "fontSizes"
4773
+ }
4774
+ },
4775
+ "xl": {
4776
+ "desktop": {
4777
+ "value": "3.125rem",
4778
+ "type": "fontSizes"
4779
+ },
4780
+ "tablet": {
4781
+ "value": "2.813rem",
4782
+ "type": "fontSizes"
4783
+ },
4784
+ "mobile": {
4785
+ "value": "2.5rem",
4786
+ "type": "fontSizes"
4787
+ }
4788
+ }
4789
+ },
4790
+ "line-height": {
4791
+ "paragraph": {
4792
+ "value": "150%",
4793
+ "type": "lineHeights"
4794
+ },
4795
+ "sm": {
4796
+ "value": "125%",
4797
+ "type": "lineHeights"
4798
+ },
4799
+ "md": {
4800
+ "value": "150%",
4801
+ "type": "lineHeights"
4802
+ }
4803
+ },
4804
+ "size": {
4805
+ "target": {
4806
+ "value": "48px",
4807
+ "type": "sizing"
4808
+ },
4809
+ "icon": {
4810
+ "functional": {
4811
+ "value": "24px",
4812
+ "type": "sizing"
4813
+ }
4814
+ },
4815
+ "quarter-lint": {
4816
+ "value": "12px",
4817
+ "type": "dimension"
4818
+ },
4819
+ "half-lint": {
4820
+ "value": "24px",
4821
+ "type": "dimension"
4822
+ },
4823
+ "lint": {
4824
+ "value": "48px",
4825
+ "type": "dimension"
4826
+ },
4827
+ "2-lint": {
4828
+ "value": "96px",
4829
+ "type": "dimension"
4830
+ },
4831
+ "3-lint": {
4832
+ "value": "1440px",
4833
+ "type": "dimension"
4834
+ }
4835
+ },
4836
+ "font-weight": {
4837
+ "extra-bold": {
4838
+ "value": 800,
4839
+ "type": "fontWeights"
4840
+ },
4841
+ "bold": {
4842
+ "value": 700,
4843
+ "type": "fontWeights"
4844
+ },
4845
+ "semi-bold": {
4846
+ "value": 550,
4847
+ "type": "fontWeights"
4848
+ },
4849
+ "regular": {
4850
+ "value": 400,
4851
+ "type": "fontWeights"
4852
+ },
4853
+ "chosen-regular": {
4854
+ "value": 400,
4855
+ "type": "fontWeights"
4856
+ },
4857
+ "light": {
4858
+ "value": 300,
4859
+ "type": "fontWeights"
4860
+ },
4861
+ "thin": {
4862
+ "value": 200,
4863
+ "type": "fontWeights"
4864
+ }
4865
+ },
4866
+ "font-family": {
4867
+ "primary": {
4868
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
4869
+ "type": "fontFamilies"
4870
+ },
4871
+ "secondary": {
4872
+ "value": "RijksoverheidSerifWeb, 'Times New Roman', serif",
4873
+ "type": "fontFamilies"
4874
+ }
4875
+ },
4876
+ "border-width": {
4877
+ "default": {
4878
+ "parent": "core/default",
4879
+ "value": "1px",
4880
+ "type": "borderWidth"
4881
+ },
4882
+ "m": {
4883
+ "parent": "core/default",
4884
+ "value": "2px",
4885
+ "type": "borderWidth"
4886
+ },
4887
+ "none": {
4888
+ "parent": "core/default",
4889
+ "value": "0px",
4890
+ "type": "borderWidth"
4891
+ }
4892
+ },
4893
+ "space": {
4894
+ "0": {
4895
+ "parent": "core/default",
4896
+ "value": 0,
4897
+ "type": "spacing"
4898
+ },
4899
+ "25": {
4900
+ "parent": "core/default",
4901
+ "value": "0.125rem",
4902
+ "type": "spacing"
4903
+ },
4904
+ "50": {
4905
+ "parent": "core/default",
4906
+ "value": "0.25rem",
4907
+ "type": "spacing"
4908
+ },
4909
+ "100": {
4910
+ "parent": "core/default",
4911
+ "value": "0.5rem",
4912
+ "type": "spacing"
4913
+ },
4914
+ "150": {
4915
+ "parent": "core/default",
4916
+ "value": "0.75rem",
4917
+ "type": "spacing"
4918
+ },
4919
+ "200": {
4920
+ "parent": "core/default",
4921
+ "value": "1rem",
4922
+ "type": "spacing"
4923
+ },
4924
+ "300": {
4925
+ "parent": "core/default",
4926
+ "value": "1.5rem",
4927
+ "type": "spacing"
4928
+ },
4929
+ "400": {
4930
+ "parent": "core/default",
4931
+ "value": "2rem",
4932
+ "type": "spacing"
4933
+ },
4934
+ "500": {
4935
+ "parent": "core/default",
4936
+ "value": "2.5rem",
4937
+ "type": "spacing"
4938
+ },
4939
+ "600": {
4940
+ "parent": "core/default",
4941
+ "value": "3rem",
4942
+ "type": "spacing"
4943
+ },
4944
+ "700": {
4945
+ "parent": "core/default",
4946
+ "value": "3.5rem",
4947
+ "type": "spacing"
4948
+ }
4949
+ }
4950
+ }
4951
+ }