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