@rijkshuisstijl-community/design-tokens 1.1.0 → 2.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 +34 -0
  2. package/README.md +153 -12
  3. package/dist/_variables.scss +772 -743
  4. package/dist/index.css +772 -743
  5. package/dist/index.d.ts +545 -516
  6. package/dist/index.js +609 -580
  7. package/dist/index.json +608 -579
  8. package/dist/index.tokens.json +1664 -1613
  9. package/dist/root.css +772 -743
  10. package/dist/tokens.d.ts +1569 -1518
  11. package/dist/tokens.js +22875 -22078
  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 +442 -418
  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 +2049 -0
  18. package/dist/uitvoerend-groen/root.css +1340 -0
  19. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-groen}/tokens.d.ts +646 -628
  20. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-groen}/tokens.js +14276 -13624
  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 +2049 -0
  27. package/dist/uitvoerend-hemelblauw/root.css +1340 -0
  28. package/dist/uitvoerend-hemelblauw/tokens.d.ts +2072 -0
  29. package/dist/uitvoerend-hemelblauw/tokens.js +31258 -0
  30. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/_variables.scss +533 -509
  31. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/index.css +534 -510
  32. package/dist/uitvoerend-mintgroen/index.d.ts +1338 -0
  33. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/index.js +507 -483
  34. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/index.json +506 -482
  35. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/index.tokens.json +734 -716
  36. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/root.css +533 -509
  37. package/dist/uitvoerend-mintgroen/tokens.d.ts +2072 -0
  38. package/dist/uitvoerend-mintgroen/tokens.js +31258 -0
  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 +2049 -0
  45. package/dist/uitvoerend-oranje/root.css +1340 -0
  46. package/dist/uitvoerend-oranje/tokens.d.ts +2072 -0
  47. package/dist/uitvoerend-oranje/tokens.js +31258 -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 +2049 -0
  54. package/dist/uitvoerend-paars/root.css +1340 -0
  55. package/dist/uitvoerend-paars/tokens.d.ts +2072 -0
  56. package/dist/uitvoerend-paars/tokens.js +31258 -0
  57. package/dist/uitvoerend-violet/_variables.scss +231 -202
  58. package/dist/uitvoerend-violet/index.css +231 -202
  59. package/dist/uitvoerend-violet/index.d.ts +102 -73
  60. package/dist/uitvoerend-violet/index.js +231 -202
  61. package/dist/uitvoerend-violet/index.json +230 -201
  62. package/dist/uitvoerend-violet/index.tokens.json +281 -230
  63. package/dist/uitvoerend-violet/root.css +231 -202
  64. package/dist/uitvoerend-violet/tokens.d.ts +151 -100
  65. package/dist/uitvoerend-violet/tokens.js +16369 -15572
  66. package/dist/uitvoerend-violet-oud/_variables.scss +231 -201
  67. package/dist/uitvoerend-violet-oud/index.css +231 -201
  68. package/dist/uitvoerend-violet-oud/index.d.ts +102 -72
  69. package/dist/uitvoerend-violet-oud/index.js +231 -201
  70. package/dist/uitvoerend-violet-oud/index.json +230 -200
  71. package/dist/uitvoerend-violet-oud/index.tokens.json +281 -229
  72. package/dist/uitvoerend-violet-oud/root.css +231 -201
  73. package/dist/uitvoerend-violet-oud/tokens.d.ts +151 -99
  74. package/dist/uitvoerend-violet-oud/tokens.js +12621 -11803
  75. package/dist/wetgevend/_variables.scss +171 -142
  76. package/dist/wetgevend/index.css +171 -142
  77. package/dist/wetgevend/index.d.ts +102 -73
  78. package/dist/wetgevend/index.js +171 -142
  79. package/dist/wetgevend/index.json +170 -141
  80. package/dist/wetgevend/index.tokens.json +221 -170
  81. package/dist/wetgevend/root.css +171 -142
  82. package/dist/wetgevend/tokens.d.ts +151 -100
  83. package/dist/wetgevend/tokens.js +12217 -11420
  84. package/figma/figma.tokens.json +2428 -556
  85. package/package.json +1 -1
  86. package/src/generated/base.tokens.json +4520 -4338
  87. package/src/generated/themes.json +28993 -3285
  88. package/src/generated/uitvoerend-groen/tokens.json +6252 -0
  89. package/src/generated/uitvoerend-hemelblauw/tokens.json +6252 -0
  90. package/src/generated/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/tokens.json +2374 -2240
  91. package/src/generated/uitvoerend-oranje/tokens.json +6252 -0
  92. package/src/generated/uitvoerend-paars/tokens.json +6252 -0
  93. package/src/generated/uitvoerend-violet/tokens.json +640 -458
  94. package/src/generated/uitvoerend-violet-oud/tokens.json +643 -457
  95. package/src/generated/wetgevend/tokens.json +602 -420
