@rijkshuisstijl-community/design-tokens 1.2.0 → 3.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (95) hide show
  1. package/CHANGELOG.md +64 -0
  2. package/README.md +153 -12
  3. package/dist/_variables.scss +155 -100
  4. package/dist/index.css +155 -100
  5. package/dist/index.d.ts +98 -43
  6. package/dist/index.js +155 -100
  7. package/dist/index.json +154 -99
  8. package/dist/index.tokens.json +214 -125
  9. package/dist/root.css +155 -100
  10. package/dist/tokens.d.ts +157 -68
  11. package/dist/tokens.js +7489 -6212
  12. package/dist/uitvoerend-groen/_variables.scss +1337 -0
  13. package/dist/uitvoerend-groen/index.css +1340 -0
  14. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-groen}/index.d.ts +468 -457
  15. package/dist/uitvoerend-groen/index.js +1338 -0
  16. package/dist/uitvoerend-groen/index.json +1335 -0
  17. package/dist/uitvoerend-groen/index.tokens.json +2045 -0
  18. package/dist/uitvoerend-groen/root.css +1340 -0
  19. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-groen}/tokens.d.ts +723 -732
  20. package/dist/uitvoerend-groen/tokens.js +31224 -0
  21. package/dist/uitvoerend-hemelblauw/_variables.scss +1337 -0
  22. package/dist/uitvoerend-hemelblauw/index.css +1340 -0
  23. package/dist/uitvoerend-hemelblauw/index.d.ts +1338 -0
  24. package/dist/uitvoerend-hemelblauw/index.js +1338 -0
  25. package/dist/uitvoerend-hemelblauw/index.json +1335 -0
  26. package/dist/uitvoerend-hemelblauw/index.tokens.json +2045 -0
  27. package/dist/uitvoerend-hemelblauw/root.css +1340 -0
  28. package/dist/uitvoerend-hemelblauw/tokens.d.ts +2068 -0
  29. package/dist/uitvoerend-hemelblauw/tokens.js +31224 -0
  30. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/_variables.scss +589 -578
  31. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/index.css +590 -579
  32. package/dist/uitvoerend-mintgroen/index.d.ts +1338 -0
  33. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/index.js +533 -522
  34. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/index.json +532 -521
  35. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/index.tokens.json +773 -782
  36. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/root.css +589 -578
  37. package/dist/uitvoerend-mintgroen/tokens.d.ts +2068 -0
  38. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/tokens.js +18125 -17940
  39. package/dist/uitvoerend-oranje/_variables.scss +1337 -0
  40. package/dist/uitvoerend-oranje/index.css +1340 -0
  41. package/dist/uitvoerend-oranje/index.d.ts +1338 -0
  42. package/dist/uitvoerend-oranje/index.js +1338 -0
  43. package/dist/uitvoerend-oranje/index.json +1335 -0
  44. package/dist/uitvoerend-oranje/index.tokens.json +2045 -0
  45. package/dist/uitvoerend-oranje/root.css +1340 -0
  46. package/dist/uitvoerend-oranje/tokens.d.ts +2068 -0
  47. package/dist/uitvoerend-oranje/tokens.js +31224 -0
  48. package/dist/uitvoerend-paars/_variables.scss +1337 -0
  49. package/dist/uitvoerend-paars/index.css +1340 -0
  50. package/dist/uitvoerend-paars/index.d.ts +1338 -0
  51. package/dist/uitvoerend-paars/index.js +1338 -0
  52. package/dist/uitvoerend-paars/index.json +1335 -0
  53. package/dist/uitvoerend-paars/index.tokens.json +2045 -0
  54. package/dist/uitvoerend-paars/root.css +1340 -0
  55. package/dist/uitvoerend-paars/tokens.d.ts +2068 -0
  56. package/dist/uitvoerend-paars/tokens.js +31224 -0
  57. package/dist/uitvoerend-violet/_variables.scss +680 -664
  58. package/dist/uitvoerend-violet/index.css +680 -664
  59. package/dist/uitvoerend-violet/index.d.ts +771 -755
  60. package/dist/uitvoerend-violet/index.js +803 -787
  61. package/dist/uitvoerend-violet/index.json +802 -786
  62. package/dist/uitvoerend-violet/index.tokens.json +1644 -1620
  63. package/dist/uitvoerend-violet/root.css +680 -664
  64. package/dist/uitvoerend-violet/tokens.d.ts +1539 -1515
  65. package/dist/uitvoerend-violet/tokens.js +21711 -21381
  66. package/dist/uitvoerend-violet-oud/_variables.scss +687 -670
  67. package/dist/uitvoerend-violet-oud/index.css +687 -670
  68. package/dist/uitvoerend-violet-oud/index.d.ts +771 -754
  69. package/dist/uitvoerend-violet-oud/index.js +803 -786
  70. package/dist/uitvoerend-violet-oud/index.json +802 -785
  71. package/dist/uitvoerend-violet-oud/index.tokens.json +1678 -1653
  72. package/dist/uitvoerend-violet-oud/root.css +687 -670
  73. package/dist/uitvoerend-violet-oud/tokens.d.ts +1536 -1511
  74. package/dist/uitvoerend-violet-oud/tokens.js +21594 -21243
  75. package/dist/wetgevend/_variables.scss +636 -620
  76. package/dist/wetgevend/index.css +636 -620
  77. package/dist/wetgevend/index.d.ts +771 -755
  78. package/dist/wetgevend/index.js +791 -775
  79. package/dist/wetgevend/index.json +790 -774
  80. package/dist/wetgevend/index.tokens.json +1643 -1619
  81. package/dist/wetgevend/root.css +636 -620
  82. package/dist/wetgevend/tokens.d.ts +1553 -1529
  83. package/dist/wetgevend/tokens.js +21924 -21594
  84. package/figma/figma.tokens.json +1575 -666
  85. package/package.json +1 -1
  86. package/src/generated/base.tokens.json +528 -273
  87. package/src/generated/themes.json +40651 -15395
  88. package/src/generated/uitvoerend-groen/tokens.json +6248 -0
  89. package/src/generated/uitvoerend-hemelblauw/tokens.json +6248 -0
  90. package/src/generated/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/tokens.json +2598 -2573
  91. package/src/generated/uitvoerend-oranje/tokens.json +6248 -0
  92. package/src/generated/uitvoerend-paars/tokens.json +6248 -0
  93. package/src/generated/uitvoerend-violet/tokens.json +4538 -4465
  94. package/src/generated/uitvoerend-violet-oud/tokens.json +4525 -4448
  95. package/src/generated/wetgevend/tokens.json +4547 -4474