@@ -1,9 +1,63 @@
1
1
  {
2
- "utrechtPreHeadingColor": "#0F172A",
3
- "utrechtPreHeadingFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
4
- "utrechtPreHeadingFontWeight": 700,
5
- "utrechtPreHeadingLineHeight": "125%",
6
- "utrechtPreHeadingFontSize": "1rem",
2
+ "utrechtBlockquoteBackgroundColor": "transparent",
3
+ "utrechtBlockquoteBorderInlineStartWidth": "12px",
4
+ "utrechtBlockquoteBorderColor": "#a90061",
5
+ "utrechtBlockquoteBorderRadius": 0,
6
+ "utrechtBlockquoteBorderWidth": 0,
7
+ "utrechtBlockquoteColor": "#154273",
8
+ "utrechtBlockquoteFontSize": "1.25rem",
9
+ "utrechtBlockquoteFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
10
+ "utrechtBlockquotePaddingBlockEnd": "1.5rem",
11
+ "utrechtBlockquotePaddingBlockStart": "1.5rem",
12
+ "utrechtBlockquotePaddingInlineEnd": "2.5rem",
13
+ "utrechtBlockquotePaddingInlineStart": "2.5rem",
14
+ "utrechtBlockquoteRowGap": "0.75rem",
15
+ "utrechtBlockquoteAttributionColor": "#154273",
16
+ "utrechtBlockquoteAttributionFontSize": "1.25rem",
17
+ "utrechtBlockquoteContentColor": "#154273",
18
+ "utrechtBlockquoteContentFontSize": "1.5rem",
19
+ "utrechtBlockquoteContentFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
20
+ "utrechtBlockquoteContentLineHeight": "150%",
21
+ "utrechtBlockquoteContentFontWeight": 400,
22
+ "utrechtBlockquoteCaptionFontSize": "1.25rem",
23
+ "utrechtBlockquoteCaptionFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
24
+ "utrechtBlockquoteCaptionLineHeight": "150%",
25
+ "utrechtBlockquoteCaptionFontWeight": 400,
26
+ "utrechtBlockquoteCaptionPaddingBlockStart": "0.75rem",
27
+ "utrechtBlockquoteCaptionColor": "#154273",
28
+ "utrechtBlockquoteMarginBlockEnd": 0,
29
+ "utrechtBlockquoteMarginBlockStart": 0,
30
+ "utrechtBlockquoteMarginInlineEnd": 0,
31
+ "utrechtBlockquoteMarginInlineStart": 0,
32
+ "utrechtBlockquoteBorderBlockStartWidth": 0,
33
+ "utrechtBlockquoteBorderBlockEndWidth": 0,
34
+ "utrechtBlockquoteBorderInlineEndWidth": 0,
35
+ "utrechtBlockquoteBorderStartStartRadius": 0,
36
+ "utrechtBlockquoteBorderStartEndRadius": 0,
37
+ "utrechtBlockquoteBorderEndStartRadius": 0,
38
+ "utrechtBlockquoteBorderEndEndRadius": 0,
39
+ "utrechtBlockquoteBlueCornerBorderVariationBorderColor": "#a90061",
40
+ "utrechtBlockquoteBlueCornerBorderVariationBorderBlockEndWidth": "2px",
41
+ "utrechtBlockquoteBlueCornerBorderVariationBorderInlineEndWidth": "2px",
42
+ "utrechtBlockquoteBlueCornerBorderVariationBorderEndEndRadius": "3rem",
43
+ "utrechtBlockquotePinkBackgroundVariationBackgroundColor": "#F6BDE1",
44
+ "utrechtBlockquotePinkBackgroundVariationBorderEndStartRadius": "3rem",
45
+ "utrechtBlockquotePinkBackgroundVariationPadding": "2.5rem",
46
+ "utrechtBlockquotePinkLeftBorderVariationBorderColor": "#F6BDE1",
47
+ "utrechtBlockquotePinkLeftBorderVariationBorderInlineStartWidth": "0.75rem",
48
+ "utrechtBlockquotePinkLeftBorderVariationPaddingInlineStart": "2.5rem",
49
+ "utrechtBlockquotePinkLeftBorderVariationPaddingInlineEnd": "2.5rem",
50
+ "utrechtBlockquotePinkLeftBorderVariationPaddingBlockStart": "1.5rem",
51
+ "utrechtBlockquotePinkLeftBorderVariationPaddingBlockEnd": "1.5rem",
52
+ "utrechtBlockquotePinkCornerBorderVariationBorderColor": "#F6BDE1",
53
+ "utrechtBlockquotePinkCornerBorderVariationBorderBlockStartWidth": "0.25rem",
54
+ "utrechtBlockquotePinkCornerBorderVariationBorderInlineStartWidth": "0.25rem",
55
+ "utrechtBlockquotePinkCornerBorderVariationBorderStartStartRadius": "3rem",
56
+ "utrechtBlockquotePinkCornerBorderVariationPadding": "2.5rem",
57
+ "utrechtColumnLayoutColumnRuleColor": "transparent",
58
+ "utrechtColumnLayoutColumnRuleWidth": "0px",
59
+ "utrechtColumnLayoutColumnWidth": "400px",
60
+ "utrechtColumnLayoutGap": "0.75rem",
7
61
  "utrechtIconColor": "inherit",
8
62
  "utrechtIconSize": "24px",
9
63
  "utrechtIconInsetBlockStart": 0,
@@ -11,7 +65,7 @@
11
65
  "utrechtUnorderedListMarginBlockEnd": "0.25rem",
12
66
  "utrechtUnorderedListMarginBlockStart": "0.25rem",
13
67
  "utrechtUnorderedListColor": "#0F172A",
14
- "utrechtUnorderedListFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
68
+ "utrechtUnorderedListFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
15
69
  "utrechtUnorderedListFontWeight": 400,
16
70
  "utrechtUnorderedListFontSize": "1.25rem",
17
71
  "utrechtUnorderedListLineHeight": "150%",
@@ -21,7 +75,7 @@
21
75
  "utrechtUnorderedListMarkerColor": "#0F172A",
22
76
  "utrechtUnorderedListMarkerBorderColor": "#0F172A",
23
77
  "utrechtTextboxBorderRadius": 0,
24
- "utrechtTextboxFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
78
+ "utrechtTextboxFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
25
79
  "utrechtTextboxFontSize": "1.25rem",
26
80
  "utrechtTextboxFontWeight": 400,
27
81
  "utrechtTextboxLineHeight": "150%",
@@ -31,7 +85,7 @@
31
85
  "utrechtTextboxPaddingInlineEnd": "0.75rem",
32
86
  "utrechtTextboxPaddingInlineStart": "0.75rem",
33
87
  "utrechtTextboxBackgroundColor": "#fff",
34
- "utrechtTextboxBorderColor": "#154273",
88
+ "utrechtTextboxBorderColor": "#a90061",
35
89
  "utrechtTextboxColor": "#0F172A",
36
90
  "utrechtTextboxInvalidBackgroundColor": "#f9dfdd",
37
91
  "utrechtTextboxInvalidBorderColor": "#d52b1e",
@@ -42,7 +96,7 @@
42
96
  "utrechtTextboxBorderWidth": "1px",
43
97
  "utrechtTextboxFocusBorderWidth": "2px",
44
98
  "utrechtTextboxFocusBackgroundColor": "#fff",
45
- "utrechtTextboxFocusBorderColor": "#154273",
99
+ "utrechtTextboxFocusBorderColor": "#a90061",
46
100
  "utrechtTextboxFocusColor": "#0F172A",
47
101
  "utrechtTextboxDisabledBackgroundColor": "#CBD5E1",
48
102
  "utrechtTextboxDisabledBorderColor": "#94A3B8",
@@ -52,7 +106,7 @@
52
106
  "utrechtTextboxReadOnlyColor": "#0F172A",
53
107
  "utrechtTextboxHoverBorderWidth": "1px",
54
108
  "utrechtTextboxHoverBackgroundColor": "#fff",
55
- "utrechtTextboxHoverBorderColor": "#738eab",
109
+ "utrechtTextboxHoverBorderColor": "#CB66A0",
56
110
  "utrechtTextboxHoverColor": "#0F172A",
57
111
  "utrechtTextareaMaxInlineSize": "400px",
58
112
  "utrechtTextareaPaddingBlockEnd": "0.5rem",
@@ -60,7 +114,7 @@
60
114
  "utrechtTextareaPaddingInlineEnd": "0.75rem",
61
115
  "utrechtTextareaPaddingInlineStart": "0.75rem",
62
116
  "utrechtTextareaBackgroundColor": "#fff",
63
- "utrechtTextareaBorderColor": "#154273",
117
+ "utrechtTextareaBorderColor": "#a90061",
64
118
  "utrechtTextareaColor": "#0F172A",
65
119
  "utrechtTextareaInvalidBackgroundColor": "#f9dfdd",
66
120
  "utrechtTextareaInvalidBorderColor": "#d52b1e",
@@ -68,7 +122,7 @@
68
122
  "utrechtTextareaInvalidBorderWidth": "1px",
69
123
  "utrechtTextareaPlaceholderColor": "#64748B",
70
124
  "utrechtTextareaFocusBackgroundColor": "#fff",
71
- "utrechtTextareaFocusBorderColor": "#154273",
125
+ "utrechtTextareaFocusBorderColor": "#a90061",
72
126
  "utrechtTextareaFocusColor": "#0F172A",
73
127
  "utrechtTextareaFocusBorderWidth": "2px",
74
128
  "utrechtTextareaDisabledBackgroundColor": "#CBD5E1",
@@ -78,25 +132,25 @@
78
132
  "utrechtTextareaReadOnlyBorderColor": "transparent",
79
133
  "utrechtTextareaReadOnlyColor": "#0F172A",
80
134
  "utrechtTextareaHoverBackgroundColor": "#fff",
81
- "utrechtTextareaHoverBorderColor": "#738eab",
135
+ "utrechtTextareaHoverBorderColor": "#CB66A0",
82
136
  "utrechtTextareaHoverColor": "#0F172A",
83
137
  "utrechtTextareaHoverBorderWidth": "1px",
84
138
  "utrechtTextareaBorderRadius": 0,
85
139
  "utrechtTextareaBorderBottomWidth": "1px",
86
140
  "utrechtTextareaBorderWidth": "1px",
87
- "utrechtTextareaFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
141
+ "utrechtTextareaFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
88
142
  "utrechtTextareaFontWeight": 400,
89
143
  "utrechtTextareaLineHeight": "150%",
90
144
  "utrechtTextareaFontSize": "1.25rem",
91
145
  "utrechtTableHeaderCellLineHeight": "150%",
92
146
  "utrechtTableHeaderCellColor": "#0F172A",
93
- "utrechtTableHeaderCellFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
147
+ "utrechtTableHeaderCellFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
94
148
  "utrechtTableHeaderCellFontWeight": 700,
95
149
  "utrechtTableHeaderCellFontSize": "1.25rem",
96
150
  "utrechtTableCaptionLineHeight": "125%",
97
151
  "utrechtTableCaptionMarginBlockEnd": "1.5rem",
98
152
  "utrechtTableCaptionColor": "#0F172A",
99
- "utrechtTableCaptionFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
153
+ "utrechtTableCaptionFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
100
154
  "utrechtTableCaptionFontWeight": 700,
101
155
  "utrechtTableCaptionFontSize": "1.875rem",
102
156
  "utrechtTableCellPaddingBlockEnd": "0.75rem",
@@ -105,7 +159,7 @@
105
159
  "utrechtTableCellPaddingInlineStart": "1rem",
106
160
  "utrechtTableCellLineHeight": "150%",
107
161
  "utrechtTableDataCellColor": "#0F172A",
108
- "utrechtTableDataCellFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
162
+ "utrechtTableDataCellFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
109
163
  "utrechtTableDataCellFontWeight": 400,
110
164
  "utrechtTableDataCellLineHeight": "150%",
111
165
  "utrechtTableDataCellFontSize": "1.25rem",
@@ -121,7 +175,7 @@
121
175
  "utrechtTableFooterCellFontWeight": 700,
122
176
  "utrechtTableFooterCellFontSize": "1.25rem",
123
177
  "utrechtTableFooterCellColor": "#0F172A",
124
- "utrechtTableFooterCellFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
178
+ "utrechtTableFooterCellFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
125
179
  "utrechtTableFooterCellLineHeight": "150%",
126
180
  "utrechtTableContainerBoxInlineEndShadowX": 0,
127
181
  "utrechtTableContainerBoxInlineEndShadowY": "16px",
@@ -135,7 +189,7 @@
135
189
  "utrechtTableContainerBoxInlineStartShadowColor": "#0000001a",
136
190
  "utrechtTableFontSize": "1.25rem",
137
191
  "utrechtSkipLinkFontWeight": 700,
138
- "utrechtSkipLinkFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
192
+ "utrechtSkipLinkFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
139
193
  "utrechtSkipLinkFontSize": "1.25rem",
140
194
  "utrechtSkipLinkLineHeight": "150%",
141
195
  "utrechtSkipLinkMinBlockSize": "48px",
@@ -145,13 +199,13 @@
145
199
  "utrechtSkipLinkPaddingInlineEnd": "1rem",
146
200
  "utrechtSkipLinkPaddingInlineStart": "1rem",
147
201
  "utrechtSkipLinkFocusBackgroundColor": "#fff",
148
- "utrechtSkipLinkFocusBorderColor": "#154273",
202
+ "utrechtSkipLinkFocusBorderColor": "#a90061",
149
203
  "utrechtSkipLinkFocusBorderStyle": "solid",
150
204
  "utrechtSkipLinkFocusBorderWidth": "2px",
151
205
  "utrechtSkipLinkFocusColor": "#0F172A",
152
206
  "utrechtSkipLinkFocusTextDecoration": "None",
153
207
  "utrechtSkipLinkFocusVisibleOutlineColor": "#000",
154
- "utrechtSkipLinkBackgroundColor": "#154273",
208
+ "utrechtSkipLinkBackgroundColor": "#a90061",
155
209
  "utrechtSkipLinkBorderColor": "transparent",
156
210
  "utrechtSkipLinkColor": "#fff",
157
211
  "utrechtSkipLinkBorderWidth": "2px",
@@ -169,21 +223,21 @@
169
223
  "utrechtSelectImageBackgroundPosition": "right 0.5rem center",
170
224
  "utrechtSelectIconSize": "24px",
171
225
  "utrechtSelectBackgroundColor": "#fff",
172
- "utrechtSelectBorderColor": "#154273",
226
+ "utrechtSelectBorderColor": "#a90061",
173
227
  "utrechtSelectColor": "#0F172A",
174
228
  "utrechtSelectInvalidBackgroundColor": "#f9dfdd",
175
229
  "utrechtSelectInvalidBorderColor": "#d52b1e",
176
230
  "utrechtSelectInvalidColor": "#0F172A",
177
231
  "utrechtSelectInvalidBorderWidth": "1px",
178
232
  "utrechtSelectFocusBackgroundColor": "#fff",
179
- "utrechtSelectFocusBorderColor": "#154273",
233
+ "utrechtSelectFocusBorderColor": "#a90061",
180
234
  "utrechtSelectFocusColor": "#0F172A",
181
235
  "utrechtSelectFocusBorderWidth": "2px",
182
236
  "utrechtSelectDisabledBackgroundColor": "#CBD5E1",
183
237
  "utrechtSelectDisabledBorderColor": "#94A3B8",
184
238
  "utrechtSelectDisabledColor": "#475569",
185
239
  "utrechtSelectHoverBackgroundColor": "#fff",
186
- "utrechtSelectHoverBorderColor": "#738eab",
240
+ "utrechtSelectHoverBorderColor": "#CB66A0",
187
241
  "utrechtSelectHoverColor": "#0F172A",
188
242
  "utrechtSelectHoverBorderWidth": "1px",
189
243
  "utrechtSelectPaddingBlockEnd": "0.5rem",
@@ -193,53 +247,58 @@
193
247
  "utrechtSelectBorderRadius": 0,
194
248
  "utrechtSelectBorderBottomWidth": "auto",
195
249
  "utrechtSelectBorderWidth": "1px",
196
- "utrechtSelectFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
250
+ "utrechtSelectFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
197
251
  "utrechtSelectFontWeight": 400,
198
252
  "utrechtSelectLineHeight": "150%",
199
253
  "utrechtSelectFontSize": "1.25rem",
200
254
  "utrechtSelectMaxInlineSize": "400px",
201
255
  "utrechtRadioButtonActiveBorderWidth": "1px",
202
256
  "utrechtRadioButtonActiveBackgroundColor": "#fff",
203
- "utrechtRadioButtonActiveBorderColor": "#4f7196",
257
+ "utrechtRadioButtonActiveBorderColor": "#BE4088",
204
258
  "utrechtRadioButtonSize": "24px",
205
259
  "utrechtRadioButtonDotSize": "12px",
206
260
  "utrechtRadioButtonBackgroundColor": "#fff",
207
- "utrechtRadioButtonBorderColor": "#154273",
261
+ "utrechtRadioButtonBorderColor": "#a90061",
208
262
  "utrechtRadioButtonInvalidBackgroundColor": "#f9dfdd",
209
263
  "utrechtRadioButtonInvalidBorderColor": "#d52b1e",
210
264
  "utrechtRadioButtonInvalidBorderWidth": "1px",
211
265
  "utrechtRadioButtonFocusBackgroundColor": "#fff",
212
- "utrechtRadioButtonFocusBorderColor": "#154273",
266
+ "utrechtRadioButtonFocusBorderColor": "#a90061",
213
267
  "utrechtRadioButtonFocusBorderWidth": "2px",
214
268
  "utrechtRadioButtonDisabledBackgroundColor": "#CBD5E1",
215
269
  "utrechtRadioButtonDisabledBorderColor": "#94A3B8",
216
270
  "utrechtRadioButtonDisabledColor": "#475569",
217
- "utrechtRadioButtonCheckedBackgroundColor": "#154273",
271
+ "utrechtRadioButtonCheckedBackgroundColor": "#a90061",
218
272
  "utrechtRadioButtonCheckedBorderColor": "transparent",
219
273
  "utrechtRadioButtonCheckedColor": "#fff",
220
- "utrechtRadioButtonCheckedHoverBackgroundColor": "#738eab",
274
+ "utrechtRadioButtonCheckedHoverBackgroundColor": "#CB66A0",
221
275
  "utrechtRadioButtonCheckedHoverBorderColor": "transparent",
222
276
  "utrechtRadioButtonCheckedHoverColor": "#fff",
223
277
  "utrechtRadioButtonCheckedHoverBorderWidth": "1px",
224
- "utrechtRadioButtonCheckedActiveBackgroundColor": "#4f7196",
278
+ "utrechtRadioButtonCheckedActiveBackgroundColor": "#BE4088",
225
279
  "utrechtRadioButtonCheckedActiveBorderColor": "transparent",
226
280
  "utrechtRadioButtonCheckedActiveColor": "#fff",
227
281
  "utrechtRadioButtonCheckedActiveBorderWidth": "1px",
228
282
  "utrechtRadioButtonCheckedFocusBackgroundColor": "#fff",
229
- "utrechtRadioButtonCheckedFocusBorderColor": "#154273",
230
- "utrechtRadioButtonCheckedFocusColor": "#154273",
283
+ "utrechtRadioButtonCheckedFocusBorderColor": "#a90061",
284
+ "utrechtRadioButtonCheckedFocusColor": "#a90061",
231
285
  "utrechtRadioButtonCheckedFocusBorderWidth": "2px",
232
286
  "utrechtRadioButtonCheckedDisabledBackgroundColor": "#CBD5E1",
233
287
  "utrechtRadioButtonCheckedDisabledBorderColor": "#94A3B8",
234
288
  "utrechtRadioButtonCheckedDisabledColor": "#475569",
235
289
  "utrechtRadioButtonCheckedBorderWidth": "1px",
236
290
  "utrechtRadioButtonHoverBackgroundColor": "#fff",
237
- "utrechtRadioButtonHoverBorderColor": "#738eab",
291
+ "utrechtRadioButtonHoverBorderColor": "#CB66A0",
238
292
  "utrechtRadioButtonHoverBorderWidth": "1px",
239
293
  "utrechtRadioButtonBorderRadius": "999px",
240
294
  "utrechtRadioButtonBorderWidth": "1px",
295
+ "utrechtPreHeadingColor": "#0F172A",
296
+ "utrechtPreHeadingFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
297
+ "utrechtPreHeadingFontWeight": 700,
298
+ "utrechtPreHeadingLineHeight": "125%",
299
+ "utrechtPreHeadingFontSize": "1rem",
241
300
  "utrechtParagraphColor": "#0F172A",
242
- "utrechtParagraphFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
301
+ "utrechtParagraphFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
243
302
  "utrechtParagraphFontSize": "1.25rem",
244
303
  "utrechtParagraphFontWeight": 400,
245
304
  "utrechtParagraphLineHeight": "150%",
@@ -257,7 +316,7 @@
257
316
  "utrechtOrderedListItemMarginBlockEnd": "0.25rem",
258
317
  "utrechtOrderedListItemMarginBlockStart": "0.25rem",
259
318
  "utrechtOrderedListColor": "#0F172A",
260
- "utrechtOrderedListFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
319
+ "utrechtOrderedListFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
261
320
  "utrechtOrderedListFontWeight": 400,
262
321
  "utrechtOrderedListFontSize": "1.25rem",
263
322
  "utrechtOrderedListLineHeight": "150%",
@@ -286,40 +345,40 @@
286
345
  "utrechtLinkColumnGap": "0.25rem",
287
346
  "utrechtLinkTextDecorationThickness": "auto",
288
347
  "utrechtLinkTextUnderlineOffset": "0.125rem",
289
- "utrechtLinkFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
348
+ "utrechtLinkFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
290
349
  "utrechtLinkFontWeight": 400,
291
350
  "utrechtLinkFontSize": "1.25rem",
292
351
  "utrechtLinkLineHeight": "150%",
293
- "utrechtHeading1Color": "#154273",
294
- "utrechtHeading1FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
352
+ "utrechtHeading1Color": "#a90061",
353
+ "utrechtHeading1FontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
295
354
  "utrechtHeading1FontWeight": 700,
296
355
  "utrechtHeading1LineHeight": "125%",
297
356
  "utrechtHeading1FontSize": "3.125rem",
298
357
  "utrechtHeading1MarginBlockEnd": 0,
299
358
  "utrechtHeading1MarginBlockStart": 0,
300
- "utrechtHeading2Color": "#154273",
301
- "utrechtHeading2FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
359
+ "utrechtHeading2Color": "#a90061",
360
+ "utrechtHeading2FontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
302
361
  "utrechtHeading2FontWeight": 700,
303
362
  "utrechtHeading2LineHeight": "125%",
304
363
  "utrechtHeading2FontSize": "2.5rem",
305
364
  "utrechtHeading2MarginBlockEnd": 0,
306
365
  "utrechtHeading2MarginBlockStart": 0,
307
- "utrechtHeading3Color": "#154273",
308
- "utrechtHeading3FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
366
+ "utrechtHeading3Color": "#a90061",
367
+ "utrechtHeading3FontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
309
368
  "utrechtHeading3FontWeight": 700,
310
369
  "utrechtHeading3LineHeight": "125%",
311
370
  "utrechtHeading3FontSize": "1.875rem",
312
371
  "utrechtHeading3MarginBlockEnd": 0,
313
372
  "utrechtHeading3MarginBlockStart": 0,
314
- "utrechtHeading4Color": "#154273",
315
- "utrechtHeading4FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
373
+ "utrechtHeading4Color": "#a90061",
374
+ "utrechtHeading4FontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
316
375
  "utrechtHeading4FontWeight": 700,
317
376
  "utrechtHeading4LineHeight": "125%",
318
377
  "utrechtHeading4FontSize": "1.5rem",
319
378
  "utrechtHeading4MarginBlockEnd": 0,
320
379
  "utrechtHeading4MarginBlockStart": 0,
321
- "utrechtHeading5Color": "#154273",
322
- "utrechtHeading5FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
380
+ "utrechtHeading5Color": "#a90061",
381
+ "utrechtHeading5FontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
323
382
  "utrechtHeading5FontWeight": 700,
324
383
  "utrechtHeading5LineHeight": "125%",
325
384
  "utrechtHeading5FontSize": "1.25rem",
@@ -329,20 +388,20 @@
329
388
  "utrechtFormLabelFontSize": "1.25rem",
330
389
  "utrechtFormLabelFontWeight": 700,
331
390
  "utrechtFormFieldLabelColor": "#0F172A",
332
- "utrechtFormFieldLabelFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
391
+ "utrechtFormFieldLabelFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
333
392
  "utrechtFormFieldLabelFontSize": "1.25rem",
334
393
  "utrechtFormFieldLabelFontWeight": 700,
335
394
  "utrechtFormFieldLabelLineHeight": "150%",
336
395
  "utrechtFormFieldErrorMessageIconSize": "24px",
337
396
  "utrechtFormFieldErrorMessageIconMarginInlineEnd": "0.5rem",
338
397
  "utrechtFormFieldErrorMessageColor": "#d52b1e",
339
- "utrechtFormFieldErrorMessageFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
398
+ "utrechtFormFieldErrorMessageFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
340
399
  "utrechtFormFieldErrorMessageFontSize": "1.25rem",
341
400
  "utrechtFormFieldErrorMessageFontWeight": 400,
342
401
  "utrechtFormFieldErrorMessageMarginBlockEnd": "0.5rem",
343
402
  "utrechtFormFieldErrorMessagePaddingBlockEnd": "0.5rem",
344
403
  "utrechtFormFieldDescriptionColor": "#334155",
345
- "utrechtFormFieldDescriptionFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
404
+ "utrechtFormFieldDescriptionFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
346
405
  "utrechtFormFieldDescriptionFontSize": "1.25rem",
347
406
  "utrechtFormFieldDescriptionLineHeight": "150%",
348
407
  "utrechtFormFieldDescriptionMarginBlockStart": "-0.5rem",
@@ -355,7 +414,7 @@
355
414
  "utrechtFormFieldInvalidPaddingInlineStart": 0,
356
415
  "utrechtFormFieldLabelMarginBlockEnd": "0.5rem",
357
416
  "utrechtFormFieldErrorMessageLineHeight": "normal",
358
- "utrechtPageFooterBackgroundColor": "#154273",
417
+ "utrechtPageFooterBackgroundColor": "#a90061",
359
418
  "utrechtPageFooterColor": "#fff",
360
419
  "utrechtPageFooterPaddingBlockStart": "3rem",
361
420
  "utrechtPageFooterPaddingBlockEnd": "3rem",
@@ -374,7 +433,7 @@
374
433
  "utrechtFigureImgBorderStartEndRadius": 0,
375
434
  "utrechtFigureImgBorderStartStartRadius": 0,
376
435
  "utrechtFormFieldsetLegendColor": "#0F172A",
377
- "utrechtFormFieldsetLegendFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
436
+ "utrechtFormFieldsetLegendFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
378
437
  "utrechtFormFieldsetLegendFontSize": "1.25rem",
379
438
  "utrechtFormFieldsetLegendFontWeight": 700,
380
439
  "utrechtFormFieldsetLegendLineHeight": "150%",
@@ -391,8 +450,8 @@
391
450
  "utrechtNumberBadgeFontWeight": 700,
392
451
  "utrechtNumberBadgeBorderWidth": "0px",
393
452
  "utrechtNumberBadgeBorderRadius": "999px",
394
- "utrechtNumberBadgeFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
395
- "utrechtNumberBadgeBackgroundColor": "#154273",
453
+ "utrechtNumberBadgeFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
454
+ "utrechtNumberBadgeBackgroundColor": "#a90061",
396
455
  "utrechtNumberBadgeBorderColor": "transparent",
397
456
  "utrechtNumberBadgeColor": "#fff",
398
457
  "utrechtNumberBadgePaddingInline": "0.5rem",
@@ -401,16 +460,16 @@
401
460
  "utrechtCheckboxSize": "24px",
402
461
  "utrechtCheckboxIconSize": "24px",
403
462
  "utrechtCheckboxBackgroundColor": "#fff",
404
- "utrechtCheckboxBorderColor": "#154273",
463
+ "utrechtCheckboxBorderColor": "#a90061",
405
464
  "utrechtCheckboxInvalidBackgroundColor": "#f9dfdd",
406
465
  "utrechtCheckboxInvalidBorderColor": "#d52b1e",
407
466
  "utrechtCheckboxInvalidBorderWidth": "1px",
408
467
  "utrechtCheckboxFocusBackgroundColor": "#fff",
409
- "utrechtCheckboxFocusBorderColor": "#154273",
468
+ "utrechtCheckboxFocusBorderColor": "#a90061",
410
469
  "utrechtCheckboxFocusBorderWidth": "2px",
411
470
  "utrechtCheckboxDisabledBackgroundColor": "#CBD5E1",
412
471
  "utrechtCheckboxDisabledBorderColor": "#94A3B8",
413
- "utrechtCheckboxCheckedBackgroundColor": "#154273",
472
+ "utrechtCheckboxCheckedBackgroundColor": "#a90061",
414
473
  "utrechtCheckboxCheckedBorderColor": "transparent",
415
474
  "utrechtCheckboxCheckedColor": "#fff",
416
475
  "utrechtCheckboxCheckedBorderWidth": "1px",
@@ -419,42 +478,42 @@
419
478
  "utrechtCheckboxCheckedDisabledColor": "#475569",
420
479
  "utrechtCheckboxCheckedFocusBorderWidth": "2px",
421
480
  "utrechtCheckboxCheckedFocusBackgroundColor": "#fff",
422
- "utrechtCheckboxCheckedFocusBorderColor": "#154273",
423
- "utrechtCheckboxCheckedFocusColor": "#154273",
481
+ "utrechtCheckboxCheckedFocusBorderColor": "#a90061",
482
+ "utrechtCheckboxCheckedFocusColor": "#a90061",
424
483
  "utrechtCheckboxCheckedHoverBorderWidth": "1px",
425
- "utrechtCheckboxCheckedHoverBackgroundColor": "#738eab",
484
+ "utrechtCheckboxCheckedHoverBackgroundColor": "#CB66A0",
426
485
  "utrechtCheckboxCheckedHoverBorderColor": "transparent",
427
486
  "utrechtCheckboxCheckedHoverColor": "#fff",
428
487
  "utrechtCheckboxCheckedActiveBorderWidth": "1px",
429
- "utrechtCheckboxCheckedActiveBackgroundColor": "#4f7196",
488
+ "utrechtCheckboxCheckedActiveBackgroundColor": "#BE4088",
430
489
  "utrechtCheckboxCheckedActiveBorderColor": "transparent",
431
490
  "utrechtCheckboxCheckedActiveColor": "#fff",
432
- "utrechtCheckboxIndeterminateBackgroundColor": "#154273",
491
+ "utrechtCheckboxIndeterminateBackgroundColor": "#a90061",
433
492
  "utrechtCheckboxIndeterminateBorderColor": "transparent",
434
493
  "utrechtCheckboxIndeterminateColor": "#fff",
435
494
  "utrechtCheckboxIndeterminateBorderWidth": "1px",
436
495
  "utrechtCheckboxIndeterminateDisabledBackgroundColor": "#CBD5E1",
437
496
  "utrechtCheckboxIndeterminateDisabledBorderColor": "#94A3B8",
438
497
  "utrechtCheckboxIndeterminateDisabledColor": "#475569",
439
- "utrechtCheckboxIndeterminateActiveBackgroundColor": "#4f7196",
498
+ "utrechtCheckboxIndeterminateActiveBackgroundColor": "#BE4088",
440
499
  "utrechtCheckboxIndeterminateActiveBorderColor": "transparent",
441
500
  "utrechtCheckboxIndeterminateActiveColor": "#fff",
442
501
  "utrechtCheckboxIndeterminateActiveBorderWidth": "1px",
443
- "utrechtCheckboxIndeterminateHoverBackgroundColor": "#738eab",
502
+ "utrechtCheckboxIndeterminateHoverBackgroundColor": "#CB66A0",
444
503
  "utrechtCheckboxIndeterminateHoverBorderColor": "transparent",
445
504
  "utrechtCheckboxIndeterminateHoverColor": "#fff",
446
505
  "utrechtCheckboxIndeterminateHoverBorderWidth": "1px",
447
506
  "utrechtCheckboxIndeterminateFocusBackgroundColor": "#fff",
448
- "utrechtCheckboxIndeterminateFocusBorderColor": "#154273",
449
- "utrechtCheckboxIndeterminateFocusColor": "#154273",
507
+ "utrechtCheckboxIndeterminateFocusBorderColor": "#a90061",
508
+ "utrechtCheckboxIndeterminateFocusColor": "#a90061",
450
509
  "utrechtCheckboxIndeterminateFocusBorderWidth": "2px",
451
510
  "utrechtCheckboxBorderWidth": "1px",
452
511
  "utrechtCheckboxHoverBorderWidth": "1px",
453
512
  "utrechtCheckboxHoverBackgroundColor": "#fff",
454
- "utrechtCheckboxHoverBorderColor": "#738eab",
513
+ "utrechtCheckboxHoverBorderColor": "#CB66A0",
455
514
  "utrechtCheckboxActiveBorderWidth": "1px",
456
515
  "utrechtCheckboxActiveBackgroundColor": "#fff",
457
- "utrechtCheckboxActiveBorderColor": "#4f7196",
516
+ "utrechtCheckboxActiveBorderColor": "#BE4088",
458
517
  "utrechtButtonGroupBackgroundColor": "transparent",
459
518
  "utrechtButtonGroupColumnGap": "0.5rem",
460
519
  "utrechtButtonGroupMarginBlockEnd": "0px",
@@ -462,14 +521,14 @@
462
521
  "utrechtButtonGroupPaddingBlockEnd": "0px",
463
522
  "utrechtButtonGroupPaddingBlockStart": "0px",
464
523
  "utrechtButtonGroupRowGap": "0.5rem",
465
- "utrechtButtonBackgroundColor": "transparent",
466
- "utrechtButtonBorderColor": "#334155",
467
- "utrechtButtonColor": "#334155",
524
+ "utrechtButtonBackgroundColor": "#0F172A",
525
+ "utrechtButtonBorderColor": "transparent",
526
+ "utrechtButtonColor": "#fff",
468
527
  "utrechtButtonBorderRadius": 0,
469
528
  "utrechtButtonBorderWidth": "1px",
470
529
  "utrechtButtonIconGap": "0.5rem",
471
530
  "utrechtButtonIconSize": "24px",
472
- "utrechtButtonFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
531
+ "utrechtButtonFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
473
532
  "utrechtButtonFontSize": "1.25rem",
474
533
  "utrechtButtonFontWeight": 700,
475
534
  "utrechtButtonLineHeight": "150%",
@@ -477,18 +536,18 @@
477
536
  "utrechtButtonPaddingBlockStart": "0.5rem",
478
537
  "utrechtButtonPaddingInlineEnd": "1rem",
479
538
  "utrechtButtonPaddingInlineStart": "1rem",
480
- "utrechtButtonDisabledBackgroundColor": "#F8FAFC",
539
+ "utrechtButtonDisabledBackgroundColor": "#E2E8F0",
481
540
  "utrechtButtonDisabledBorderColor": "transparent",
482
- "utrechtButtonDisabledColor": "#64748B",
483
- "utrechtButtonFocusBackgroundColor": "#FDDE94",
541
+ "utrechtButtonDisabledColor": "#94A3B8",
542
+ "utrechtButtonFocusBackgroundColor": "#475569",
484
543
  "utrechtButtonFocusBorderColor": "transparent",
485
- "utrechtButtonFocusColor": "#1E293B",
486
- "utrechtButtonHoverBackgroundColor": "#F8FAFC",
487
- "utrechtButtonHoverBorderColor": "#1E293B",
488
- "utrechtButtonHoverColor": "#1E293B",
489
- "utrechtButtonActiveBackgroundColor": "#CBD5E1",
490
- "utrechtButtonActiveBorderColor": "#0F172A",
491
- "utrechtButtonActiveColor": "#0F172A",
544
+ "utrechtButtonFocusColor": "#fff",
545
+ "utrechtButtonHoverBackgroundColor": "#475569",
546
+ "utrechtButtonHoverBorderColor": "transparent",
547
+ "utrechtButtonHoverColor": "#fff",
548
+ "utrechtButtonActiveBackgroundColor": "#1E293B",
549
+ "utrechtButtonActiveBorderColor": "transparent",
550
+ "utrechtButtonActiveColor": "#fff",
492
551
  "utrechtButtonMinBlockSize": "48px",
493
552
  "utrechtButtonMinInlineSize": "48px",
494
553
  "utrechtButtonColumnGap": "0.5rem",
@@ -499,9 +558,9 @@
499
558
  "utrechtButtonPrimaryActionBorderColor": "transparent",
500
559
  "utrechtButtonPrimaryActionColor": "#fff",
501
560
  "utrechtButtonPrimaryActionDisabledBackgroundColor": "#e5b3d0",
502
- "utrechtButtonPrimaryActionDisabledBorderColor": "#D88CB7",
561
+ "utrechtButtonPrimaryActionDisabledBorderColor": "transparent",
503
562
  "utrechtButtonPrimaryActionDisabledColor": "#BE4088",
504
- "utrechtButtonPrimaryActionFocusBackgroundColor": "#a90061",
563
+ "utrechtButtonPrimaryActionFocusBackgroundColor": "#741344",
505
564
  "utrechtButtonPrimaryActionFocusBorderColor": "transparent",
506
565
  "utrechtButtonPrimaryActionFocusColor": "#fff",
507
566
  "utrechtButtonPrimaryActionFontWeight": 700,
@@ -510,27 +569,33 @@
510
569
  "utrechtButtonPrimaryActionActiveColor": "#fff",
511
570
  "utrechtButtonPrimaryActionFontSize": "1.25rem",
512
571
  "utrechtButtonPrimaryActionLineHeight": "1.875rem",
513
- "utrechtButtonSecondaryActionHoverBackgroundColor": "#e5b3d0",
514
- "utrechtButtonSecondaryActionHoverBorderColor": "transparent",
515
- "utrechtButtonSecondaryActionHoverColor": "#a90061",
572
+ "utrechtButtonPrimaryActionPressedBackgroundColor": "#63143a",
573
+ "utrechtButtonPrimaryActionPressedBorderColor": "transparent",
574
+ "utrechtButtonPrimaryActionPressedColor": "#fff",
575
+ "utrechtButtonSecondaryActionHoverBackgroundColor": "#f2d9e7",
576
+ "utrechtButtonSecondaryActionHoverBorderColor": "#741344",
577
+ "utrechtButtonSecondaryActionHoverColor": "#741344",
516
578
  "utrechtButtonSecondaryActionBackgroundColor": "transparent",
517
579
  "utrechtButtonSecondaryActionBorderColor": "#a90061",
518
580
  "utrechtButtonSecondaryActionColor": "#a90061",
519
581
  "utrechtButtonSecondaryActionDisabledBackgroundColor": "transparent",
520
- "utrechtButtonSecondaryActionDisabledBorderColor": "#CB66A0",
582
+ "utrechtButtonSecondaryActionDisabledBorderColor": "#D88CB7",
521
583
  "utrechtButtonSecondaryActionDisabledColor": "#CB66A0",
522
- "utrechtButtonSecondaryActionFocusBackgroundColor": "#e5b3d0",
584
+ "utrechtButtonSecondaryActionFocusBackgroundColor": "#f2d9e7",
523
585
  "utrechtButtonSecondaryActionFocusBorderColor": "transparent",
524
- "utrechtButtonSecondaryActionFocusColor": "#a90061",
586
+ "utrechtButtonSecondaryActionFocusColor": "#741344",
525
587
  "utrechtButtonSecondaryActionFontWeight": 700,
526
588
  "utrechtButtonSecondaryActionActiveBackgroundColor": "#D88CB7",
527
- "utrechtButtonSecondaryActionActiveBorderColor": "#a90061",
528
- "utrechtButtonSecondaryActionActiveColor": "#a90061",
589
+ "utrechtButtonSecondaryActionActiveBorderColor": "#63143a",
590
+ "utrechtButtonSecondaryActionActiveColor": "#741344",
529
591
  "utrechtButtonSecondaryActionFontSize": "1.25rem",
530
592
  "utrechtButtonSecondaryActionLineHeight": "1.875rem",
593
+ "utrechtButtonSecondaryActionPressedBackgroundColor": "#e5b3d0",
594
+ "utrechtButtonSecondaryActionPressedBorderColor": "#63143a",
595
+ "utrechtButtonSecondaryActionPressedColor": "#63143a",
531
596
  "utrechtButtonSubtleFontSize": "1.25rem",
532
597
  "utrechtButtonSubtleFontWeight": 700,
533
- "utrechtButtonSubtleHoverBackgroundColor": "transparent",
598
+ "utrechtButtonSubtleHoverBackgroundColor": "#f2d9e7",
534
599
  "utrechtButtonSubtleHoverBorderColor": "transparent",
535
600
  "utrechtButtonSubtleHoverColor": "#741344",
536
601
  "utrechtButtonSubtleBackgroundColor": "transparent",
@@ -541,11 +606,17 @@
541
606
  "utrechtButtonSubtleDisabledColor": "#e5b3d0",
542
607
  "utrechtButtonSubtleFocusBackgroundColor": "#f2d9e7",
543
608
  "utrechtButtonSubtleFocusBorderColor": "transparent",
544
- "utrechtButtonSubtleFocusColor": "#a90061",
545
- "utrechtButtonSubtleActiveBackgroundColor": "transparent",
609
+ "utrechtButtonSubtleFocusColor": "#741344",
610
+ "utrechtButtonSubtleActiveBackgroundColor": "#D88CB7",
546
611
  "utrechtButtonSubtleActiveBorderColor": "transparent",
547
612
  "utrechtButtonSubtleActiveColor": "#65003a",
548
613
  "utrechtButtonSubtleLineHeight": "1.875rem",
614
+ "utrechtButtonSubtlePressedBackgroundColor": "#e5b3d0",
615
+ "utrechtButtonSubtlePressedBorderColor": "transparent",
616
+ "utrechtButtonSubtlePressedColor": "#63143a",
617
+ "utrechtButtonPressedBackgroundColor": "#1E293B",
618
+ "utrechtButtonPressedBorderColor": "transparent",
619
+ "utrechtButtonPressedColor": "#fff",
549
620
  "utrechtBreadcrumbNavLineHeight": 1.4,
550
621
  "utrechtBreadcrumbNavFontSize": "1.25rem",
551
622
  "utrechtBreadcrumbNavLinkIconSize": "24px",
@@ -569,59 +640,10 @@
569
640
  "utrechtBreadcrumbNavDividerColor": "#334155",
570
641
  "utrechtBreadcrumbNavDividerInsetBlockStart": 0,
571
642
  "utrechtBreadcrumbNavMarginInline": "0.5rem",
572
- "utrechtBreadcrumbNavFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
643
+ "utrechtBreadcrumbNavFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
573
644
  "utrechtBreadcrumbNavFontWeight": 400,
574
- "utrechtBlockquoteCaptionFontSize": "1.25rem",
575
- "utrechtBlockquoteCaptionFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
576
- "utrechtBlockquoteCaptionLineHeight": "150%",
577
- "utrechtBlockquoteCaptionFontWeight": 400,
578
- "utrechtBlockquoteCaptionPaddingBlockStart": "0.75rem",
579
- "utrechtBlockquoteCaptionColor": "#334155",
580
- "utrechtBlockquoteContentFontFamily": "RijksoverheidSerifWeb, 'Times New Roman', serif",
581
- "utrechtBlockquoteContentLineHeight": "150%",
582
- "utrechtBlockquoteContentFontWeight": 400,
583
- "utrechtBlockquoteContentFontSize": "1.5rem",
584
- "utrechtBlockquoteContentColor": "#0F172A",
585
- "utrechtBlockquoteMarginBlockEnd": 0,
586
- "utrechtBlockquoteMarginBlockStart": 0,
587
- "utrechtBlockquoteMarginInlineEnd": 0,
588
- "utrechtBlockquoteMarginInlineStart": 0,
589
- "utrechtBlockquotePaddingBlockEnd": "2rem",
590
- "utrechtBlockquotePaddingBlockStart": "2rem",
591
- "utrechtBlockquotePaddingInlineEnd": "2rem",
592
- "utrechtBlockquotePaddingInlineStart": "2rem",
593
- "utrechtBlockquoteRowGap": "0.75rem",
594
- "utrechtBlockquoteBackgroundColor": "transparent",
595
- "utrechtBlockquoteBorderColor": "#a90061",
596
- "utrechtBlockquoteBorderBlockStartWidth": 0,
597
- "utrechtBlockquoteBorderBlockEndWidth": 0,
598
- "utrechtBlockquoteBorderInlineStartWidth": 0,
599
- "utrechtBlockquoteBorderInlineEndWidth": 0,
600
- "utrechtBlockquoteBorderStartStartRadius": 0,
601
- "utrechtBlockquoteBorderStartEndRadius": 0,
602
- "utrechtBlockquoteBorderEndStartRadius": 0,
603
- "utrechtBlockquoteBorderEndEndRadius": 0,
604
- "utrechtBlockquoteBorderWidth": "2px",
605
- "utrechtBlockquoteBlueCornerBorderVariationBorderColor": "#a90061",
606
- "utrechtBlockquoteBlueCornerBorderVariationBorderBlockEndWidth": "2px",
607
- "utrechtBlockquoteBlueCornerBorderVariationBorderInlineEndWidth": "2px",
608
- "utrechtBlockquoteBlueCornerBorderVariationBorderEndEndRadius": "3rem",
609
- "utrechtBlockquotePinkBackgroundVariationBackgroundColor": "#F6BDE1",
610
- "utrechtBlockquotePinkBackgroundVariationBorderEndStartRadius": "3rem",
611
- "utrechtBlockquotePinkBackgroundVariationPadding": "2.5rem",
612
- "utrechtBlockquotePinkLeftBorderVariationBorderColor": "#F6BDE1",
613
- "utrechtBlockquotePinkLeftBorderVariationBorderInlineStartWidth": "0.75rem",
614
- "utrechtBlockquotePinkLeftBorderVariationPaddingInlineStart": "2.5rem",
615
- "utrechtBlockquotePinkLeftBorderVariationPaddingInlineEnd": "2.5rem",
616
- "utrechtBlockquotePinkLeftBorderVariationPaddingBlockStart": "1.5rem",
617
- "utrechtBlockquotePinkLeftBorderVariationPaddingBlockEnd": "1.5rem",
618
- "utrechtBlockquotePinkCornerBorderVariationBorderColor": "#F6BDE1",
619
- "utrechtBlockquotePinkCornerBorderVariationBorderBlockStartWidth": "0.25rem",
620
- "utrechtBlockquotePinkCornerBorderVariationBorderInlineStartWidth": "0.25rem",
621
- "utrechtBlockquotePinkCornerBorderVariationBorderStartStartRadius": "3rem",
622
- "utrechtBlockquotePinkCornerBorderVariationPadding": "2.5rem",
623
645
  "utrechtArticleMaxInlineSize": "75ch",
624
- "utrechtAlertHeadingFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
646
+ "utrechtAlertHeadingFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
625
647
  "utrechtAlertHeadingFontWeight": 700,
626
648
  "utrechtAlertHeadingLineHeight": "150%",
627
649
  "utrechtAlertHeadingFontSize": "1.25rem",
@@ -672,8 +694,8 @@
672
694
  "utrechtAccordionButtonBorderColor": "#94A3B8",
673
695
  "utrechtAccordionButtonBorderWidth": 0,
674
696
  "utrechtAccordionButtonColor": "#0F172A",
675
- "utrechtAccordionButtonFocusBackgroundColor": "#dce3ea",
676
- "utrechtAccordionButtonFocusBorderColor": "#154273",
697
+ "utrechtAccordionButtonFocusBackgroundColor": "#f2d9e7",
698
+ "utrechtAccordionButtonFocusBorderColor": "#a90061",
677
699
  "utrechtAccordionButtonFocusColor": "#0F172A",
678
700
  "utrechtAccordionButtonActiveBackgroundColor": "#F1F5F9",
679
701
  "utrechtAccordionButtonActiveBorderColor": "#94A3B8",
@@ -681,7 +703,7 @@
681
703
  "utrechtAccordionButtonActiveRowGap": 0,
682
704
  "utrechtDocumentBackgroundColor": "#fff",
683
705
  "utrechtDocumentColor": "#0F172A",
684
- "utrechtDocumentFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
706
+ "utrechtDocumentFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
685
707
  "utrechtDocumentFontSize": "1.25rem",
686
708
  "utrechtDocumentLineHeight": "150%",
687
709
  "utrechtDocumentFontWeight": 400,
@@ -696,6 +718,27 @@
696
718
  "utrechtFocusOutlineStyle": "solid",
697
719
  "utrechtFocusOutlineWidth": "2px",
698
720
  "utrechtFocusInverseOutlineColor": "#fff",
721
+ "rhcKeepComment": "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset components/blockquote.",
722
+ "rhcKeepTopLeftBorderRadiusTopLeft": "48px",
723
+ "rhcKeepTopLeftBorderRadiusTopRight": 0,
724
+ "rhcKeepTopLeftBorderRadiusBottomRight": 0,
725
+ "rhcKeepTopLeftBorderRadiusBottomLeft": 0,
726
+ "rhcKeepTopRightBorderRadiusTopRight": "48px",
727
+ "rhcKeepTopRightBorderRadiusTopLeft": 0,
728
+ "rhcKeepTopRightBorderRadiusBottomRight": 0,
729
+ "rhcKeepTopRightBorderRadiusBottomLeft": 0,
730
+ "rhcKeepBottomRightBorderRadiusTopLeft": 0,
731
+ "rhcKeepBottomRightBorderRadiusTopRight": 0,
732
+ "rhcKeepBottomRightBorderRadiusBottomRight": "48px",
733
+ "rhcKeepBottomRightBorderRadiusBottomLeft": 0,
734
+ "rhcKeepBottomLeftBorderRadiusTopLeft": 0,
735
+ "rhcKeepBottomLeftBorderRadiusTopRight": 0,
736
+ "rhcKeepBottomLeftBorderRadiusBottomRight": 0,
737
+ "rhcKeepBottomLeftBorderRadiusBottomLeft": "48px",
738
+ "rhcRoundedCornerXsBorderRadius": "24px",
739
+ "rhcRoundedCornerMdBorderRadius": "48px",
740
+ "rhcRoundedCornerXlBorderRadius": "96px",
741
+ "rhcRoundedCornerBorderWidth": "2px",
699
742
  "rhcColorPrimary50": "#f2d9e7",
700
743
  "rhcColorPrimary100": "#e5b3d0",
701
744
  "rhcColorPrimary200": "#D88CB7",
@@ -706,8 +749,10 @@
706
749
  "rhcColorFocusOutline": "#000",
707
750
  "rhcColorForegroundDefault": "#0F172A",
708
751
  "rhcColorForegroundSubdued": "#334155",
709
- "rhcColorForegroundOnEmphasis": "#fff",
710
752
  "rhcColorForegroundLink": "#01689b",
753
+ "rhcColorForegroundOnDarkColor": "#fff",
754
+ "rhcColorForegroundOnLightColor": "#000",
755
+ "rhcColorForegroundOnEmphasis": "#fff",
711
756
  "rhcColorBorderDefault": "#64748B",
712
757
  "rhcColorBorderSubdued": "#94A3B8",
713
758
  "rhcColorBorderStrong": "#0F172A",
@@ -721,6 +766,7 @@
721
766
  "rhcColorFeedbackWarningDefault": "#ffb612",
722
767
  "rhcColorFeedbackWarningSubdued": "#fff4db",
723
768
  "rhcColorAccent500": "#8fcae7",
769
+ "rhcColorAccent2500": "#f092cd",
724
770
  "rhcColorCoolGrey50": "#F8FAFC",
725
771
  "rhcColorCoolGrey100": "#F1F5F9",
726
772
  "rhcColorCoolGrey200": "#E2E8F0",
@@ -876,7 +922,7 @@
876
922
  "rhcSidenavLinkIconSize": "24px",
877
923
  "rhcSidenavLinkIconMarginInline": "0.5rem",
878
924
  "rhcSidenavLinkFontSize": "1.25rem",
879
- "rhcSidenavLinkFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
925
+ "rhcSidenavLinkFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
880
926
  "rhcSidenavLinkFontWeight": 400,
881
927
  "rhcSidenavLinkCurrentFontWeight": 700,
882
928
  "rhcSidenavLinkCurrentColor": "#0F172A",
@@ -886,7 +932,7 @@
886
932
  "rhcSidenavLinkFocusBorderRadius": 0,
887
933
  "rhcSidenavLinkFocusBorderWidth": "2px",
888
934
  "rhcSidenavLinkFocusBorderStyle": "solid",
889
- "rhcSidenavLinkFocusBorderColor": "#154273",
935
+ "rhcSidenavLinkFocusBorderColor": "#a90061",
890
936
  "rhcSidenavLinkFocusBackgroundColor": "none",
891
937
  "rhcSidenavLinkFocusColor": "#01689b",
892
938
  "rhcSidenavLinkFocusTextDecoration": "None",
@@ -908,13 +954,13 @@
908
954
  "rhcNavigationListItemContentFontSize": "1.125rem",
909
955
  "rhcNavigationListItemContentColumnGap": "0.5rem",
910
956
  "rhcNavigationListItemContentRowGap": "0.25rem",
911
- "rhcNavigationListItemLabelFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
957
+ "rhcNavigationListItemLabelFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
912
958
  "rhcNavigationListItemLabelFontSize": "1.875rem",
913
959
  "rhcNavigationListItemLabelFontWeight": 700,
914
960
  "rhcNavigationListItemLabelLineHeight": "150%",
915
961
  "rhcNavigationListItemActiveBackgroundColor": "#F1F5F9",
916
962
  "rhcNavigationListItemHoverBackgroundColor": "#F8FAFC",
917
- "rhcNavigationListItemFocusBackgroundColor": "#dce3ea",
963
+ "rhcNavigationListItemFocusBackgroundColor": "#f2d9e7",
918
964
  "rhcNavigationListItemBackgroundColor": "#fff",
919
965
  "rhcNavigationListItemColor": "#334155",
920
966
  "rhcNavigationListItemBorderWidth": "1px",
@@ -962,7 +1008,7 @@
962
1008
  "rhcMessageListItemContentFontSize": "1.125rem",
963
1009
  "rhcMessageListItemContentColumnGap": "0.5rem",
964
1010
  "rhcMessageListItemContentRowGap": "0.5rem",
965
- "rhcMessageListItemLabelFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
1011
+ "rhcMessageListItemLabelFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
966
1012
  "rhcMessageListItemLabelFontSize": "1.25rem",
967
1013
  "rhcMessageListItemLabelFontWeight": 700,
968
1014
  "rhcMessageListItemLabelLineHeight": "150%",
@@ -979,7 +1025,7 @@
979
1025
  "rhcLogoSubtitleLineHeight": "1rem",
980
1026
  "rhcLogoSubtitleFontSize": "0.775rem",
981
1027
  "rhcLogoColumnGap": "12px",
982
- "rhcLogoFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
1028
+ "rhcLogoFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
983
1029
  "rhcLogoColor": "#154273",
984
1030
  "rhcLinkListCardBackgroundColor": "#fff",
985
1031
  "rhcLinkListCardPaddingBlockStart": "1.5rem",
@@ -995,12 +1041,12 @@
995
1041
  "rhcHeroHeadingFontWeight": 700,
996
1042
  "rhcHeroHeadingLineHeight": "125%",
997
1043
  "rhcHeroHeadingFontSize": "1.875rem",
998
- "rhcHeroHeadingFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
1044
+ "rhcHeroHeadingFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
999
1045
  "rhcHeroSubHeadingFontWeight": 400,
1000
1046
  "rhcHeroSubHeadingLineHeight": "150%",
1001
1047
  "rhcHeroSubHeadingFontSize": "1.25rem",
1002
- "rhcHeroSubHeadingFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
1003
- "rhcHeroMessageBackgroundColor": "#154273",
1048
+ "rhcHeroSubHeadingFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1049
+ "rhcHeroMessageBackgroundColor": "#a90061",
1004
1050
  "rhcHeroMessageColor": "#fff",
1005
1051
  "rhcHeroMessageRowGap": "0.125rem",
1006
1052
  "rhcHeroMessagePaddingBlockEnd": "1rem",
@@ -1026,7 +1072,7 @@
1026
1072
  "rhcPageFooterContentPaddingInlineEnd": "1rem",
1027
1073
  "rhcPageFooterContentColumnGap": "2rem",
1028
1074
  "rhcPageFooterBorderBlockStartWidth": "2px",
1029
- "rhcPageFooterBorderBlockStartColor": "#738eab",
1075
+ "rhcPageFooterBorderBlockStartColor": "#CB66A0",
1030
1076
  "rhcPageFooterBorderBlockStartStyle": "solid",
1031
1077
  "rhcPageFooterOutlinedBackgroundColor": "#fff",
1032
1078
  "rhcPageFooterOutlinedColor": "#a90061",
@@ -1041,7 +1087,7 @@
1041
1087
  "rhcFileInputFeedbackColor": "#475569",
1042
1088
  "rhcFileInputFeedbackFontSize": "1rem",
1043
1089
  "rhcFileBorderStyle": "solid",
1044
- "rhcFileBorderColor": "#154273",
1090
+ "rhcFileBorderColor": "#a90061",
1045
1091
  "rhcFileBorderWidth": "1px",
1046
1092
  "rhcFileBorderRadius": 0,
1047
1093
  "rhcFilePaddingInlineStart": "1rem",
@@ -1066,7 +1112,7 @@
1066
1112
  "rhcCardAsLinkColor": "#0F172A",
1067
1113
  "rhcCardAsLinkColumnGap": "1rem",
1068
1114
  "rhcCardAsLinkInlineSize": "328px",
1069
- "rhcCardAsLinkIconColor": "#154273",
1115
+ "rhcCardAsLinkIconColor": "#a90061",
1070
1116
  "rhcCardAsLinkIconSize": "24px",
1071
1117
  "rhcCardAsLinkLinkColor": "#01689b",
1072
1118
  "rhcCardAsLinkLinkTextDecoration": "underline",
@@ -1083,17 +1129,17 @@
1083
1129
  "rhcCardAsLinkActiveTextDecoration": "underline",
1084
1130
  "rhcCardAsLinkHoverBackgroundColor": "#F8FAFC",
1085
1131
  "rhcCardAsLinkHoverTextDecoration": "underline",
1086
- "rhcCardAsLinkFocusBackgroundColor": "#dce3ea",
1132
+ "rhcCardAsLinkFocusBackgroundColor": "#f2d9e7",
1087
1133
  "rhcCardAsLinkFocusTextDecoration": "underline",
1088
1134
  "rhcCardAsLinkFullBleedBackgroundColor": "#000",
1089
1135
  "rhcCardAsLinkFullBleedBorderColor": "transparent",
1090
1136
  "rhcCardAsLinkFullBleedColor": "#fff",
1091
1137
  "rhcCardAsLinkFullBleedOpacity": 0.5,
1092
- "rhcCardAsLinkHeadingColor": "#154273",
1138
+ "rhcCardAsLinkHeadingColor": "#a90061",
1093
1139
  "rhcCardAsLinkHeadingPaddingBlockStart": "0.5rem",
1094
1140
  "rhcCardAsLinkHeadingFontSize": "1.5rem",
1095
1141
  "rhcCardAsLinkHeadingFontWeight": 700,
1096
- "rhcCardAsLinkHorizontalBackgroundColor": "#154273",
1142
+ "rhcCardAsLinkHorizontalBackgroundColor": "#a90061",
1097
1143
  "rhcCardAsLinkHorizontalBorderColor": "transparent",
1098
1144
  "rhcCardAsLinkHorizontalColor": "#fff",
1099
1145
  "rhcCardAsLinkHorizontalMaxBlockSize": "96px",
@@ -1102,7 +1148,7 @@
1102
1148
  "rhcCardAsLinkHorizontalPaddingInlineEnd": "1rem",
1103
1149
  "rhcCardAsLinkHorizontalPaddingInlineStart": "1rem",
1104
1150
  "rhcCardAsLinkHorizontalHeadingInlineSize": "200px",
1105
- "rhcAccordionButtonFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
1151
+ "rhcAccordionButtonFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1106
1152
  "rhcAccordionButtonFontSize": "1.25rem",
1107
1153
  "rhcAccordionButtonFontWeight": 400,
1108
1154
  "rhcAccordionButtonLineHeight": "150%",
@@ -1119,22 +1165,6 @@
1119
1165
  "rhcAccordionHeaderMargin": 0,
1120
1166
  "rhcAccordionBorderRadius": "0px",
1121
1167
  "rhcAccordionColor": "#0F172A",
1122
- "rhcKeepTopLeftBorderRadiusTopLeft": 0,
1123
- "rhcKeepTopLeftBorderRadiusTopRight": 0,
1124
- "rhcKeepTopLeftBorderRadiusBottomRight": 0,
1125
- "rhcKeepTopLeftBorderRadiusBottomLeft": 0,
1126
- "rhcKeepTopRightBorderRadiusTopRight": 0,
1127
- "rhcKeepTopRightBorderRadiusTopLeft": 0,
1128
- "rhcKeepTopRightBorderRadiusBottomRight": 0,
1129
- "rhcKeepTopRightBorderRadiusBottomLeft": 0,
1130
- "rhcKeepBottomRightBorderRadiusTopLeft": 0,
1131
- "rhcKeepBottomRightBorderRadiusTopRight": 0,
1132
- "rhcKeepBottomRightBorderRadiusBottomRight": 0,
1133
- "rhcKeepBottomRightBorderRadiusBottomLeft": 0,
1134
- "rhcKeepBottomLeftBorderRadiusTopLeft": 0,
1135
- "rhcKeepBottomLeftBorderRadiusTopRight": 0,
1136
- "rhcKeepBottomLeftBorderRadiusBottomRight": 0,
1137
- "rhcKeepBottomLeftBorderRadiusBottomLeft": 0,
1138
1168
  "rhcFocusOutlineOffset": "0.125rem",
1139
1169
  "rhcFocusOutlineStyle": "solid",
1140
1170
  "rhcFocusOutlineWidth": "2px",
@@ -1178,7 +1208,7 @@
1178
1208
  "rhcFontWeightChosenRegular": 400,
1179
1209
  "rhcFontWeightLight": 300,
1180
1210
  "rhcFontWeightThin": 200,
1181
- "rhcFontFamilyPrimary": "Fira Sans, Arial, Verdana, sans-serif",
1211
+ "rhcFontFamilyPrimary": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1182
1212
  "rhcFontFamilySecondary": "RijksoverheidSerifWeb, 'Times New Roman', serif",
1183
1213
  "rhcBorderWidthDefault": "1px",
1184
1214
  "rhcBorderWidthM": "2px",
@@ -1195,7 +1225,7 @@
1195
1225
  "rhcSpace600": "3rem",
1196
1226
  "rhcSpace700": "3.5rem",
1197
1227
  "nlSkipLinkFontWeight": 700,
1198
- "nlSkipLinkFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
1228
+ "nlSkipLinkFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1199
1229
  "nlSkipLinkFontSize": "1.25rem",
1200
1230
  "nlSkipLinkLineHeight": "150%",
1201
1231
  "nlSkipLinkMinBlockSize": "48px",
@@ -1205,13 +1235,13 @@
1205
1235
  "nlSkipLinkPaddingInlineEnd": "1rem",
1206
1236
  "nlSkipLinkPaddingInlineStart": "1rem",
1207
1237
  "nlSkipLinkFocusBackgroundColor": "#fff",
1208
- "nlSkipLinkFocusBorderColor": "#154273",
1238
+ "nlSkipLinkFocusBorderColor": "#a90061",
1209
1239
  "nlSkipLinkFocusBorderStyle": "solid",
1210
1240
  "nlSkipLinkFocusBorderWidth": "2px",
1211
1241
  "nlSkipLinkFocusColor": "#0F172A",
1212
1242
  "nlSkipLinkFocusTextDecoration": "None",
1213
1243
  "nlSkipLinkFocusVisibleOutlineColor": "#000",
1214
- "nlSkipLinkBackgroundColor": "#154273",
1244
+ "nlSkipLinkBackgroundColor": "#a90061",
1215
1245
  "nlSkipLinkBorderColor": "transparent",
1216
1246
  "nlSkipLinkColor": "#fff",
1217
1247
  "nlSkipLinkBorderWidth": "2px",
@@ -1223,7 +1253,7 @@
1223
1253
  "nlSkipLinkTextDecoration": "underline",
1224
1254
  "nlSkipLinkTextUnderlineOffset": "0.125rem",
1225
1255
  "nlParagraphColor": "#0F172A",
1226
- "nlParagraphFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
1256
+ "nlParagraphFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1227
1257
  "nlParagraphFontSize": "1.25rem",
1228
1258
  "nlParagraphFontWeight": 400,
1229
1259
  "nlParagraphLineHeight": "150%",
@@ -1251,40 +1281,40 @@
1251
1281
  "nlLinkColumnGap": "0.25rem",
1252
1282
  "nlLinkTextDecorationThickness": "auto",
1253
1283
  "nlLinkTextUnderlineOffset": "0.125rem",
1254
- "nlLinkFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
1284
+ "nlLinkFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1255
1285
  "nlLinkFontWeight": 400,
1256
1286
  "nlLinkFontSize": "1.25rem",
1257
1287
  "nlLinkLineHeight": "150%",
1258
- "nlHeadingLevel1Color": "#154273",
1259
- "nlHeadingLevel1FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
1288
+ "nlHeadingLevel1Color": "#a90061",
1289
+ "nlHeadingLevel1FontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1260
1290
  "nlHeadingLevel1FontWeight": 700,
1261
1291
  "nlHeadingLevel1LineHeight": "125%",
1262
1292
  "nlHeadingLevel1FontSize": "3.125rem",
1263
1293
  "nlHeadingLevel1MarginBlockEnd": 0,
1264
1294
  "nlHeadingLevel1MarginBlockStart": 0,
1265
- "nlHeadingLevel2Color": "#154273",
1266
- "nlHeadingLevel2FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
1295
+ "nlHeadingLevel2Color": "#a90061",
1296
+ "nlHeadingLevel2FontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1267
1297
  "nlHeadingLevel2FontWeight": 700,
1268
1298
  "nlHeadingLevel2LineHeight": "125%",
1269
1299
  "nlHeadingLevel2FontSize": "2.5rem",
1270
1300
  "nlHeadingLevel2MarginBlockEnd": 0,
1271
1301
  "nlHeadingLevel2MarginBlockStart": 0,
1272
- "nlHeadingLevel3Color": "#154273",
1273
- "nlHeadingLevel3FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
1302
+ "nlHeadingLevel3Color": "#a90061",
1303
+ "nlHeadingLevel3FontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1274
1304
  "nlHeadingLevel3FontWeight": 700,
1275
1305
  "nlHeadingLevel3LineHeight": "125%",
1276
1306
  "nlHeadingLevel3FontSize": "1.875rem",
1277
1307
  "nlHeadingLevel3MarginBlockEnd": 0,
1278
1308
  "nlHeadingLevel3MarginBlockStart": 0,
1279
- "nlHeadingLevel4Color": "#154273",
1280
- "nlHeadingLevel4FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
1309
+ "nlHeadingLevel4Color": "#a90061",
1310
+ "nlHeadingLevel4FontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1281
1311
  "nlHeadingLevel4FontWeight": 700,
1282
1312
  "nlHeadingLevel4LineHeight": "125%",
1283
1313
  "nlHeadingLevel4FontSize": "1.5rem",
1284
1314
  "nlHeadingLevel4MarginBlockEnd": 0,
1285
1315
  "nlHeadingLevel4MarginBlockStart": 0,
1286
- "nlHeadingLevel5Color": "#154273",
1287
- "nlHeadingLevel5FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
1316
+ "nlHeadingLevel5Color": "#a90061",
1317
+ "nlHeadingLevel5FontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1288
1318
  "nlHeadingLevel5FontWeight": 700,
1289
1319
  "nlHeadingLevel5LineHeight": "125%",
1290
1320
  "nlHeadingLevel5FontSize": "1.25rem",
@@ -1297,8 +1327,8 @@
1297
1327
  "nlNumberBadgeFontWeight": 700,
1298
1328
  "nlNumberBadgeBorderWidth": "0px",
1299
1329
  "nlNumberBadgeBorderRadius": "999px",
1300
- "nlNumberBadgeFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
1301
- "nlNumberBadgeBackgroundColor": "#154273",
1330
+ "nlNumberBadgeFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1331
+ "nlNumberBadgeBackgroundColor": "#a90061",
1302
1332
  "nlNumberBadgeBorderColor": "transparent",
1303
1333
  "nlNumberBadgeColor": "#fff",
1304
1334
  "nlNumberBadgePaddingInline": "0.5rem",