@@ -1,4 +1,58 @@
1
1
  {
2
+ "rhcDataSummaryFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
3
+ "rhcDataSummaryItemValueFontWeight": 400,
4
+ "rhcDataSummaryItemValueRowPaddingBlockEnd": "0.75rem",
5
+ "rhcDataSummaryItemValueRowPaddingBlockStart": "0.75rem",
6
+ "rhcDataSummaryItemValueRowPaddingInlineEnd": 0,
7
+ "rhcDataSummaryItemValueRowPaddingInlineStart": "0px",
8
+ "rhcDataSummaryItemValuePaddingBlockEnd": "0.75rem",
9
+ "rhcDataSummaryItemValuePaddingBlockStart": 0,
10
+ "rhcDataSummaryItemValuePaddingInlineEnd": 0,
11
+ "rhcDataSummaryItemValuePaddingInlineStart": 0,
12
+ "rhcDataSummaryItemKeyFontWeight": 700,
13
+ "rhcDataSummaryItemKeyRowPaddingBlockEnd": "0.75rem",
14
+ "rhcDataSummaryItemKeyRowPaddingBlockStart": "0.75rem",
15
+ "rhcDataSummaryItemKeyRowPaddingInlineEnd": "1rem",
16
+ "rhcDataSummaryItemKeyRowPaddingInlineStart": 0,
17
+ "rhcDataSummaryItemKeyPaddingBlockEnd": "0.25rem",
18
+ "rhcDataSummaryItemKeyPaddingBlockStart": "0.75rem",
19
+ "rhcDataSummaryItemKeyPaddingInlineEnd": 0,
20
+ "rhcDataSummaryItemKeyPaddingInlineStart": 0,
21
+ "rhcDataSummaryItemBorderWidth": "1px",
22
+ "rhcDataSummaryItemBorderColor": "#CBD5E1",
23
+ "rhcDataSummaryItemBorderBlockEndStyle": "solid",
24
+ "rhcDataSummaryItemColor": "#0F172A",
25
+ "rhcDataSummaryFontSize": "1.25rem",
26
+ "rhcDataSummaryLineHeight": "150%",
27
+ "rhcDataSummaryItemActionRowPaddingBlockEnd": "0.75rem",
28
+ "rhcDataSummaryItemActionRowPaddingBlockStart": "0.75rem",
29
+ "rhcDataSummaryItemActionRowPaddingInlineEnd": 0,
30
+ "rhcDataSummaryItemActionRowPaddingInlineStart": "1rem",
31
+ "rhcDataSummaryItemActionPaddingBlockEnd": "0.75rem",
32
+ "rhcDataSummaryItemActionPaddingBlockStart": "0.75rem",
33
+ "rhcDataSummaryItemActionPaddingInlineEnd": "1rem",
34
+ "rhcDataSummaryItemActionPaddingInlineStart": 0,
35
+ "rhcKeepComment": "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset components/blockquote.",
36
+ "rhcKeepTopLeftBorderRadiusTopLeft": "48px",
37
+ "rhcKeepTopLeftBorderRadiusTopRight": 0,
38
+ "rhcKeepTopLeftBorderRadiusBottomRight": 0,
39
+ "rhcKeepTopLeftBorderRadiusBottomLeft": 0,
40
+ "rhcKeepTopRightBorderRadiusTopRight": "48px",
41
+ "rhcKeepTopRightBorderRadiusTopLeft": 0,
42
+ "rhcKeepTopRightBorderRadiusBottomRight": 0,
43
+ "rhcKeepTopRightBorderRadiusBottomLeft": 0,
44
+ "rhcKeepBottomRightBorderRadiusTopLeft": 0,
45
+ "rhcKeepBottomRightBorderRadiusTopRight": 0,
46
+ "rhcKeepBottomRightBorderRadiusBottomRight": "48px",
47
+ "rhcKeepBottomRightBorderRadiusBottomLeft": 0,
48
+ "rhcKeepBottomLeftBorderRadiusTopLeft": 0,
49
+ "rhcKeepBottomLeftBorderRadiusTopRight": 0,
50
+ "rhcKeepBottomLeftBorderRadiusBottomRight": 0,
51
+ "rhcKeepBottomLeftBorderRadiusBottomLeft": "48px",
52
+ "rhcRoundedCornerXsBorderRadius": "24px",
53
+ "rhcRoundedCornerMdBorderRadius": "48px",
54
+ "rhcRoundedCornerXlBorderRadius": "96px",
55
+ "rhcRoundedCornerBorderWidth": "2px",
2
56
  "rhcColorPrimary50": "#eaf8f4",
3
57
  "rhcColorPrimary100": "#d6f2e9",
4
58
  "rhcColorPrimary200": "#C1EBDE",
@@ -6,10 +60,12 @@
6
60
  "rhcColorPrimary400": "#98DDC8",
7
61
  "rhcColorPrimary500": "#76d2b6",
8
62
  "rhcColorPrimaryHover": "#528e7c",
9
- "rhcColorFocusOutline": "#76d2b6",
63
+ "rhcColorFocusOutline": "#000",
10
64
  "rhcColorForegroundDefault": "#0F172A",
11
65
  "rhcColorForegroundSubdued": "#334155",
12
66
  "rhcColorForegroundLink": "#01689b",
67
+ "rhcColorForegroundOnDarkColor": "#fff",
68
+ "rhcColorForegroundOnLightColor": "#000",
13
69
  "rhcColorForegroundOnEmphasis": "#fff",
14
70
  "rhcColorBorderDefault": "#64748B",
15
71
  "rhcColorBorderSubdued": "#94A3B8",
@@ -175,7 +231,7 @@
175
231
  "rhcSidenavLinkIconSize": "24px",
176
232
  "rhcSidenavLinkIconMarginInline": "0.5rem",
177
233
  "rhcSidenavLinkFontSize": "1.25rem",
178
- "rhcSidenavLinkFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
234
+ "rhcSidenavLinkFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
179
235
  "rhcSidenavLinkFontWeight": 400,
180
236
  "rhcSidenavLinkCurrentFontWeight": 700,
181
237
  "rhcSidenavLinkCurrentColor": "#0F172A",
@@ -185,7 +241,7 @@
185
241
  "rhcSidenavLinkFocusBorderRadius": "5px",
186
242
  "rhcSidenavLinkFocusBorderWidth": "2px",
187
243
  "rhcSidenavLinkFocusBorderStyle": "solid",
188
- "rhcSidenavLinkFocusBorderColor": "#154273",
244
+ "rhcSidenavLinkFocusBorderColor": "#76d2b6",
189
245
  "rhcSidenavLinkFocusBackgroundColor": "none",
190
246
  "rhcSidenavLinkFocusColor": "#01689b",
191
247
  "rhcSidenavLinkFocusTextDecoration": "None",
@@ -204,16 +260,16 @@
204
260
  "rhcNavigationListItemIconPaddingInline": "0.5rem",
205
261
  "rhcNavigationListItemIconPaddingBlock": "0.5rem",
206
262
  "rhcNavigationListItemIconSize": "24px",
207
- "rhcNavigationListItemContentFontSize": "1.125rem",
263
+ "rhcNavigationListItemContentFontSize": "1.25rem",
208
264
  "rhcNavigationListItemContentColumnGap": "0.5rem",
209
265
  "rhcNavigationListItemContentRowGap": "0.25rem",
210
- "rhcNavigationListItemLabelFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
266
+ "rhcNavigationListItemLabelFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
211
267
  "rhcNavigationListItemLabelFontSize": "1.875rem",
212
268
  "rhcNavigationListItemLabelFontWeight": 700,
213
269
  "rhcNavigationListItemLabelLineHeight": "150%",
214
270
  "rhcNavigationListItemActiveBackgroundColor": "#F1F5F9",
215
271
  "rhcNavigationListItemHoverBackgroundColor": "#F8FAFC",
216
- "rhcNavigationListItemFocusBackgroundColor": "#dce3ea",
272
+ "rhcNavigationListItemFocusBackgroundColor": "#eaf8f4",
217
273
  "rhcNavigationListItemBackgroundColor": "#fff",
218
274
  "rhcNavigationListItemColor": "#334155",
219
275
  "rhcNavigationListItemBorderWidth": "1px",
@@ -258,10 +314,10 @@
258
314
  "rhcMessageListItemMinHeight": "48px",
259
315
  "rhcMessageListItemPaddingBlock": "0.75rem",
260
316
  "rhcMessageListItemPaddingInline": "1rem",
261
- "rhcMessageListItemContentFontSize": "1.125rem",
317
+ "rhcMessageListItemContentFontSize": "1.25rem",
262
318
  "rhcMessageListItemContentColumnGap": "0.5rem",
263
319
  "rhcMessageListItemContentRowGap": "0.5rem",
264
- "rhcMessageListItemLabelFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
320
+ "rhcMessageListItemLabelFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
265
321
  "rhcMessageListItemLabelFontSize": "1.25rem",
266
322
  "rhcMessageListItemLabelFontWeight": 700,
267
323
  "rhcMessageListItemLabelLineHeight": "150%",
@@ -278,7 +334,7 @@
278
334
  "rhcLogoSubtitleLineHeight": "1rem",
279
335
  "rhcLogoSubtitleFontSize": "0.775rem",
280
336
  "rhcLogoColumnGap": "12px",
281
- "rhcLogoFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
337
+ "rhcLogoFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
282
338
  "rhcLogoColor": "#154273",
283
339
  "rhcLinkListCardBackgroundColor": "#fff",
284
340
  "rhcLinkListCardPaddingBlockStart": "1.5rem",
@@ -294,12 +350,12 @@
294
350
  "rhcHeroHeadingFontWeight": 700,
295
351
  "rhcHeroHeadingLineHeight": "125%",
296
352
  "rhcHeroHeadingFontSize": "1.875rem",
297
- "rhcHeroHeadingFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
353
+ "rhcHeroHeadingFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
298
354
  "rhcHeroSubHeadingFontWeight": 400,
299
355
  "rhcHeroSubHeadingLineHeight": "150%",
300
356
  "rhcHeroSubHeadingFontSize": "1.25rem",
301
- "rhcHeroSubHeadingFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
302
- "rhcHeroMessageBackgroundColor": "#154273",
357
+ "rhcHeroSubHeadingFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
358
+ "rhcHeroMessageBackgroundColor": "#76d2b6",
303
359
  "rhcHeroMessageColor": "#fff",
304
360
  "rhcHeroMessageRowGap": "0.125rem",
305
361
  "rhcHeroMessagePaddingBlockEnd": "1rem",
@@ -325,7 +381,7 @@
325
381
  "rhcPageFooterContentPaddingInlineEnd": "1rem",
326
382
  "rhcPageFooterContentColumnGap": "2rem",
327
383
  "rhcPageFooterBorderBlockStartWidth": "2px",
328
- "rhcPageFooterBorderBlockStartColor": "#738eab",
384
+ "rhcPageFooterBorderBlockStartColor": "#ACE4D3",
329
385
  "rhcPageFooterBorderBlockStartStyle": "solid",
330
386
  "rhcPageFooterOutlinedBackgroundColor": "#fff",
331
387
  "rhcPageFooterOutlinedColor": "#76d2b6",
@@ -340,7 +396,7 @@
340
396
  "rhcFileInputFeedbackColor": "#475569",
341
397
  "rhcFileInputFeedbackFontSize": "1rem",
342
398
  "rhcFileBorderStyle": "solid",
343
- "rhcFileBorderColor": "#154273",
399
+ "rhcFileBorderColor": "#76d2b6",
344
400
  "rhcFileBorderWidth": "1px",
345
401
  "rhcFileBorderRadius": "5px",
346
402
  "rhcFilePaddingInlineStart": "1rem",
@@ -365,7 +421,7 @@
365
421
  "rhcCardAsLinkColor": "#0F172A",
366
422
  "rhcCardAsLinkColumnGap": "1rem",
367
423
  "rhcCardAsLinkInlineSize": "328px",
368
- "rhcCardAsLinkIconColor": "#154273",
424
+ "rhcCardAsLinkIconColor": "#76d2b6",
369
425
  "rhcCardAsLinkIconSize": "24px",
370
426
  "rhcCardAsLinkLinkColor": "#01689b",
371
427
  "rhcCardAsLinkLinkTextDecoration": "underline",
@@ -382,17 +438,17 @@
382
438
  "rhcCardAsLinkActiveTextDecoration": "underline",
383
439
  "rhcCardAsLinkHoverBackgroundColor": "#F8FAFC",
384
440
  "rhcCardAsLinkHoverTextDecoration": "underline",
385
- "rhcCardAsLinkFocusBackgroundColor": "#dce3ea",
441
+ "rhcCardAsLinkFocusBackgroundColor": "#eaf8f4",
386
442
  "rhcCardAsLinkFocusTextDecoration": "underline",
387
443
  "rhcCardAsLinkFullBleedBackgroundColor": "#000",
388
444
  "rhcCardAsLinkFullBleedBorderColor": "transparent",
389
445
  "rhcCardAsLinkFullBleedColor": "#fff",
390
446
  "rhcCardAsLinkFullBleedOpacity": 0.5,
391
- "rhcCardAsLinkHeadingColor": "#154273",
447
+ "rhcCardAsLinkHeadingColor": "#76d2b6",
392
448
  "rhcCardAsLinkHeadingPaddingBlockStart": "0.5rem",
393
449
  "rhcCardAsLinkHeadingFontSize": "1.5rem",
394
450
  "rhcCardAsLinkHeadingFontWeight": 700,
395
- "rhcCardAsLinkHorizontalBackgroundColor": "#154273",
451
+ "rhcCardAsLinkHorizontalBackgroundColor": "#76d2b6",
396
452
  "rhcCardAsLinkHorizontalBorderColor": "transparent",
397
453
  "rhcCardAsLinkHorizontalColor": "#fff",
398
454
  "rhcCardAsLinkHorizontalMaxBlockSize": "96px",
@@ -401,42 +457,8 @@
401
457
  "rhcCardAsLinkHorizontalPaddingInlineEnd": "1rem",
402
458
  "rhcCardAsLinkHorizontalPaddingInlineStart": "1rem",
403
459
  "rhcCardAsLinkHorizontalHeadingInlineSize": "200px",
404
- "rhcAccordionButtonFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
405
- "rhcAccordionButtonFontSize": "1.25rem",
406
- "rhcAccordionButtonFontWeight": 400,
407
- "rhcAccordionButtonLineHeight": "150%",
408
- "rhcAccordionButtonIconMarginBlock": "0.25rem",
409
- "rhcAccordionButtonPaddingBlockEnd": "0.75rem",
410
- "rhcAccordionButtonPaddingBlockStart": "0.75rem",
411
- "rhcAccordionButtonPaddingInlineEnd": "1rem",
412
- "rhcAccordionButtonPaddingInlineStart": "1rem",
413
- "rhcAccordionButtonExpandedBackgroundColor": "#fff",
414
- "rhcAccordionButtonExpandedColor": "#0F172A",
415
- "rhcAccordionSectionBorderBlockEndWidth": "1px",
416
- "rhcAccordionSectionBorderWidth": 0,
417
- "rhcAccordionSectionBorderColor": "#94A3B8",
418
- "rhcAccordionHeaderMargin": 0,
419
- "rhcAccordionBorderRadius": "0px",
420
- "rhcAccordionColor": "#0F172A",
421
- "rhcKeepTopLeftBorderRadiusTopLeft": "48px",
422
- "rhcKeepTopLeftBorderRadiusTopRight": 0,
423
- "rhcKeepTopLeftBorderRadiusBottomRight": 0,
424
- "rhcKeepTopLeftBorderRadiusBottomLeft": 0,
425
- "rhcKeepTopRightBorderRadiusTopRight": "48px",
426
- "rhcKeepTopRightBorderRadiusTopLeft": 0,
427
- "rhcKeepTopRightBorderRadiusBottomRight": 0,
428
- "rhcKeepTopRightBorderRadiusBottomLeft": 0,
429
- "rhcKeepBottomRightBorderRadiusTopLeft": 0,
430
- "rhcKeepBottomRightBorderRadiusTopRight": 0,
431
- "rhcKeepBottomRightBorderRadiusBottomRight": "48px",
432
- "rhcKeepBottomRightBorderRadiusBottomLeft": 0,
433
- "rhcKeepBottomLeftBorderRadiusTopLeft": 0,
434
- "rhcKeepBottomLeftBorderRadiusTopRight": 0,
435
- "rhcKeepBottomLeftBorderRadiusBottomRight": 0,
436
- "rhcKeepBottomLeftBorderRadiusBottomLeft": "48px",
437
460
  "rhcBorderRadiusSm": "2.5px",
438
461
  "rhcBorderRadiusMd": "5px",
439
- "rhcBorderRadiusKeep": "48px",
440
462
  "rhcBorderRadiusCircle": "999px",
441
463
  "rhcBorderRadiusNone": "0px",
442
464
  "rhcFocusOutlineOffset": "0.125rem",
@@ -447,9 +469,8 @@
447
469
  "rhcFontSizeHeadingLevel3": "1.875rem",
448
470
  "rhcFontSizeHeadingLevel4": "1.5rem",
449
471
  "rhcFontSizeHeadingLevel5": "1.25rem",
450
- "rhcFontSizeParagraphIntro": "1.5rem",
451
- "rhcFontSizeParagraphDefault": "1.25rem",
452
- "rhcFontSizeParagraphSmall": "1.125rem",
472
+ "rhcFontSizeBodyIntro": "1.5rem",
473
+ "rhcFontSizeBodyDefault": "1.25rem",
453
474
  "rhcFontSizeXsDesktop": "1.25rem",
454
475
  "rhcFontSizeXsTablet": "1.125rem",
455
476
  "rhcFontSizeXsMobile": "1rem",
@@ -465,7 +486,15 @@
465
486
  "rhcFontSizeXlDesktop": "3.125rem",
466
487
  "rhcFontSizeXlTablet": "2.813rem",
467
488
  "rhcFontSizeXlMobile": "2.5rem",
468
- "rhcLineHeightParagraph": "150%",
489
+ "rhcFontWeightDefault": 400,
490
+ "rhcFontWeightStrong": 700,
491
+ "rhcFontWeightExtraBold": 800,
492
+ "rhcFontWeightBold": 700,
493
+ "rhcFontWeightSemiBold": 600,
494
+ "rhcFontWeightRegular": 400,
495
+ "rhcFontWeightLight": 300,
496
+ "rhcFontWeightThin": 200,
497
+ "rhcLineHeightBody": "150%",
469
498
  "rhcLineHeightSm": "125%",
470
499
  "rhcLineHeightMd": "150%",
471
500
  "rhcSizeTarget": "48px",
@@ -475,14 +504,7 @@
475
504
  "rhcSizeLint": "48px",
476
505
  "rhcSize2Lint": "96px",
477
506
  "rhcSize3Lint": "1440px",
478
- "rhcFontWeightExtraBold": 800,
479
- "rhcFontWeightBold": 700,
480
- "rhcFontWeightSemiBold": 550,
481
- "rhcFontWeightRegular": 400,
482
- "rhcFontWeightChosenRegular": 400,
483
- "rhcFontWeightLight": 300,
484
- "rhcFontWeightThin": 200,
485
- "rhcFontFamilyPrimary": "Fira Sans, Arial, Verdana, sans-serif",
507
+ "rhcFontFamilyPrimary": "'Fira Sans', Arial, Verdana, sans-serif",
486
508
  "rhcFontFamilySecondary": "RijksoverheidSerifWeb, 'Times New Roman', serif",
487
509
  "rhcBorderWidthDefault": "1px",
488
510
  "rhcBorderWidthM": "2px",
@@ -498,321 +520,83 @@
498
520
  "rhcSpace500": "2.5rem",
499
521
  "rhcSpace600": "3rem",
500
522
  "rhcSpace700": "3.5rem",
501
- "utrechtPreHeadingColor": "#0F172A",
502
- "utrechtPreHeadingFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
503
- "utrechtPreHeadingFontWeight": 700,
504
- "utrechtPreHeadingLineHeight": "125%",
505
- "utrechtPreHeadingFontSize": "1rem",
506
- "utrechtAccordionButtonFocusBackgroundColor": "#FDD370",
507
- "utrechtAccordionButtonFocusBorderColor": "#154273",
508
- "utrechtAccordionButtonFocusColor": "#0F172A",
509
- "utrechtAccordionButtonGap": "0.5rem",
510
- "utrechtAccordionButtonIconSize": "24px",
511
- "utrechtAccordionButtonHoverBackgroundColor": "#F8FAFC",
512
- "utrechtAccordionButtonHoverBorderColor": "#94A3B8",
513
- "utrechtAccordionButtonHoverColor": "#0F172A",
514
- "utrechtAccordionButtonBackgroundColor": "#fff",
515
- "utrechtAccordionButtonBorderColor": "#94A3B8",
516
- "utrechtAccordionButtonBorderWidth": 0,
517
- "utrechtAccordionButtonColor": "#0F172A",
518
- "utrechtAccordionButtonActiveBackgroundColor": "#F1F5F9",
519
- "utrechtAccordionButtonActiveBorderColor": "#94A3B8",
520
- "utrechtAccordionButtonActiveColor": "#0F172A",
521
- "utrechtAccordionButtonActiveRowGap": 0,
522
- "utrechtAccordionPanelBorderColor": "#94A3B8",
523
- "utrechtAccordionPanelBorderWidth": 0,
524
- "utrechtAccordionPanelPaddingBlockEnd": "1.5rem",
525
- "utrechtAccordionPanelPaddingBlockStart": "1rem",
526
- "utrechtAccordionPanelPaddingInlineEnd": "1rem",
527
- "utrechtAccordionPanelPaddingInlineStart": "1rem",
528
- "utrechtButtonPrimaryActionFocusBackgroundColor": "#FDD370",
529
- "utrechtButtonPrimaryActionFocusBorderColor": "transparent",
530
- "utrechtButtonPrimaryActionFocusColor": "#fff",
531
- "utrechtButtonPrimaryActionHoverBackgroundColor": "#528e7c",
532
- "utrechtButtonPrimaryActionHoverBorderColor": "transparent",
533
- "utrechtButtonPrimaryActionHoverColor": "#fff",
534
- "utrechtButtonPrimaryActionBackgroundColor": "#76d2b6",
535
- "utrechtButtonPrimaryActionBorderColor": "transparent",
536
- "utrechtButtonPrimaryActionColor": "#fff",
537
- "utrechtButtonPrimaryActionDisabledBackgroundColor": "#d6f2e9",
538
- "utrechtButtonPrimaryActionDisabledBorderColor": "transparent",
539
- "utrechtButtonPrimaryActionDisabledColor": "#98DDC8",
540
- "utrechtButtonPrimaryActionFontWeight": 700,
541
- "utrechtButtonPrimaryActionActiveBackgroundColor": "#477e6d",
542
- "utrechtButtonPrimaryActionActiveBorderColor": "transparent",
543
- "utrechtButtonPrimaryActionActiveColor": "#fff",
544
- "utrechtButtonPrimaryActionFontSize": "1.25rem",
545
- "utrechtButtonPrimaryActionLineHeight": "1.875rem",
546
- "utrechtButtonPrimaryActionPressedBackgroundColor": "#477869",
547
- "utrechtButtonPrimaryActionPressedBorderColor": "transparent",
548
- "utrechtButtonPrimaryActionPressedColor": "#fff",
549
- "utrechtButtonSecondaryActionFocusBackgroundColor": "#FDD370",
550
- "utrechtButtonSecondaryActionFocusBorderColor": "transparent",
551
- "utrechtButtonSecondaryActionFocusColor": "#528e7c",
552
- "utrechtButtonSecondaryActionHoverBackgroundColor": "#eaf8f4",
553
- "utrechtButtonSecondaryActionHoverBorderColor": "#528e7c",
554
- "utrechtButtonSecondaryActionHoverColor": "#528e7c",
555
- "utrechtButtonSecondaryActionBackgroundColor": "transparent",
556
- "utrechtButtonSecondaryActionBorderColor": "#76d2b6",
557
- "utrechtButtonSecondaryActionColor": "#76d2b6",
558
- "utrechtButtonSecondaryActionDisabledBackgroundColor": "transparent",
559
- "utrechtButtonSecondaryActionDisabledBorderColor": "#C1EBDE",
560
- "utrechtButtonSecondaryActionDisabledColor": "#ACE4D3",
561
- "utrechtButtonSecondaryActionFontWeight": 700,
562
- "utrechtButtonSecondaryActionActiveBackgroundColor": "#C1EBDE",
563
- "utrechtButtonSecondaryActionActiveBorderColor": "#477869",
564
- "utrechtButtonSecondaryActionActiveColor": "#528e7c",
565
- "utrechtButtonSecondaryActionFontSize": "1.25rem",
566
- "utrechtButtonSecondaryActionLineHeight": "1.875rem",
567
- "utrechtButtonSecondaryActionPressedBackgroundColor": "#d6f2e9",
568
- "utrechtButtonSecondaryActionPressedBorderColor": "#477869",
569
- "utrechtButtonSecondaryActionPressedColor": "#477869",
570
- "utrechtButtonSubtleFocusBackgroundColor": "#FDD370",
571
- "utrechtButtonSubtleFocusBorderColor": "transparent",
572
- "utrechtButtonSubtleFocusColor": "#528e7c",
573
- "utrechtButtonSubtleFontSize": "1.25rem",
574
- "utrechtButtonSubtleFontWeight": 700,
575
- "utrechtButtonSubtleHoverBackgroundColor": "#eaf8f4",
576
- "utrechtButtonSubtleHoverBorderColor": "transparent",
577
- "utrechtButtonSubtleHoverColor": "#528e7c",
578
- "utrechtButtonSubtleBackgroundColor": "transparent",
579
- "utrechtButtonSubtleBorderColor": "transparent",
580
- "utrechtButtonSubtleColor": "#76d2b6",
581
- "utrechtButtonSubtleDisabledBackgroundColor": "transparent",
582
- "utrechtButtonSubtleDisabledBorderColor": "transparent",
583
- "utrechtButtonSubtleDisabledColor": "#d6f2e9",
584
- "utrechtButtonSubtleActiveBackgroundColor": "#C1EBDE",
585
- "utrechtButtonSubtleActiveBorderColor": "transparent",
586
- "utrechtButtonSubtleActiveColor": "#477e6d",
587
- "utrechtButtonSubtleLineHeight": "1.875rem",
588
- "utrechtButtonSubtlePressedBackgroundColor": "#d6f2e9",
589
- "utrechtButtonSubtlePressedBorderColor": "transparent",
590
- "utrechtButtonSubtlePressedColor": "#477869",
591
- "utrechtButtonBackgroundColor": "#0F172A",
592
- "utrechtButtonBorderColor": "transparent",
593
- "utrechtButtonColor": "#fff",
594
- "utrechtButtonBorderRadius": "5px",
595
- "utrechtButtonBorderWidth": "1px",
596
- "utrechtButtonIconGap": "0.5rem",
597
- "utrechtButtonIconSize": "24px",
598
- "utrechtButtonFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
599
- "utrechtButtonFontSize": "1.25rem",
600
- "utrechtButtonFontWeight": 700,
601
- "utrechtButtonLineHeight": "150%",
602
- "utrechtButtonPaddingBlockEnd": "0.5rem",
603
- "utrechtButtonPaddingBlockStart": "0.5rem",
604
- "utrechtButtonPaddingInlineEnd": "1rem",
605
- "utrechtButtonPaddingInlineStart": "1rem",
606
- "utrechtButtonDisabledBackgroundColor": "#E2E8F0",
607
- "utrechtButtonDisabledBorderColor": "transparent",
608
- "utrechtButtonDisabledColor": "#94A3B8",
609
- "utrechtButtonFocusBackgroundColor": "#475569",
610
- "utrechtButtonFocusBorderColor": "transparent",
611
- "utrechtButtonFocusColor": "#fff",
612
- "utrechtButtonHoverBackgroundColor": "#475569",
613
- "utrechtButtonHoverBorderColor": "transparent",
614
- "utrechtButtonHoverColor": "#fff",
615
- "utrechtButtonActiveBackgroundColor": "#1E293B",
616
- "utrechtButtonActiveBorderColor": "transparent",
617
- "utrechtButtonActiveColor": "#fff",
618
- "utrechtButtonMinBlockSize": "48px",
619
- "utrechtButtonMinInlineSize": "48px",
620
- "utrechtButtonColumnGap": "0.5rem",
621
- "utrechtButtonPressedBackgroundColor": "#1E293B",
622
- "utrechtButtonPressedBorderColor": "transparent",
623
- "utrechtButtonPressedColor": "#fff",
624
- "utrechtCheckboxFocusBackgroundColor": "#FDD370",
625
- "utrechtCheckboxFocusBorderColor": "#154273",
626
- "utrechtCheckboxFocusBorderWidth": "2px",
627
- "utrechtCheckboxCheckedFocusBackgroundColor": "#FDD370",
628
- "utrechtCheckboxCheckedFocusBorderWidth": "2px",
629
- "utrechtCheckboxCheckedFocusBorderColor": "#154273",
630
- "utrechtCheckboxCheckedFocusColor": "#154273",
631
- "utrechtCheckboxCheckedBackgroundColor": "#154273",
632
- "utrechtCheckboxCheckedBorderColor": "transparent",
633
- "utrechtCheckboxCheckedColor": "#fff",
634
- "utrechtCheckboxCheckedBorderWidth": "1px",
635
- "utrechtCheckboxCheckedDisabledBackgroundColor": "#CBD5E1",
636
- "utrechtCheckboxCheckedDisabledBorderColor": "#94A3B8",
637
- "utrechtCheckboxCheckedDisabledColor": "#475569",
638
- "utrechtCheckboxCheckedHoverBorderWidth": "1px",
639
- "utrechtCheckboxCheckedHoverBackgroundColor": "#738eab",
640
- "utrechtCheckboxCheckedHoverBorderColor": "transparent",
641
- "utrechtCheckboxCheckedHoverColor": "#fff",
642
- "utrechtCheckboxCheckedActiveBorderWidth": "1px",
643
- "utrechtCheckboxCheckedActiveBackgroundColor": "#4f7196",
644
- "utrechtCheckboxCheckedActiveBorderColor": "transparent",
645
- "utrechtCheckboxCheckedActiveColor": "#fff",
646
- "utrechtCheckboxBorderRadius": "2.5px",
647
- "utrechtCheckboxSize": "24px",
648
- "utrechtCheckboxIconSize": "24px",
649
- "utrechtCheckboxBackgroundColor": "#fff",
650
- "utrechtCheckboxBorderColor": "#154273",
651
- "utrechtCheckboxInvalidBackgroundColor": "#f9dfdd",
652
- "utrechtCheckboxInvalidBorderColor": "#d52b1e",
653
- "utrechtCheckboxInvalidBorderWidth": "1px",
654
- "utrechtCheckboxDisabledBackgroundColor": "#CBD5E1",
655
- "utrechtCheckboxDisabledBorderColor": "#94A3B8",
656
- "utrechtCheckboxIndeterminateBackgroundColor": "#154273",
657
- "utrechtCheckboxIndeterminateBorderColor": "transparent",
658
- "utrechtCheckboxIndeterminateColor": "#fff",
659
- "utrechtCheckboxIndeterminateBorderWidth": "1px",
660
- "utrechtCheckboxIndeterminateDisabledBackgroundColor": "#CBD5E1",
661
- "utrechtCheckboxIndeterminateDisabledBorderColor": "#94A3B8",
662
- "utrechtCheckboxIndeterminateDisabledColor": "#475569",
663
- "utrechtCheckboxIndeterminateActiveBackgroundColor": "#4f7196",
664
- "utrechtCheckboxIndeterminateActiveBorderColor": "transparent",
665
- "utrechtCheckboxIndeterminateActiveColor": "#fff",
666
- "utrechtCheckboxIndeterminateActiveBorderWidth": "1px",
667
- "utrechtCheckboxIndeterminateHoverBackgroundColor": "#738eab",
668
- "utrechtCheckboxIndeterminateHoverBorderColor": "transparent",
669
- "utrechtCheckboxIndeterminateHoverColor": "#fff",
670
- "utrechtCheckboxIndeterminateHoverBorderWidth": "1px",
671
- "utrechtCheckboxIndeterminateFocusBackgroundColor": "#fff",
672
- "utrechtCheckboxIndeterminateFocusBorderColor": "#154273",
673
- "utrechtCheckboxIndeterminateFocusColor": "#154273",
674
- "utrechtCheckboxIndeterminateFocusBorderWidth": "2px",
675
- "utrechtCheckboxBorderWidth": "1px",
676
- "utrechtCheckboxHoverBorderWidth": "1px",
677
- "utrechtCheckboxHoverBackgroundColor": "#fff",
678
- "utrechtCheckboxHoverBorderColor": "#738eab",
679
- "utrechtCheckboxActiveBorderWidth": "1px",
680
- "utrechtCheckboxActiveBackgroundColor": "#fff",
681
- "utrechtCheckboxActiveBorderColor": "#4f7196",
682
- "utrechtRadioButtonFocusBackgroundColor": "#FDD370",
683
- "utrechtRadioButtonFocusBorderColor": "#154273",
684
- "utrechtRadioButtonFocusBorderWidth": "2px",
685
- "utrechtRadioButtonCheckedFocusBackgroundColor": "#FDD370",
686
- "utrechtRadioButtonCheckedFocusBorderColor": "#154273",
687
- "utrechtRadioButtonCheckedFocusColor": "#154273",
688
- "utrechtRadioButtonCheckedFocusBorderWidth": "2px",
689
- "utrechtRadioButtonCheckedBackgroundColor": "#154273",
690
- "utrechtRadioButtonCheckedBorderColor": "transparent",
691
- "utrechtRadioButtonCheckedColor": "#fff",
692
- "utrechtRadioButtonCheckedHoverBackgroundColor": "#738eab",
693
- "utrechtRadioButtonCheckedHoverBorderColor": "transparent",
694
- "utrechtRadioButtonCheckedHoverColor": "#fff",
695
- "utrechtRadioButtonCheckedHoverBorderWidth": "1px",
696
- "utrechtRadioButtonCheckedActiveBackgroundColor": "#4f7196",
697
- "utrechtRadioButtonCheckedActiveBorderColor": "transparent",
698
- "utrechtRadioButtonCheckedActiveColor": "#fff",
699
- "utrechtRadioButtonCheckedActiveBorderWidth": "1px",
700
- "utrechtRadioButtonCheckedDisabledBackgroundColor": "#CBD5E1",
701
- "utrechtRadioButtonCheckedDisabledBorderColor": "#94A3B8",
702
- "utrechtRadioButtonCheckedDisabledColor": "#475569",
703
- "utrechtRadioButtonCheckedBorderWidth": "1px",
704
- "utrechtRadioButtonActiveBorderWidth": "1px",
705
- "utrechtRadioButtonActiveBackgroundColor": "#fff",
706
- "utrechtRadioButtonActiveBorderColor": "#4f7196",
707
- "utrechtRadioButtonSize": "24px",
708
- "utrechtRadioButtonDotSize": "12px",
709
- "utrechtRadioButtonBackgroundColor": "#fff",
710
- "utrechtRadioButtonBorderColor": "#154273",
711
- "utrechtRadioButtonInvalidBackgroundColor": "#f9dfdd",
712
- "utrechtRadioButtonInvalidBorderColor": "#d52b1e",
713
- "utrechtRadioButtonInvalidBorderWidth": "1px",
714
- "utrechtRadioButtonDisabledBackgroundColor": "#CBD5E1",
715
- "utrechtRadioButtonDisabledBorderColor": "#94A3B8",
716
- "utrechtRadioButtonDisabledColor": "#475569",
717
- "utrechtRadioButtonHoverBackgroundColor": "#fff",
718
- "utrechtRadioButtonHoverBorderColor": "#738eab",
719
- "utrechtRadioButtonHoverBorderWidth": "1px",
720
- "utrechtRadioButtonBorderRadius": "999px",
721
- "utrechtRadioButtonBorderWidth": "1px",
722
- "utrechtLinkFocusBackgroundColor": "#FDD370",
723
- "utrechtLinkFocusColor": "#01689b",
724
- "utrechtLinkFocusTextDecoration": "None",
725
- "utrechtLinkFocusTextDecorationThickness": "auto",
726
- "utrechtLinkColor": "#01689b",
727
- "utrechtLinkTextDecorationColor": "#01689b",
728
- "utrechtLinkActiveColor": "#42145f",
729
- "utrechtLinkActiveTextDecoration": "None",
730
- "utrechtLinkHoverColor": "#01496c",
731
- "utrechtLinkHoverTextDecoration": "None",
732
- "utrechtLinkHoverTextDecorationThickness": "auto",
733
- "utrechtLinkVisitedColor": "#42145f",
734
- "utrechtLinkTextDecoration": "underline",
735
- "utrechtLinkIconInsetBlockStart": "0.25rem",
736
- "utrechtLinkIconSize": "24px",
737
- "utrechtLinkColumnGap": "0.25rem",
738
- "utrechtLinkTextDecorationThickness": "auto",
739
- "utrechtLinkTextUnderlineOffset": "0.125rem",
740
- "utrechtLinkFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
741
- "utrechtLinkFontWeight": 400,
742
- "utrechtLinkFontSize": "1.25rem",
743
- "utrechtLinkLineHeight": "150%",
744
- "utrechtSelectFocusBackgroundColor": "#FDD370",
745
- "utrechtSelectFocusBorderColor": "#154273",
746
- "utrechtSelectFocusColor": "#0F172A",
747
- "utrechtSelectFocusBorderWidth": "2px",
748
- "utrechtSelectImageBackgroundPosition": "right 0.5rem center",
749
- "utrechtSelectIconSize": "24px",
750
- "utrechtSelectBackgroundColor": "#fff",
751
- "utrechtSelectBorderColor": "#154273",
752
- "utrechtSelectColor": "#0F172A",
753
- "utrechtSelectInvalidBackgroundColor": "#f9dfdd",
754
- "utrechtSelectInvalidBorderColor": "#d52b1e",
755
- "utrechtSelectInvalidColor": "#0F172A",
756
- "utrechtSelectInvalidBorderWidth": "1px",
757
- "utrechtSelectDisabledBackgroundColor": "#CBD5E1",
758
- "utrechtSelectDisabledBorderColor": "#94A3B8",
759
- "utrechtSelectDisabledColor": "#475569",
760
- "utrechtSelectHoverBackgroundColor": "#fff",
761
- "utrechtSelectHoverBorderColor": "#738eab",
762
- "utrechtSelectHoverColor": "#0F172A",
763
- "utrechtSelectHoverBorderWidth": "1px",
764
- "utrechtSelectPaddingBlockEnd": "0.5rem",
765
- "utrechtSelectPaddingBlockStart": "0.5rem",
766
- "utrechtSelectPaddingInlineEnd": "0.75rem",
767
- "utrechtSelectPaddingInlineStart": "0.75rem",
768
- "utrechtSelectBorderRadius": "2.5px",
769
- "utrechtSelectBorderBottomWidth": "auto",
770
- "utrechtSelectBorderWidth": "1px",
771
- "utrechtSelectFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
772
- "utrechtSelectFontWeight": 400,
773
- "utrechtSelectLineHeight": "150%",
774
- "utrechtSelectFontSize": "1.25rem",
775
- "utrechtSelectMaxInlineSize": "400px",
776
- "utrechtTextareaFocusBackgroundColor": "#FDD370",
777
- "utrechtTextareaFocusBorderColor": "#154273",
778
- "utrechtTextareaFocusColor": "#0F172A",
779
- "utrechtTextareaFocusBorderWidth": "2px",
780
- "utrechtTextareaMaxInlineSize": "400px",
781
- "utrechtTextareaPaddingBlockEnd": "0.5rem",
782
- "utrechtTextareaPaddingBlockStart": "0.5rem",
783
- "utrechtTextareaPaddingInlineEnd": "0.75rem",
784
- "utrechtTextareaPaddingInlineStart": "0.75rem",
785
- "utrechtTextareaBackgroundColor": "#fff",
786
- "utrechtTextareaBorderColor": "#154273",
787
- "utrechtTextareaColor": "#0F172A",
788
- "utrechtTextareaInvalidBackgroundColor": "#f9dfdd",
789
- "utrechtTextareaInvalidBorderColor": "#d52b1e",
790
- "utrechtTextareaInvalidColor": "#0F172A",
791
- "utrechtTextareaInvalidBorderWidth": "1px",
792
- "utrechtTextareaPlaceholderColor": "#64748B",
793
- "utrechtTextareaDisabledBackgroundColor": "#CBD5E1",
794
- "utrechtTextareaDisabledBorderColor": "#94A3B8",
795
- "utrechtTextareaDisabledColor": "#475569",
796
- "utrechtTextareaReadOnlyBackgroundColor": "#F1F5F9",
797
- "utrechtTextareaReadOnlyBorderColor": "transparent",
798
- "utrechtTextareaReadOnlyColor": "#0F172A",
799
- "utrechtTextareaHoverBackgroundColor": "#fff",
800
- "utrechtTextareaHoverBorderColor": "#738eab",
801
- "utrechtTextareaHoverColor": "#0F172A",
802
- "utrechtTextareaHoverBorderWidth": "1px",
803
- "utrechtTextareaBorderRadius": "2.5px",
804
- "utrechtTextareaBorderBottomWidth": "1px",
805
- "utrechtTextareaBorderWidth": "1px",
806
- "utrechtTextareaFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
807
- "utrechtTextareaFontWeight": 400,
808
- "utrechtTextareaLineHeight": "150%",
809
- "utrechtTextareaFontSize": "1.25rem",
810
- "utrechtTextboxFocusBackgroundColor": "#FDD370",
811
- "utrechtTextboxFocusBorderWidth": "2px",
812
- "utrechtTextboxFocusBorderColor": "#154273",
813
- "utrechtTextboxFocusColor": "#0F172A",
523
+ "utrechtColumnLayoutColumnRuleColor": "transparent",
524
+ "utrechtColumnLayoutColumnRuleWidth": "0px",
525
+ "utrechtColumnLayoutColumnWidth": "400px",
526
+ "utrechtColumnLayoutGap": "0.75rem",
527
+ "utrechtBlockquoteBackgroundColor": "transparent",
528
+ "utrechtBlockquoteBorderInlineStartWidth": 0,
529
+ "utrechtBlockquoteBorderColor": "transparent",
530
+ "utrechtBlockquoteBorderRadius": 0,
531
+ "utrechtBlockquoteBorderWidth": 0,
532
+ "utrechtBlockquoteColor": "#154273",
533
+ "utrechtBlockquoteFontSize": "1.25rem",
534
+ "utrechtBlockquoteFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
535
+ "utrechtBlockquotePaddingBlockEnd": "2rem",
536
+ "utrechtBlockquotePaddingBlockStart": "2rem",
537
+ "utrechtBlockquotePaddingInlineEnd": "2rem",
538
+ "utrechtBlockquotePaddingInlineStart": "2rem",
539
+ "utrechtBlockquoteRowGap": "0.75rem",
540
+ "utrechtBlockquoteAttributionColor": "#154273",
541
+ "utrechtBlockquoteAttributionFontSize": "1.25rem",
542
+ "utrechtBlockquoteContentColor": "#154273",
543
+ "utrechtBlockquoteContentFontSize": "1.25rem",
544
+ "utrechtBlockquoteContentFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
545
+ "utrechtBlockquoteContentLineHeight": "150%",
546
+ "utrechtBlockquoteContentFontWeight": 400,
547
+ "utrechtBlockquoteCaptionFontSize": "1.25rem",
548
+ "utrechtBlockquoteCaptionFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
549
+ "utrechtBlockquoteCaptionLineHeight": "150%",
550
+ "utrechtBlockquoteCaptionFontWeight": 400,
551
+ "utrechtBlockquoteCaptionPaddingBlockStart": "0.75rem",
552
+ "utrechtBlockquoteCaptionColor": "#154273",
553
+ "utrechtBlockquoteMarginBlockEnd": 0,
554
+ "utrechtBlockquoteMarginBlockStart": 0,
555
+ "utrechtBlockquoteMarginInlineEnd": 0,
556
+ "utrechtBlockquoteMarginInlineStart": 0,
557
+ "utrechtBlockquoteBorderBlockStartWidth": 0,
558
+ "utrechtBlockquoteBorderBlockEndWidth": 0,
559
+ "utrechtBlockquoteBorderInlineEndWidth": 0,
560
+ "utrechtBlockquoteBorderStartStartRadius": 0,
561
+ "utrechtBlockquoteBorderStartEndRadius": 0,
562
+ "utrechtBlockquoteBorderEndStartRadius": 0,
563
+ "utrechtBlockquoteBorderEndEndRadius": 0,
564
+ "utrechtBlockquoteBlueCornerBorderVariationBorderColor": "#76d2b6",
565
+ "utrechtBlockquoteBlueCornerBorderVariationBorderBlockEndWidth": "2px",
566
+ "utrechtBlockquoteBlueCornerBorderVariationBorderInlineEndWidth": "2px",
567
+ "utrechtBlockquoteBlueCornerBorderVariationBorderEndEndRadius": "3rem",
568
+ "utrechtBlockquotePinkBackgroundVariationBackgroundColor": "#F6BDE1",
569
+ "utrechtBlockquotePinkBackgroundVariationBorderEndStartRadius": "3rem",
570
+ "utrechtBlockquotePinkBackgroundVariationPadding": "2.5rem",
571
+ "utrechtBlockquotePinkLeftBorderVariationBorderColor": "#F6BDE1",
572
+ "utrechtBlockquotePinkLeftBorderVariationBorderInlineStartWidth": "0.75rem",
573
+ "utrechtBlockquotePinkLeftBorderVariationPaddingInlineStart": "2.5rem",
574
+ "utrechtBlockquotePinkLeftBorderVariationPaddingInlineEnd": "2.5rem",
575
+ "utrechtBlockquotePinkLeftBorderVariationPaddingBlockStart": "1.5rem",
576
+ "utrechtBlockquotePinkLeftBorderVariationPaddingBlockEnd": "1.5rem",
577
+ "utrechtBlockquotePinkCornerBorderVariationBorderColor": "#F6BDE1",
578
+ "utrechtBlockquotePinkCornerBorderVariationBorderBlockStartWidth": "0.25rem",
579
+ "utrechtBlockquotePinkCornerBorderVariationBorderInlineStartWidth": "0.25rem",
580
+ "utrechtBlockquotePinkCornerBorderVariationBorderStartStartRadius": "3rem",
581
+ "utrechtBlockquotePinkCornerBorderVariationPadding": "2.5rem",
582
+ "utrechtIconColor": "inherit",
583
+ "utrechtIconSize": "24px",
584
+ "utrechtIconInsetBlockStart": 0,
585
+ "utrechtUnorderedListPaddingInlineStart": "1.5rem",
586
+ "utrechtUnorderedListMarginBlockEnd": "0.25rem",
587
+ "utrechtUnorderedListMarginBlockStart": "0.25rem",
588
+ "utrechtUnorderedListColor": "#0F172A",
589
+ "utrechtUnorderedListFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
590
+ "utrechtUnorderedListFontWeight": 400,
591
+ "utrechtUnorderedListFontSize": "1.25rem",
592
+ "utrechtUnorderedListLineHeight": "150%",
593
+ "utrechtUnorderedListItemPaddingInlineStart": "0.5rem",
594
+ "utrechtUnorderedListItemMarginBlockEnd": "0.25rem",
595
+ "utrechtUnorderedListItemMarginBlockStart": "0.25rem",
596
+ "utrechtUnorderedListMarkerColor": "#0F172A",
597
+ "utrechtUnorderedListMarkerBorderColor": "#0F172A",
814
598
  "utrechtTextboxBorderRadius": "2.5px",
815
- "utrechtTextboxFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
599
+ "utrechtTextboxFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
816
600
  "utrechtTextboxFontSize": "1.25rem",
817
601
  "utrechtTextboxFontWeight": 400,
818
602
  "utrechtTextboxLineHeight": "150%",
@@ -822,7 +606,7 @@
822
606
  "utrechtTextboxPaddingInlineEnd": "0.75rem",
823
607
  "utrechtTextboxPaddingInlineStart": "0.75rem",
824
608
  "utrechtTextboxBackgroundColor": "#fff",
825
- "utrechtTextboxBorderColor": "#154273",
609
+ "utrechtTextboxBorderColor": "#76d2b6",
826
610
  "utrechtTextboxColor": "#0F172A",
827
611
  "utrechtTextboxInvalidBackgroundColor": "#f9dfdd",
828
612
  "utrechtTextboxInvalidBorderColor": "#d52b1e",
@@ -831,6 +615,10 @@
831
615
  "utrechtTextboxPlaceholderColor": "#64748B",
832
616
  "utrechtTextboxBorderBlockEndWidth": "auto",
833
617
  "utrechtTextboxBorderWidth": "1px",
618
+ "utrechtTextboxFocusBorderWidth": "2px",
619
+ "utrechtTextboxFocusBackgroundColor": "#fff",
620
+ "utrechtTextboxFocusBorderColor": "#76d2b6",
621
+ "utrechtTextboxFocusColor": "#0F172A",
834
622
  "utrechtTextboxDisabledBackgroundColor": "#CBD5E1",
835
623
  "utrechtTextboxDisabledBorderColor": "#94A3B8",
836
624
  "utrechtTextboxDisabledColor": "#475569",
@@ -839,62 +627,51 @@
839
627
  "utrechtTextboxReadOnlyColor": "#0F172A",
840
628
  "utrechtTextboxHoverBorderWidth": "1px",
841
629
  "utrechtTextboxHoverBackgroundColor": "#fff",
842
- "utrechtTextboxHoverBorderColor": "#738eab",
630
+ "utrechtTextboxHoverBorderColor": "#ACE4D3",
843
631
  "utrechtTextboxHoverColor": "#0F172A",
844
- "utrechtCounterBadgeBackgroundColor": "#FDD370",
845
- "utrechtSkipLinkFocusBackgroundColor": "#FDD370",
846
- "utrechtSkipLinkFocusBorderColor": "#154273",
847
- "utrechtSkipLinkFocusBorderStyle": "solid",
848
- "utrechtSkipLinkFocusBorderWidth": "2px",
849
- "utrechtSkipLinkFocusColor": "#0F172A",
850
- "utrechtSkipLinkFocusTextDecoration": "None",
851
- "utrechtSkipLinkFontWeight": 700,
852
- "utrechtSkipLinkFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
853
- "utrechtSkipLinkFontSize": "1.25rem",
854
- "utrechtSkipLinkLineHeight": "150%",
855
- "utrechtSkipLinkMinBlockSize": "48px",
856
- "utrechtSkipLinkMinInlineSize": "48px",
857
- "utrechtSkipLinkPaddingBlockEnd": "0.75rem",
858
- "utrechtSkipLinkPaddingBlockStart": "0.75rem",
859
- "utrechtSkipLinkPaddingInlineEnd": "1rem",
860
- "utrechtSkipLinkPaddingInlineStart": "1rem",
861
- "utrechtSkipLinkFocusVisibleOutlineColor": "#000",
862
- "utrechtSkipLinkBackgroundColor": "#154273",
863
- "utrechtSkipLinkBorderColor": "transparent",
864
- "utrechtSkipLinkColor": "#fff",
865
- "utrechtSkipLinkBorderWidth": "2px",
866
- "utrechtSkipLinkBoxBlockEndShadowOffsetX": 0,
867
- "utrechtSkipLinkBoxBlockEndShadowOffsetY": "16px",
868
- "utrechtSkipLinkBoxBlockEndShadowBlurRadius": "48px",
869
- "utrechtSkipLinkBoxBlockEndShadowSpreadRadius": 0,
870
- "utrechtSkipLinkBoxBlockEndShadowColor": "#0000001a",
871
- "utrechtSkipLinkTextDecoration": "underline",
872
- "utrechtSkipLinkTextUnderlineOffset": "0.125rem",
873
- "utrechtIconColor": "inherit",
874
- "utrechtIconSize": "24px",
875
- "utrechtIconInsetBlockStart": 0,
876
- "utrechtUnorderedListPaddingInlineStart": "1.5rem",
877
- "utrechtUnorderedListMarginBlockEnd": "0.25rem",
878
- "utrechtUnorderedListMarginBlockStart": "0.25rem",
879
- "utrechtUnorderedListColor": "#0F172A",
880
- "utrechtUnorderedListFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
881
- "utrechtUnorderedListFontWeight": 400,
882
- "utrechtUnorderedListFontSize": "1.25rem",
883
- "utrechtUnorderedListLineHeight": "150%",
884
- "utrechtUnorderedListItemPaddingInlineStart": "0.5rem",
885
- "utrechtUnorderedListItemMarginBlockEnd": "0.25rem",
886
- "utrechtUnorderedListItemMarginBlockStart": "0.25rem",
887
- "utrechtUnorderedListMarkerColor": "#0F172A",
888
- "utrechtUnorderedListMarkerBorderColor": "#0F172A",
632
+ "utrechtTextareaMaxInlineSize": "400px",
633
+ "utrechtTextareaPaddingBlockEnd": "0.5rem",
634
+ "utrechtTextareaPaddingBlockStart": "0.5rem",
635
+ "utrechtTextareaPaddingInlineEnd": "0.75rem",
636
+ "utrechtTextareaPaddingInlineStart": "0.75rem",
637
+ "utrechtTextareaBackgroundColor": "#fff",
638
+ "utrechtTextareaBorderColor": "#76d2b6",
639
+ "utrechtTextareaColor": "#0F172A",
640
+ "utrechtTextareaInvalidBackgroundColor": "#f9dfdd",
641
+ "utrechtTextareaInvalidBorderColor": "#d52b1e",
642
+ "utrechtTextareaInvalidColor": "#0F172A",
643
+ "utrechtTextareaInvalidBorderWidth": "1px",
644
+ "utrechtTextareaPlaceholderColor": "#64748B",
645
+ "utrechtTextareaFocusBackgroundColor": "#fff",
646
+ "utrechtTextareaFocusBorderColor": "#76d2b6",
647
+ "utrechtTextareaFocusColor": "#0F172A",
648
+ "utrechtTextareaFocusBorderWidth": "2px",
649
+ "utrechtTextareaDisabledBackgroundColor": "#CBD5E1",
650
+ "utrechtTextareaDisabledBorderColor": "#94A3B8",
651
+ "utrechtTextareaDisabledColor": "#475569",
652
+ "utrechtTextareaReadOnlyBackgroundColor": "#F1F5F9",
653
+ "utrechtTextareaReadOnlyBorderColor": "transparent",
654
+ "utrechtTextareaReadOnlyColor": "#0F172A",
655
+ "utrechtTextareaHoverBackgroundColor": "#fff",
656
+ "utrechtTextareaHoverBorderColor": "#ACE4D3",
657
+ "utrechtTextareaHoverColor": "#0F172A",
658
+ "utrechtTextareaHoverBorderWidth": "1px",
659
+ "utrechtTextareaBorderRadius": "2.5px",
660
+ "utrechtTextareaBorderBottomWidth": "1px",
661
+ "utrechtTextareaBorderWidth": "1px",
662
+ "utrechtTextareaFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
663
+ "utrechtTextareaFontWeight": 400,
664
+ "utrechtTextareaLineHeight": "150%",
665
+ "utrechtTextareaFontSize": "1.25rem",
889
666
  "utrechtTableHeaderCellLineHeight": "150%",
890
667
  "utrechtTableHeaderCellColor": "#0F172A",
891
- "utrechtTableHeaderCellFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
668
+ "utrechtTableHeaderCellFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
892
669
  "utrechtTableHeaderCellFontWeight": 700,
893
670
  "utrechtTableHeaderCellFontSize": "1.25rem",
894
671
  "utrechtTableCaptionLineHeight": "125%",
895
672
  "utrechtTableCaptionMarginBlockEnd": "1.5rem",
896
673
  "utrechtTableCaptionColor": "#0F172A",
897
- "utrechtTableCaptionFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
674
+ "utrechtTableCaptionFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
898
675
  "utrechtTableCaptionFontWeight": 700,
899
676
  "utrechtTableCaptionFontSize": "1.875rem",
900
677
  "utrechtTableCellPaddingBlockEnd": "0.75rem",
@@ -903,7 +680,7 @@
903
680
  "utrechtTableCellPaddingInlineStart": "1rem",
904
681
  "utrechtTableCellLineHeight": "150%",
905
682
  "utrechtTableDataCellColor": "#0F172A",
906
- "utrechtTableDataCellFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
683
+ "utrechtTableDataCellFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
907
684
  "utrechtTableDataCellFontWeight": 400,
908
685
  "utrechtTableDataCellLineHeight": "150%",
909
686
  "utrechtTableDataCellFontSize": "1.25rem",
@@ -919,7 +696,7 @@
919
696
  "utrechtTableFooterCellFontWeight": 700,
920
697
  "utrechtTableFooterCellFontSize": "1.25rem",
921
698
  "utrechtTableFooterCellColor": "#0F172A",
922
- "utrechtTableFooterCellFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
699
+ "utrechtTableFooterCellFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
923
700
  "utrechtTableFooterCellLineHeight": "150%",
924
701
  "utrechtTableContainerBoxInlineEndShadowX": 0,
925
702
  "utrechtTableContainerBoxInlineEndShadowY": "16px",
@@ -932,12 +709,117 @@
932
709
  "utrechtTableContainerBoxInlineStartShadowSpread": 0,
933
710
  "utrechtTableContainerBoxInlineStartShadowColor": "#0000001a",
934
711
  "utrechtTableFontSize": "1.25rem",
712
+ "utrechtSkipLinkFontWeight": 700,
713
+ "utrechtSkipLinkFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
714
+ "utrechtSkipLinkFontSize": "1.25rem",
715
+ "utrechtSkipLinkLineHeight": "150%",
716
+ "utrechtSkipLinkMinBlockSize": "48px",
717
+ "utrechtSkipLinkMinInlineSize": "48px",
718
+ "utrechtSkipLinkPaddingBlockEnd": "0.75rem",
719
+ "utrechtSkipLinkPaddingBlockStart": "0.75rem",
720
+ "utrechtSkipLinkPaddingInlineEnd": "1rem",
721
+ "utrechtSkipLinkPaddingInlineStart": "1rem",
722
+ "utrechtSkipLinkFocusBackgroundColor": "#fff",
723
+ "utrechtSkipLinkFocusBorderColor": "#76d2b6",
724
+ "utrechtSkipLinkFocusBorderStyle": "solid",
725
+ "utrechtSkipLinkFocusBorderWidth": "2px",
726
+ "utrechtSkipLinkFocusColor": "#0F172A",
727
+ "utrechtSkipLinkFocusTextDecoration": "None",
728
+ "utrechtSkipLinkFocusVisibleOutlineColor": "#000",
729
+ "utrechtSkipLinkBackgroundColor": "#76d2b6",
730
+ "utrechtSkipLinkBorderColor": "transparent",
731
+ "utrechtSkipLinkColor": "#fff",
732
+ "utrechtSkipLinkBorderWidth": "2px",
733
+ "utrechtSkipLinkBoxBlockEndShadowOffsetX": 0,
734
+ "utrechtSkipLinkBoxBlockEndShadowOffsetY": "16px",
735
+ "utrechtSkipLinkBoxBlockEndShadowBlurRadius": "48px",
736
+ "utrechtSkipLinkBoxBlockEndShadowSpreadRadius": 0,
737
+ "utrechtSkipLinkBoxBlockEndShadowColor": "#0000001a",
738
+ "utrechtSkipLinkTextDecoration": "underline",
739
+ "utrechtSkipLinkTextUnderlineOffset": "0.125rem",
935
740
  "utrechtSeparatorColor": "#CBD5E1",
936
741
  "utrechtSeparatorBlockSize": "2px",
937
742
  "utrechtSeparatorMarginBlockEnd": "0.75rem",
938
743
  "utrechtSeparatorMarginBlockStart": "0.75rem",
744
+ "utrechtSelectImageBackgroundPosition": "right 0.5rem center",
745
+ "utrechtSelectIconSize": "24px",
746
+ "utrechtSelectBackgroundColor": "#fff",
747
+ "utrechtSelectBorderColor": "#76d2b6",
748
+ "utrechtSelectColor": "#0F172A",
749
+ "utrechtSelectInvalidBackgroundColor": "#f9dfdd",
750
+ "utrechtSelectInvalidBorderColor": "#d52b1e",
751
+ "utrechtSelectInvalidColor": "#0F172A",
752
+ "utrechtSelectInvalidBorderWidth": "1px",
753
+ "utrechtSelectFocusBackgroundColor": "#fff",
754
+ "utrechtSelectFocusBorderColor": "#76d2b6",
755
+ "utrechtSelectFocusColor": "#0F172A",
756
+ "utrechtSelectFocusBorderWidth": "2px",
757
+ "utrechtSelectDisabledBackgroundColor": "#CBD5E1",
758
+ "utrechtSelectDisabledBorderColor": "#94A3B8",
759
+ "utrechtSelectDisabledColor": "#475569",
760
+ "utrechtSelectHoverBackgroundColor": "#fff",
761
+ "utrechtSelectHoverBorderColor": "#ACE4D3",
762
+ "utrechtSelectHoverColor": "#0F172A",
763
+ "utrechtSelectHoverBorderWidth": "1px",
764
+ "utrechtSelectPaddingBlockEnd": "0.5rem",
765
+ "utrechtSelectPaddingBlockStart": "0.5rem",
766
+ "utrechtSelectPaddingInlineEnd": "0.75rem",
767
+ "utrechtSelectPaddingInlineStart": "0.75rem",
768
+ "utrechtSelectBorderRadius": "2.5px",
769
+ "utrechtSelectBorderBottomWidth": "auto",
770
+ "utrechtSelectBorderWidth": "1px",
771
+ "utrechtSelectFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
772
+ "utrechtSelectFontWeight": 400,
773
+ "utrechtSelectLineHeight": "150%",
774
+ "utrechtSelectFontSize": "1.25rem",
775
+ "utrechtSelectMaxInlineSize": "400px",
776
+ "utrechtRadioButtonActiveBorderWidth": "1px",
777
+ "utrechtRadioButtonActiveBackgroundColor": "#fff",
778
+ "utrechtRadioButtonActiveBorderColor": "#98DDC8",
779
+ "utrechtRadioButtonSize": "24px",
780
+ "utrechtRadioButtonDotSize": "12px",
781
+ "utrechtRadioButtonBackgroundColor": "#fff",
782
+ "utrechtRadioButtonBorderColor": "#76d2b6",
783
+ "utrechtRadioButtonInvalidBackgroundColor": "#f9dfdd",
784
+ "utrechtRadioButtonInvalidBorderColor": "#d52b1e",
785
+ "utrechtRadioButtonInvalidBorderWidth": "1px",
786
+ "utrechtRadioButtonFocusBackgroundColor": "#fff",
787
+ "utrechtRadioButtonFocusBorderColor": "#76d2b6",
788
+ "utrechtRadioButtonFocusBorderWidth": "2px",
789
+ "utrechtRadioButtonDisabledBackgroundColor": "#CBD5E1",
790
+ "utrechtRadioButtonDisabledBorderColor": "#94A3B8",
791
+ "utrechtRadioButtonDisabledColor": "#475569",
792
+ "utrechtRadioButtonCheckedBackgroundColor": "#76d2b6",
793
+ "utrechtRadioButtonCheckedBorderColor": "transparent",
794
+ "utrechtRadioButtonCheckedColor": "#fff",
795
+ "utrechtRadioButtonCheckedHoverBackgroundColor": "#ACE4D3",
796
+ "utrechtRadioButtonCheckedHoverBorderColor": "transparent",
797
+ "utrechtRadioButtonCheckedHoverColor": "#fff",
798
+ "utrechtRadioButtonCheckedHoverBorderWidth": "1px",
799
+ "utrechtRadioButtonCheckedActiveBackgroundColor": "#98DDC8",
800
+ "utrechtRadioButtonCheckedActiveBorderColor": "transparent",
801
+ "utrechtRadioButtonCheckedActiveColor": "#fff",
802
+ "utrechtRadioButtonCheckedActiveBorderWidth": "1px",
803
+ "utrechtRadioButtonCheckedFocusBackgroundColor": "#fff",
804
+ "utrechtRadioButtonCheckedFocusBorderColor": "#76d2b6",
805
+ "utrechtRadioButtonCheckedFocusColor": "#76d2b6",
806
+ "utrechtRadioButtonCheckedFocusBorderWidth": "2px",
807
+ "utrechtRadioButtonCheckedDisabledBackgroundColor": "#CBD5E1",
808
+ "utrechtRadioButtonCheckedDisabledBorderColor": "#94A3B8",
809
+ "utrechtRadioButtonCheckedDisabledColor": "#475569",
810
+ "utrechtRadioButtonCheckedBorderWidth": "1px",
811
+ "utrechtRadioButtonHoverBackgroundColor": "#fff",
812
+ "utrechtRadioButtonHoverBorderColor": "#ACE4D3",
813
+ "utrechtRadioButtonHoverBorderWidth": "1px",
814
+ "utrechtRadioButtonBorderRadius": "999px",
815
+ "utrechtRadioButtonBorderWidth": "1px",
816
+ "utrechtPreHeadingColor": "#0F172A",
817
+ "utrechtPreHeadingFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
818
+ "utrechtPreHeadingFontWeight": 700,
819
+ "utrechtPreHeadingLineHeight": "125%",
820
+ "utrechtPreHeadingFontSize": "1rem",
939
821
  "utrechtParagraphColor": "#0F172A",
940
- "utrechtParagraphFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
822
+ "utrechtParagraphFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
941
823
  "utrechtParagraphFontSize": "1.25rem",
942
824
  "utrechtParagraphFontWeight": 400,
943
825
  "utrechtParagraphLineHeight": "150%",
@@ -955,7 +837,7 @@
955
837
  "utrechtOrderedListItemMarginBlockEnd": "0.25rem",
956
838
  "utrechtOrderedListItemMarginBlockStart": "0.25rem",
957
839
  "utrechtOrderedListColor": "#0F172A",
958
- "utrechtOrderedListFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
840
+ "utrechtOrderedListFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
959
841
  "utrechtOrderedListFontWeight": 400,
960
842
  "utrechtOrderedListFontSize": "1.25rem",
961
843
  "utrechtOrderedListLineHeight": "150%",
@@ -966,36 +848,58 @@
966
848
  "utrechtLinkListItemTextDecoration": "None",
967
849
  "utrechtLinkListIconSize": "24px",
968
850
  "utrechtLinkListIconInsetBlockStart": "0.188rem",
851
+ "utrechtLinkColor": "#01689b",
852
+ "utrechtLinkTextDecorationColor": "#01689b",
853
+ "utrechtLinkActiveColor": "#42145f",
854
+ "utrechtLinkActiveTextDecoration": "None",
855
+ "utrechtLinkFocusBackgroundColor": "transparent",
856
+ "utrechtLinkFocusColor": "#01689b",
857
+ "utrechtLinkFocusTextDecoration": "None",
858
+ "utrechtLinkFocusTextDecorationThickness": "auto",
859
+ "utrechtLinkHoverColor": "#01496c",
860
+ "utrechtLinkHoverTextDecoration": "None",
861
+ "utrechtLinkHoverTextDecorationThickness": "auto",
862
+ "utrechtLinkVisitedColor": "#42145f",
863
+ "utrechtLinkTextDecoration": "underline",
864
+ "utrechtLinkIconInsetBlockStart": "0.25rem",
865
+ "utrechtLinkIconSize": "24px",
866
+ "utrechtLinkColumnGap": "0.25rem",
867
+ "utrechtLinkTextDecorationThickness": "auto",
868
+ "utrechtLinkTextUnderlineOffset": "0.125rem",
869
+ "utrechtLinkFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
870
+ "utrechtLinkFontWeight": 400,
871
+ "utrechtLinkFontSize": "1.25rem",
872
+ "utrechtLinkLineHeight": "150%",
969
873
  "utrechtHeading1Color": "#154273",
970
- "utrechtHeading1FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
874
+ "utrechtHeading1FontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
971
875
  "utrechtHeading1FontWeight": 700,
972
876
  "utrechtHeading1LineHeight": "125%",
973
877
  "utrechtHeading1FontSize": "3.125rem",
974
878
  "utrechtHeading1MarginBlockEnd": 0,
975
879
  "utrechtHeading1MarginBlockStart": 0,
976
880
  "utrechtHeading2Color": "#154273",
977
- "utrechtHeading2FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
881
+ "utrechtHeading2FontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
978
882
  "utrechtHeading2FontWeight": 700,
979
883
  "utrechtHeading2LineHeight": "125%",
980
884
  "utrechtHeading2FontSize": "2.5rem",
981
885
  "utrechtHeading2MarginBlockEnd": 0,
982
886
  "utrechtHeading2MarginBlockStart": 0,
983
887
  "utrechtHeading3Color": "#154273",
984
- "utrechtHeading3FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
888
+ "utrechtHeading3FontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
985
889
  "utrechtHeading3FontWeight": 700,
986
890
  "utrechtHeading3LineHeight": "125%",
987
891
  "utrechtHeading3FontSize": "1.875rem",
988
892
  "utrechtHeading3MarginBlockEnd": 0,
989
893
  "utrechtHeading3MarginBlockStart": 0,
990
894
  "utrechtHeading4Color": "#154273",
991
- "utrechtHeading4FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
895
+ "utrechtHeading4FontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
992
896
  "utrechtHeading4FontWeight": 700,
993
897
  "utrechtHeading4LineHeight": "125%",
994
898
  "utrechtHeading4FontSize": "1.5rem",
995
899
  "utrechtHeading4MarginBlockEnd": 0,
996
900
  "utrechtHeading4MarginBlockStart": 0,
997
901
  "utrechtHeading5Color": "#154273",
998
- "utrechtHeading5FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
902
+ "utrechtHeading5FontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
999
903
  "utrechtHeading5FontWeight": 700,
1000
904
  "utrechtHeading5LineHeight": "125%",
1001
905
  "utrechtHeading5FontSize": "1.25rem",
@@ -1005,20 +909,20 @@
1005
909
  "utrechtFormLabelFontSize": "1.25rem",
1006
910
  "utrechtFormLabelFontWeight": 700,
1007
911
  "utrechtFormFieldLabelColor": "#0F172A",
1008
- "utrechtFormFieldLabelFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
912
+ "utrechtFormFieldLabelFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
1009
913
  "utrechtFormFieldLabelFontSize": "1.25rem",
1010
914
  "utrechtFormFieldLabelFontWeight": 700,
1011
915
  "utrechtFormFieldLabelLineHeight": "150%",
1012
916
  "utrechtFormFieldErrorMessageIconSize": "24px",
1013
917
  "utrechtFormFieldErrorMessageIconMarginInlineEnd": "0.5rem",
1014
918
  "utrechtFormFieldErrorMessageColor": "#d52b1e",
1015
- "utrechtFormFieldErrorMessageFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
919
+ "utrechtFormFieldErrorMessageFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
1016
920
  "utrechtFormFieldErrorMessageFontSize": "1.25rem",
1017
921
  "utrechtFormFieldErrorMessageFontWeight": 400,
1018
922
  "utrechtFormFieldErrorMessageMarginBlockEnd": "0.5rem",
1019
923
  "utrechtFormFieldErrorMessagePaddingBlockEnd": "0.5rem",
1020
924
  "utrechtFormFieldDescriptionColor": "#334155",
1021
- "utrechtFormFieldDescriptionFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
925
+ "utrechtFormFieldDescriptionFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
1022
926
  "utrechtFormFieldDescriptionFontSize": "1.25rem",
1023
927
  "utrechtFormFieldDescriptionLineHeight": "150%",
1024
928
  "utrechtFormFieldDescriptionMarginBlockStart": "-0.5rem",
@@ -1031,7 +935,7 @@
1031
935
  "utrechtFormFieldInvalidPaddingInlineStart": 0,
1032
936
  "utrechtFormFieldLabelMarginBlockEnd": "0.5rem",
1033
937
  "utrechtFormFieldErrorMessageLineHeight": "normal",
1034
- "utrechtPageFooterBackgroundColor": "#154273",
938
+ "utrechtPageFooterBackgroundColor": "#76d2b6",
1035
939
  "utrechtPageFooterColor": "#fff",
1036
940
  "utrechtPageFooterPaddingBlockStart": "3rem",
1037
941
  "utrechtPageFooterPaddingBlockEnd": "3rem",
@@ -1050,7 +954,7 @@
1050
954
  "utrechtFigureImgBorderStartEndRadius": 0,
1051
955
  "utrechtFigureImgBorderStartStartRadius": 0,
1052
956
  "utrechtFormFieldsetLegendColor": "#0F172A",
1053
- "utrechtFormFieldsetLegendFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
957
+ "utrechtFormFieldsetLegendFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
1054
958
  "utrechtFormFieldsetLegendFontSize": "1.25rem",
1055
959
  "utrechtFormFieldsetLegendFontWeight": 700,
1056
960
  "utrechtFormFieldsetLegendLineHeight": "150%",
@@ -1061,18 +965,76 @@
1061
965
  "utrechtFormFieldsetInvalidPaddingInlineStart": 0,
1062
966
  "utrechtFormFieldsetInvalidBorderInlineStartWidth": "0px",
1063
967
  "utrechtNumberBadgeFontSize": "1.25rem",
1064
- "utrechtNumberBadgeLineHeight": "150%",
968
+ "utrechtNumberBadgeLineHeight": "125%",
1065
969
  "utrechtNumberBadgeMinBlockSize": "24px",
1066
970
  "utrechtNumberBadgeMinInlineSize": "24px",
1067
971
  "utrechtNumberBadgeFontWeight": 700,
1068
972
  "utrechtNumberBadgeBorderWidth": "0px",
1069
973
  "utrechtNumberBadgeBorderRadius": "999px",
1070
- "utrechtNumberBadgeFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
1071
- "utrechtNumberBadgeBackgroundColor": "#154273",
974
+ "utrechtNumberBadgeFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
975
+ "utrechtNumberBadgeBackgroundColor": "#76d2b6",
1072
976
  "utrechtNumberBadgeBorderColor": "transparent",
1073
977
  "utrechtNumberBadgeColor": "#fff",
1074
978
  "utrechtNumberBadgePaddingInline": "0.5rem",
1075
- "utrechtNumberBadgePaddingBlock": "0.5rem",
979
+ "utrechtNumberBadgePaddingBlock": "0.125rem",
980
+ "utrechtCheckboxBorderRadius": "2.5px",
981
+ "utrechtCheckboxSize": "24px",
982
+ "utrechtCheckboxIconSize": "24px",
983
+ "utrechtCheckboxBackgroundColor": "#fff",
984
+ "utrechtCheckboxBorderColor": "#76d2b6",
985
+ "utrechtCheckboxInvalidBackgroundColor": "#f9dfdd",
986
+ "utrechtCheckboxInvalidBorderColor": "#d52b1e",
987
+ "utrechtCheckboxInvalidBorderWidth": "1px",
988
+ "utrechtCheckboxFocusBackgroundColor": "#fff",
989
+ "utrechtCheckboxFocusBorderColor": "#76d2b6",
990
+ "utrechtCheckboxFocusBorderWidth": "2px",
991
+ "utrechtCheckboxDisabledBackgroundColor": "#CBD5E1",
992
+ "utrechtCheckboxDisabledBorderColor": "#94A3B8",
993
+ "utrechtCheckboxCheckedBackgroundColor": "#76d2b6",
994
+ "utrechtCheckboxCheckedBorderColor": "transparent",
995
+ "utrechtCheckboxCheckedColor": "#fff",
996
+ "utrechtCheckboxCheckedBorderWidth": "1px",
997
+ "utrechtCheckboxCheckedDisabledBackgroundColor": "#CBD5E1",
998
+ "utrechtCheckboxCheckedDisabledBorderColor": "#94A3B8",
999
+ "utrechtCheckboxCheckedDisabledColor": "#475569",
1000
+ "utrechtCheckboxCheckedFocusBorderWidth": "2px",
1001
+ "utrechtCheckboxCheckedFocusBackgroundColor": "#fff",
1002
+ "utrechtCheckboxCheckedFocusBorderColor": "#76d2b6",
1003
+ "utrechtCheckboxCheckedFocusColor": "#76d2b6",
1004
+ "utrechtCheckboxCheckedHoverBorderWidth": "1px",
1005
+ "utrechtCheckboxCheckedHoverBackgroundColor": "#ACE4D3",
1006
+ "utrechtCheckboxCheckedHoverBorderColor": "transparent",
1007
+ "utrechtCheckboxCheckedHoverColor": "#fff",
1008
+ "utrechtCheckboxCheckedActiveBorderWidth": "1px",
1009
+ "utrechtCheckboxCheckedActiveBackgroundColor": "#98DDC8",
1010
+ "utrechtCheckboxCheckedActiveBorderColor": "transparent",
1011
+ "utrechtCheckboxCheckedActiveColor": "#fff",
1012
+ "utrechtCheckboxIndeterminateBackgroundColor": "#76d2b6",
1013
+ "utrechtCheckboxIndeterminateBorderColor": "transparent",
1014
+ "utrechtCheckboxIndeterminateColor": "#fff",
1015
+ "utrechtCheckboxIndeterminateBorderWidth": "1px",
1016
+ "utrechtCheckboxIndeterminateDisabledBackgroundColor": "#CBD5E1",
1017
+ "utrechtCheckboxIndeterminateDisabledBorderColor": "#94A3B8",
1018
+ "utrechtCheckboxIndeterminateDisabledColor": "#475569",
1019
+ "utrechtCheckboxIndeterminateActiveBackgroundColor": "#98DDC8",
1020
+ "utrechtCheckboxIndeterminateActiveBorderColor": "transparent",
1021
+ "utrechtCheckboxIndeterminateActiveColor": "#fff",
1022
+ "utrechtCheckboxIndeterminateActiveBorderWidth": "1px",
1023
+ "utrechtCheckboxIndeterminateHoverBackgroundColor": "#ACE4D3",
1024
+ "utrechtCheckboxIndeterminateHoverBorderColor": "transparent",
1025
+ "utrechtCheckboxIndeterminateHoverColor": "#fff",
1026
+ "utrechtCheckboxIndeterminateHoverBorderWidth": "1px",
1027
+ "utrechtCheckboxIndeterminateFocusBackgroundColor": "#fff",
1028
+ "utrechtCheckboxIndeterminateFocusBorderColor": "#76d2b6",
1029
+ "utrechtCheckboxIndeterminateFocusColor": "#76d2b6",
1030
+ "utrechtCheckboxIndeterminateFocusBorderWidth": "2px",
1031
+ "utrechtCheckboxBorderWidth": "1px",
1032
+ "utrechtCheckboxHoverBorderWidth": "1px",
1033
+ "utrechtCheckboxHoverBackgroundColor": "#fff",
1034
+ "utrechtCheckboxHoverBorderColor": "#ACE4D3",
1035
+ "utrechtCheckboxActiveBorderWidth": "1px",
1036
+ "utrechtCheckboxActiveBackgroundColor": "#fff",
1037
+ "utrechtCheckboxActiveBorderColor": "#98DDC8",
1076
1038
  "utrechtButtonGroupBackgroundColor": "transparent",
1077
1039
  "utrechtButtonGroupColumnGap": "0.5rem",
1078
1040
  "utrechtButtonGroupMarginBlockEnd": "0px",
@@ -1080,6 +1042,102 @@
1080
1042
  "utrechtButtonGroupPaddingBlockEnd": "0px",
1081
1043
  "utrechtButtonGroupPaddingBlockStart": "0px",
1082
1044
  "utrechtButtonGroupRowGap": "0.5rem",
1045
+ "utrechtButtonBackgroundColor": "#0F172A",
1046
+ "utrechtButtonBorderColor": "transparent",
1047
+ "utrechtButtonColor": "#fff",
1048
+ "utrechtButtonBorderRadius": "5px",
1049
+ "utrechtButtonBorderWidth": "1px",
1050
+ "utrechtButtonIconGap": "0.5rem",
1051
+ "utrechtButtonIconSize": "24px",
1052
+ "utrechtButtonFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
1053
+ "utrechtButtonFontSize": "1.25rem",
1054
+ "utrechtButtonFontWeight": 700,
1055
+ "utrechtButtonLineHeight": "150%",
1056
+ "utrechtButtonPaddingBlockEnd": "0.5rem",
1057
+ "utrechtButtonPaddingBlockStart": "0.5rem",
1058
+ "utrechtButtonPaddingInlineEnd": "1rem",
1059
+ "utrechtButtonPaddingInlineStart": "1rem",
1060
+ "utrechtButtonDisabledBackgroundColor": "#E2E8F0",
1061
+ "utrechtButtonDisabledBorderColor": "transparent",
1062
+ "utrechtButtonDisabledColor": "#94A3B8",
1063
+ "utrechtButtonFocusBackgroundColor": "#475569",
1064
+ "utrechtButtonFocusBorderColor": "transparent",
1065
+ "utrechtButtonFocusColor": "#fff",
1066
+ "utrechtButtonHoverBackgroundColor": "#475569",
1067
+ "utrechtButtonHoverBorderColor": "transparent",
1068
+ "utrechtButtonHoverColor": "#fff",
1069
+ "utrechtButtonActiveBackgroundColor": "#1E293B",
1070
+ "utrechtButtonActiveBorderColor": "transparent",
1071
+ "utrechtButtonActiveColor": "#fff",
1072
+ "utrechtButtonMinBlockSize": "48px",
1073
+ "utrechtButtonMinInlineSize": "48px",
1074
+ "utrechtButtonColumnGap": "0.5rem",
1075
+ "utrechtButtonPrimaryActionHoverBackgroundColor": "#528e7c",
1076
+ "utrechtButtonPrimaryActionHoverBorderColor": "transparent",
1077
+ "utrechtButtonPrimaryActionHoverColor": "#fff",
1078
+ "utrechtButtonPrimaryActionBackgroundColor": "#76d2b6",
1079
+ "utrechtButtonPrimaryActionBorderColor": "transparent",
1080
+ "utrechtButtonPrimaryActionColor": "#fff",
1081
+ "utrechtButtonPrimaryActionDisabledBackgroundColor": "#d6f2e9",
1082
+ "utrechtButtonPrimaryActionDisabledBorderColor": "transparent",
1083
+ "utrechtButtonPrimaryActionDisabledColor": "#98DDC8",
1084
+ "utrechtButtonPrimaryActionFocusBackgroundColor": "#528e7c",
1085
+ "utrechtButtonPrimaryActionFocusBorderColor": "transparent",
1086
+ "utrechtButtonPrimaryActionFocusColor": "#fff",
1087
+ "utrechtButtonPrimaryActionFontWeight": 700,
1088
+ "utrechtButtonPrimaryActionActiveBackgroundColor": "#477e6d",
1089
+ "utrechtButtonPrimaryActionActiveBorderColor": "transparent",
1090
+ "utrechtButtonPrimaryActionActiveColor": "#fff",
1091
+ "utrechtButtonPrimaryActionFontSize": "1.25rem",
1092
+ "utrechtButtonPrimaryActionLineHeight": "1.875rem",
1093
+ "utrechtButtonPrimaryActionPressedBackgroundColor": "#477869",
1094
+ "utrechtButtonPrimaryActionPressedBorderColor": "transparent",
1095
+ "utrechtButtonPrimaryActionPressedColor": "#fff",
1096
+ "utrechtButtonSecondaryActionHoverBackgroundColor": "#eaf8f4",
1097
+ "utrechtButtonSecondaryActionHoverBorderColor": "#528e7c",
1098
+ "utrechtButtonSecondaryActionHoverColor": "#528e7c",
1099
+ "utrechtButtonSecondaryActionBackgroundColor": "transparent",
1100
+ "utrechtButtonSecondaryActionBorderColor": "#76d2b6",
1101
+ "utrechtButtonSecondaryActionColor": "#76d2b6",
1102
+ "utrechtButtonSecondaryActionDisabledBackgroundColor": "transparent",
1103
+ "utrechtButtonSecondaryActionDisabledBorderColor": "#C1EBDE",
1104
+ "utrechtButtonSecondaryActionDisabledColor": "#ACE4D3",
1105
+ "utrechtButtonSecondaryActionFocusBackgroundColor": "#eaf8f4",
1106
+ "utrechtButtonSecondaryActionFocusBorderColor": "transparent",
1107
+ "utrechtButtonSecondaryActionFocusColor": "#528e7c",
1108
+ "utrechtButtonSecondaryActionFontWeight": 700,
1109
+ "utrechtButtonSecondaryActionActiveBackgroundColor": "#C1EBDE",
1110
+ "utrechtButtonSecondaryActionActiveBorderColor": "#477869",
1111
+ "utrechtButtonSecondaryActionActiveColor": "#528e7c",
1112
+ "utrechtButtonSecondaryActionFontSize": "1.25rem",
1113
+ "utrechtButtonSecondaryActionLineHeight": "1.875rem",
1114
+ "utrechtButtonSecondaryActionPressedBackgroundColor": "#d6f2e9",
1115
+ "utrechtButtonSecondaryActionPressedBorderColor": "#477869",
1116
+ "utrechtButtonSecondaryActionPressedColor": "#477869",
1117
+ "utrechtButtonSubtleFontSize": "1.25rem",
1118
+ "utrechtButtonSubtleFontWeight": 700,
1119
+ "utrechtButtonSubtleHoverBackgroundColor": "#eaf8f4",
1120
+ "utrechtButtonSubtleHoverBorderColor": "transparent",
1121
+ "utrechtButtonSubtleHoverColor": "#528e7c",
1122
+ "utrechtButtonSubtleBackgroundColor": "transparent",
1123
+ "utrechtButtonSubtleBorderColor": "transparent",
1124
+ "utrechtButtonSubtleColor": "#76d2b6",
1125
+ "utrechtButtonSubtleDisabledBackgroundColor": "transparent",
1126
+ "utrechtButtonSubtleDisabledBorderColor": "transparent",
1127
+ "utrechtButtonSubtleDisabledColor": "#d6f2e9",
1128
+ "utrechtButtonSubtleFocusBackgroundColor": "#eaf8f4",
1129
+ "utrechtButtonSubtleFocusBorderColor": "transparent",
1130
+ "utrechtButtonSubtleFocusColor": "#528e7c",
1131
+ "utrechtButtonSubtleActiveBackgroundColor": "#C1EBDE",
1132
+ "utrechtButtonSubtleActiveBorderColor": "transparent",
1133
+ "utrechtButtonSubtleActiveColor": "#477e6d",
1134
+ "utrechtButtonSubtleLineHeight": "1.875rem",
1135
+ "utrechtButtonSubtlePressedBackgroundColor": "#d6f2e9",
1136
+ "utrechtButtonSubtlePressedBorderColor": "transparent",
1137
+ "utrechtButtonSubtlePressedColor": "#477869",
1138
+ "utrechtButtonPressedBackgroundColor": "#1E293B",
1139
+ "utrechtButtonPressedBorderColor": "transparent",
1140
+ "utrechtButtonPressedColor": "#fff",
1083
1141
  "utrechtBreadcrumbNavLineHeight": 1.4,
1084
1142
  "utrechtBreadcrumbNavFontSize": "1.25rem",
1085
1143
  "utrechtBreadcrumbNavLinkIconSize": "24px",
@@ -1103,59 +1161,10 @@
1103
1161
  "utrechtBreadcrumbNavDividerColor": "#334155",
1104
1162
  "utrechtBreadcrumbNavDividerInsetBlockStart": 0,
1105
1163
  "utrechtBreadcrumbNavMarginInline": "0.5rem",
1106
- "utrechtBreadcrumbNavFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
1164
+ "utrechtBreadcrumbNavFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
1107
1165
  "utrechtBreadcrumbNavFontWeight": 400,
1108
- "utrechtBlockquoteCaptionFontSize": "1.25rem",
1109
- "utrechtBlockquoteCaptionFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
1110
- "utrechtBlockquoteCaptionLineHeight": "150%",
1111
- "utrechtBlockquoteCaptionFontWeight": 400,
1112
- "utrechtBlockquoteCaptionPaddingBlockStart": "0.75rem",
1113
- "utrechtBlockquoteCaptionColor": "#334155",
1114
- "utrechtBlockquoteContentFontFamily": "RijksoverheidSerifWeb, 'Times New Roman', serif",
1115
- "utrechtBlockquoteContentLineHeight": "150%",
1116
- "utrechtBlockquoteContentFontWeight": 400,
1117
- "utrechtBlockquoteContentFontSize": "1.5rem",
1118
- "utrechtBlockquoteContentColor": "#0F172A",
1119
- "utrechtBlockquoteMarginBlockEnd": 0,
1120
- "utrechtBlockquoteMarginBlockStart": 0,
1121
- "utrechtBlockquoteMarginInlineEnd": 0,
1122
- "utrechtBlockquoteMarginInlineStart": 0,
1123
- "utrechtBlockquotePaddingBlockEnd": "2rem",
1124
- "utrechtBlockquotePaddingBlockStart": "2rem",
1125
- "utrechtBlockquotePaddingInlineEnd": "2rem",
1126
- "utrechtBlockquotePaddingInlineStart": "2rem",
1127
- "utrechtBlockquoteRowGap": "0.75rem",
1128
- "utrechtBlockquoteBackgroundColor": "transparent",
1129
- "utrechtBlockquoteBorderColor": "#76d2b6",
1130
- "utrechtBlockquoteBorderBlockStartWidth": 0,
1131
- "utrechtBlockquoteBorderBlockEndWidth": 0,
1132
- "utrechtBlockquoteBorderInlineStartWidth": 0,
1133
- "utrechtBlockquoteBorderInlineEndWidth": 0,
1134
- "utrechtBlockquoteBorderStartStartRadius": 0,
1135
- "utrechtBlockquoteBorderStartEndRadius": 0,
1136
- "utrechtBlockquoteBorderEndStartRadius": 0,
1137
- "utrechtBlockquoteBorderEndEndRadius": 0,
1138
- "utrechtBlockquoteBorderWidth": "2px",
1139
- "utrechtBlockquoteBlueCornerBorderVariationBorderColor": "#76d2b6",
1140
- "utrechtBlockquoteBlueCornerBorderVariationBorderBlockEndWidth": "2px",
1141
- "utrechtBlockquoteBlueCornerBorderVariationBorderInlineEndWidth": "2px",
1142
- "utrechtBlockquoteBlueCornerBorderVariationBorderEndEndRadius": "3rem",
1143
- "utrechtBlockquotePinkBackgroundVariationBackgroundColor": "#F6BDE1",
1144
- "utrechtBlockquotePinkBackgroundVariationBorderEndStartRadius": "3rem",
1145
- "utrechtBlockquotePinkBackgroundVariationPadding": "2.5rem",
1146
- "utrechtBlockquotePinkLeftBorderVariationBorderColor": "#F6BDE1",
1147
- "utrechtBlockquotePinkLeftBorderVariationBorderInlineStartWidth": "0.75rem",
1148
- "utrechtBlockquotePinkLeftBorderVariationPaddingInlineStart": "2.5rem",
1149
- "utrechtBlockquotePinkLeftBorderVariationPaddingInlineEnd": "2.5rem",
1150
- "utrechtBlockquotePinkLeftBorderVariationPaddingBlockStart": "1.5rem",
1151
- "utrechtBlockquotePinkLeftBorderVariationPaddingBlockEnd": "1.5rem",
1152
- "utrechtBlockquotePinkCornerBorderVariationBorderColor": "#F6BDE1",
1153
- "utrechtBlockquotePinkCornerBorderVariationBorderBlockStartWidth": "0.25rem",
1154
- "utrechtBlockquotePinkCornerBorderVariationBorderInlineStartWidth": "0.25rem",
1155
- "utrechtBlockquotePinkCornerBorderVariationBorderStartStartRadius": "3rem",
1156
- "utrechtBlockquotePinkCornerBorderVariationPadding": "2.5rem",
1157
1166
  "utrechtArticleMaxInlineSize": "75ch",
1158
- "utrechtAlertHeadingFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
1167
+ "utrechtAlertHeadingFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
1159
1168
  "utrechtAlertHeadingFontWeight": 700,
1160
1169
  "utrechtAlertHeadingLineHeight": "150%",
1161
1170
  "utrechtAlertHeadingFontSize": "1.25rem",
@@ -1169,19 +1178,19 @@
1169
1178
  "utrechtAlertPaddingInlineStart": "1rem",
1170
1179
  "utrechtAlertBackgroundColor": "#d9ebf7",
1171
1180
  "utrechtAlertBorderColor": "transparent",
1172
- "utrechtAlertColor": "#0F172A",
1181
+ "utrechtAlertColor": "#000",
1173
1182
  "utrechtAlertInfoBackgroundColor": "#d9ebf7",
1174
1183
  "utrechtAlertInfoBorderColor": "transparent",
1175
- "utrechtAlertInfoColor": "#0F172A",
1184
+ "utrechtAlertInfoColor": "#000",
1176
1185
  "utrechtAlertErrorBackgroundColor": "#f9dfdd",
1177
1186
  "utrechtAlertErrorBorderColor": "transparent",
1178
- "utrechtAlertErrorColor": "#0F172A",
1187
+ "utrechtAlertErrorColor": "#000",
1179
1188
  "utrechtAlertOkBackgroundColor": "#e1eddb",
1180
1189
  "utrechtAlertOkBorderColor": "transparent",
1181
- "utrechtAlertOkColor": "#0F172A",
1190
+ "utrechtAlertOkColor": "#000",
1182
1191
  "utrechtAlertWarningBackgroundColor": "#fff4db",
1183
1192
  "utrechtAlertWarningBorderColor": "transparent",
1184
- "utrechtAlertWarningColor": "#0F172A",
1193
+ "utrechtAlertWarningColor": "#000",
1185
1194
  "utrechtAlertIconInsetBlockStart": "3px",
1186
1195
  "utrechtAlertIconInfoColor": "#007bc7",
1187
1196
  "utrechtAlertIconErrorColor": "#d52b1e",
@@ -1191,9 +1200,15 @@
1191
1200
  "utrechtAlertMessageLineHeight": "150%",
1192
1201
  "utrechtAlertMessageColumnGap": "0.5rem",
1193
1202
  "utrechtAlertBorderRadius": "5px",
1203
+ "utrechtActionActivateCursor": "pointer",
1204
+ "utrechtActionBusyCursor": "wait",
1205
+ "utrechtActionDisabledCursor": "not-allowed",
1206
+ "utrechtActionInertCursor": "default",
1207
+ "utrechtActionNavigateCursor": "pointer",
1208
+ "utrechtActionSubmitCursor": "pointer",
1194
1209
  "utrechtDocumentBackgroundColor": "#fff",
1195
1210
  "utrechtDocumentColor": "#0F172A",
1196
- "utrechtDocumentFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
1211
+ "utrechtDocumentFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
1197
1212
  "utrechtDocumentFontSize": "1.25rem",
1198
1213
  "utrechtDocumentLineHeight": "150%",
1199
1214
  "utrechtDocumentFontWeight": 400,
@@ -1203,17 +1218,13 @@
1203
1218
  "utrechtRichTextBestFriendMarginBlockEnd": "0.25rem",
1204
1219
  "utrechtRichTextConfidantMarginBlockEnd": 0,
1205
1220
  "utrechtPointerTargetMinSize": "48px",
1206
- "utrechtFocusOutlineColor": "#76d2b6",
1221
+ "utrechtFocusOutlineColor": "#000",
1207
1222
  "utrechtFocusOutlineOffset": "0.125rem",
1208
1223
  "utrechtFocusOutlineStyle": "solid",
1209
1224
  "utrechtFocusOutlineWidth": "2px",
1210
1225
  "utrechtFocusInverseOutlineColor": "#fff",
1211
- "overwriteFocusBackground": "#FDD370",
1212
- "todoNavBarLinkFocusBackgroundColor": "#FDD370",
1213
- "todoPaginationPageLinkFocusBackgroundColor": "#FDD370",
1214
- "denhaagSidenavLinkFocusBackgroundColor": "#FDD370",
1215
1226
  "nlSkipLinkFontWeight": 700,
1216
- "nlSkipLinkFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
1227
+ "nlSkipLinkFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
1217
1228
  "nlSkipLinkFontSize": "1.25rem",
1218
1229
  "nlSkipLinkLineHeight": "150%",
1219
1230
  "nlSkipLinkMinBlockSize": "48px",
@@ -1223,13 +1234,13 @@
1223
1234
  "nlSkipLinkPaddingInlineEnd": "1rem",
1224
1235
  "nlSkipLinkPaddingInlineStart": "1rem",
1225
1236
  "nlSkipLinkFocusBackgroundColor": "#fff",
1226
- "nlSkipLinkFocusBorderColor": "#154273",
1237
+ "nlSkipLinkFocusBorderColor": "#76d2b6",
1227
1238
  "nlSkipLinkFocusBorderStyle": "solid",
1228
1239
  "nlSkipLinkFocusBorderWidth": "2px",
1229
1240
  "nlSkipLinkFocusColor": "#0F172A",
1230
1241
  "nlSkipLinkFocusTextDecoration": "None",
1231
1242
  "nlSkipLinkFocusVisibleOutlineColor": "#000",
1232
- "nlSkipLinkBackgroundColor": "#154273",
1243
+ "nlSkipLinkBackgroundColor": "#76d2b6",
1233
1244
  "nlSkipLinkBorderColor": "transparent",
1234
1245
  "nlSkipLinkColor": "#fff",
1235
1246
  "nlSkipLinkBorderWidth": "2px",
@@ -1241,7 +1252,7 @@
1241
1252
  "nlSkipLinkTextDecoration": "underline",
1242
1253
  "nlSkipLinkTextUnderlineOffset": "0.125rem",
1243
1254
  "nlParagraphColor": "#0F172A",
1244
- "nlParagraphFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
1255
+ "nlParagraphFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
1245
1256
  "nlParagraphFontSize": "1.25rem",
1246
1257
  "nlParagraphFontWeight": 400,
1247
1258
  "nlParagraphLineHeight": "150%",
@@ -1269,56 +1280,56 @@
1269
1280
  "nlLinkColumnGap": "0.25rem",
1270
1281
  "nlLinkTextDecorationThickness": "auto",
1271
1282
  "nlLinkTextUnderlineOffset": "0.125rem",
1272
- "nlLinkFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
1283
+ "nlLinkFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
1273
1284
  "nlLinkFontWeight": 400,
1274
1285
  "nlLinkFontSize": "1.25rem",
1275
1286
  "nlLinkLineHeight": "150%",
1276
1287
  "nlHeadingLevel1Color": "#154273",
1277
- "nlHeadingLevel1FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
1288
+ "nlHeadingLevel1FontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
1278
1289
  "nlHeadingLevel1FontWeight": 700,
1279
1290
  "nlHeadingLevel1LineHeight": "125%",
1280
1291
  "nlHeadingLevel1FontSize": "3.125rem",
1281
1292
  "nlHeadingLevel1MarginBlockEnd": 0,
1282
1293
  "nlHeadingLevel1MarginBlockStart": 0,
1283
1294
  "nlHeadingLevel2Color": "#154273",
1284
- "nlHeadingLevel2FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
1295
+ "nlHeadingLevel2FontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
1285
1296
  "nlHeadingLevel2FontWeight": 700,
1286
1297
  "nlHeadingLevel2LineHeight": "125%",
1287
1298
  "nlHeadingLevel2FontSize": "2.5rem",
1288
1299
  "nlHeadingLevel2MarginBlockEnd": 0,
1289
1300
  "nlHeadingLevel2MarginBlockStart": 0,
1290
1301
  "nlHeadingLevel3Color": "#154273",
1291
- "nlHeadingLevel3FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
1302
+ "nlHeadingLevel3FontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
1292
1303
  "nlHeadingLevel3FontWeight": 700,
1293
1304
  "nlHeadingLevel3LineHeight": "125%",
1294
1305
  "nlHeadingLevel3FontSize": "1.875rem",
1295
1306
  "nlHeadingLevel3MarginBlockEnd": 0,
1296
1307
  "nlHeadingLevel3MarginBlockStart": 0,
1297
1308
  "nlHeadingLevel4Color": "#154273",
1298
- "nlHeadingLevel4FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
1309
+ "nlHeadingLevel4FontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
1299
1310
  "nlHeadingLevel4FontWeight": 700,
1300
1311
  "nlHeadingLevel4LineHeight": "125%",
1301
1312
  "nlHeadingLevel4FontSize": "1.5rem",
1302
1313
  "nlHeadingLevel4MarginBlockEnd": 0,
1303
1314
  "nlHeadingLevel4MarginBlockStart": 0,
1304
1315
  "nlHeadingLevel5Color": "#154273",
1305
- "nlHeadingLevel5FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
1316
+ "nlHeadingLevel5FontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
1306
1317
  "nlHeadingLevel5FontWeight": 700,
1307
1318
  "nlHeadingLevel5LineHeight": "125%",
1308
1319
  "nlHeadingLevel5FontSize": "1.25rem",
1309
1320
  "nlHeadingLevel5MarginBlockEnd": 0,
1310
1321
  "nlHeadingLevel5MarginBlockStart": 0,
1311
1322
  "nlNumberBadgeFontSize": "1.25rem",
1312
- "nlNumberBadgeLineHeight": "150%",
1323
+ "nlNumberBadgeLineHeight": "125%",
1313
1324
  "nlNumberBadgeMinBlockSize": "24px",
1314
1325
  "nlNumberBadgeMinInlineSize": "24px",
1315
1326
  "nlNumberBadgeFontWeight": 700,
1316
1327
  "nlNumberBadgeBorderWidth": "0px",
1317
1328
  "nlNumberBadgeBorderRadius": "999px",
1318
- "nlNumberBadgeFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
1319
- "nlNumberBadgeBackgroundColor": "#154273",
1329
+ "nlNumberBadgeFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
1330
+ "nlNumberBadgeBackgroundColor": "#76d2b6",
1320
1331
  "nlNumberBadgeBorderColor": "transparent",
1321
1332
  "nlNumberBadgeColor": "#fff",
1322
1333
  "nlNumberBadgePaddingInline": "0.5rem",
1323
- "nlNumberBadgePaddingBlock": "0.5rem"
1334
+ "nlNumberBadgePaddingBlock": "0.125rem"
1324
1335
  }