@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,422 +1,119 @@
1
1
  {
2
2
  "utrecht": {
3
- "pre-heading": {
4
- "color": "#0F172A",
5
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
6
- "font-weight": 700,
7
- "line-height": "125%",
8
- "font-size": "1rem"
3
+ "column-layout": {
4
+ "column-rule-color": "transparent",
5
+ "column-rule-width": "0px",
6
+ "column-width": "400px",
7
+ "gap": "0.75rem"
9
8
  },
10
- "accordion": {
11
- "button": {
12
- "focus": {
13
- "background-color": "#FDD370",
14
- "border-color": "#154273",
15
- "color": "#0F172A"
16
- },
17
- "gap": "0.5rem",
18
- "icon": {
19
- "size": "24px"
20
- },
21
- "hover": {
22
- "background-color": "#F8FAFC",
23
- "border-color": "#94A3B8",
24
- "color": "#0F172A"
25
- },
26
- "background-color": "#fff",
27
- "border-color": "#94A3B8",
28
- "border-width": 0,
29
- "color": "#0F172A",
30
- "active": {
31
- "background-color": "#F1F5F9",
32
- "border-color": "#94A3B8",
33
- "color": "#0F172A",
34
- "row-gap": 0
35
- }
36
- },
37
- "panel": {
38
- "border-color": "#94A3B8",
39
- "border-width": 0,
40
- "padding-block-end": "1.5rem",
41
- "padding-block-start": "1rem",
42
- "padding-inline-end": "1rem",
43
- "padding-inline-start": "1rem"
44
- }
45
- },
46
- "button": {
47
- "primary-action": {
48
- "focus": {
49
- "background-color": "#FDD370",
50
- "border-color": "transparent",
51
- "color": "#fff"
52
- },
53
- "hover": {
54
- "background-color": "#528e7c",
55
- "border-color": "transparent",
56
- "color": "#fff"
57
- },
58
- "background-color": "#76d2b6",
59
- "border-color": "transparent",
60
- "color": "#fff",
61
- "disabled": {
62
- "background-color": "#d6f2e9",
63
- "border-color": "#C1EBDE",
64
- "color": "#98DDC8"
65
- },
66
- "font-weight": 700,
67
- "active": {
68
- "background-color": "#477e6d",
69
- "border-color": "transparent",
70
- "color": "#fff"
71
- },
72
- "font-size": "1.25rem",
73
- "line-height": "1.875rem"
74
- },
75
- "secondary-action": {
76
- "focus": {
77
- "background-color": "#FDD370",
78
- "border-color": "transparent",
79
- "color": "#76d2b6"
80
- },
81
- "hover": {
82
- "background-color": "#d6f2e9",
83
- "border-color": "transparent",
84
- "color": "#76d2b6"
85
- },
86
- "background-color": "transparent",
87
- "border-color": "#76d2b6",
88
- "color": "#76d2b6",
89
- "disabled": {
90
- "background-color": "transparent",
91
- "border-color": "#ACE4D3",
92
- "color": "#ACE4D3"
93
- },
94
- "font-weight": 700,
95
- "active": {
96
- "background-color": "#C1EBDE",
97
- "border-color": "#76d2b6",
98
- "color": "#76d2b6"
99
- },
100
- "font-size": "1.25rem",
101
- "line-height": "1.875rem"
102
- },
103
- "subtle": {
104
- "focus": {
105
- "background-color": "#FDD370",
106
- "border-color": "transparent",
107
- "color": "#76d2b6"
108
- },
109
- "font-size": "1.25rem",
110
- "font-weight": 700,
111
- "hover": {
112
- "background-color": "transparent",
113
- "border-color": "transparent",
114
- "color": "#528e7c"
115
- },
116
- "background-color": "transparent",
117
- "border-color": "transparent",
118
- "color": "#76d2b6",
119
- "disabled": {
120
- "background-color": "transparent",
121
- "border-color": "transparent",
122
- "color": "#d6f2e9"
123
- },
124
- "active": {
125
- "background-color": "transparent",
126
- "border-color": "transparent",
127
- "color": "#477e6d"
128
- },
129
- "line-height": "1.875rem"
130
- },
9
+ "blockquote": {
131
10
  "background-color": "transparent",
132
- "border-color": "#334155",
133
- "color": "#334155",
134
- "border-radius": "5px",
135
- "border-width": "1px",
136
- "icon": {
137
- "gap": "0.5rem",
138
- "size": "24px"
139
- },
140
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
11
+ "border-inline-start-width": 0,
12
+ "border-color": "transparent",
13
+ "border-radius": 0,
14
+ "border-width": 0,
15
+ "color": "#154273",
141
16
  "font-size": "1.25rem",
142
- "font-weight": 700,
143
- "line-height": "150%",
144
- "padding-block-end": "0.5rem",
145
- "padding-block-start": "0.5rem",
146
- "padding-inline-end": "1rem",
147
- "padding-inline-start": "1rem",
148
- "disabled": {
149
- "background-color": "#F8FAFC",
150
- "border-color": "transparent",
151
- "color": "#64748B"
152
- },
153
- "focus": {
154
- "background-color": "#FDDE94",
155
- "border-color": "transparent",
156
- "color": "#1E293B"
157
- },
158
- "hover": {
159
- "background-color": "#F8FAFC",
160
- "border-color": "#1E293B",
161
- "color": "#1E293B"
162
- },
163
- "active": {
164
- "background-color": "#CBD5E1",
165
- "border-color": "#0F172A",
166
- "color": "#0F172A"
167
- },
168
- "min-block-size": "48px",
169
- "min-inline-size": "48px",
170
- "column-gap": "0.5rem"
171
- },
172
- "checkbox": {
173
- "focus": {
174
- "background-color": "#FDD370",
175
- "border-color": "#154273",
176
- "border-width": "2px"
177
- },
178
- "checked": {
179
- "focus": {
180
- "background-color": "#FDD370",
181
- "border-width": "2px",
182
- "border-color": "#154273",
183
- "color": "#154273"
184
- },
185
- "background-color": "#154273",
186
- "border-color": "transparent",
187
- "color": "#fff",
188
- "border-width": "1px",
189
- "disabled": {
190
- "background-color": "#CBD5E1",
191
- "border-color": "#94A3B8",
192
- "color": "#475569"
193
- },
194
- "hover": {
195
- "border-width": "1px",
196
- "background-color": "#738eab",
197
- "border-color": "transparent",
198
- "color": "#fff"
199
- },
200
- "active": {
201
- "border-width": "1px",
202
- "background-color": "#4f7196",
203
- "border-color": "transparent",
204
- "color": "#fff"
205
- }
17
+ "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
18
+ "padding-block-end": "2rem",
19
+ "padding-block-start": "2rem",
20
+ "padding-inline-end": "2rem",
21
+ "padding-inline-start": "2rem",
22
+ "row-gap": "0.75rem",
23
+ "attribution": {
24
+ "color": "#154273",
25
+ "font-size": "1.25rem"
206
26
  },
207
- "border-radius": "2.5px",
208
- "size": "24px",
209
- "icon": {
210
- "size": "24px"
27
+ "content": {
28
+ "color": "#154273",
29
+ "font-size": "1.25rem",
30
+ "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
31
+ "line-height": "150%",
32
+ "font-weight": 400
211
33
  },
212
- "background-color": "#fff",
213
- "border-color": "#154273",
214
- "invalid": {
215
- "background-color": "#f9dfdd",
216
- "border-color": "#d52b1e",
217
- "border-width": "1px"
34
+ "caption": {
35
+ "font-size": "1.25rem",
36
+ "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
37
+ "line-height": "150%",
38
+ "font-weight": 400,
39
+ "padding-block-start": "0.75rem",
40
+ "color": "#154273"
218
41
  },
219
- "disabled": {
220
- "background-color": "#CBD5E1",
221
- "border-color": "#94A3B8"
42
+ "margin-block-end": 0,
43
+ "margin-block-start": 0,
44
+ "margin-inline-end": 0,
45
+ "margin-inline-start": 0,
46
+ "border-block-start-width": 0,
47
+ "border-block-end-width": 0,
48
+ "border-inline-end-width": 0,
49
+ "border-start-start-radius": 0,
50
+ "border-start-end-radius": 0,
51
+ "border-end-start-radius": 0,
52
+ "border-end-end-radius": 0,
53
+ "blue-corner-border-variation": {
54
+ "border-color": "#76d2b6",
55
+ "border-block-end-width": "2px",
56
+ "border-inline-end-width": "2px",
57
+ "border-end-end-radius": "3rem"
222
58
  },
223
- "indeterminate": {
224
- "background-color": "#154273",
225
- "border-color": "transparent",
226
- "color": "#fff",
227
- "border-width": "1px",
228
- "disabled": {
229
- "background-color": "#CBD5E1",
230
- "border-color": "#94A3B8",
231
- "color": "#475569"
232
- },
233
- "active": {
234
- "background-color": "#4f7196",
235
- "border-color": "transparent",
236
- "color": "#fff",
237
- "border-width": "1px"
238
- },
239
- "hover": {
240
- "background-color": "#738eab",
241
- "border-color": "transparent",
242
- "color": "#fff",
243
- "border-width": "1px"
244
- },
245
- "focus": {
246
- "background-color": "#fff",
247
- "border-color": "#154273",
248
- "color": "#154273",
249
- "border-width": "2px"
250
- }
59
+ "pink-background-variation": {
60
+ "background-color": "#F6BDE1",
61
+ "border-end-start-radius": "3rem",
62
+ "padding": "2.5rem"
251
63
  },
252
- "border-width": "1px",
253
- "hover": {
254
- "border-width": "1px",
255
- "background-color": "#fff",
256
- "border-color": "#738eab"
64
+ "pink-left-border-variation": {
65
+ "border-color": "#F6BDE1",
66
+ "border-inline-start-width": "0.75rem",
67
+ "padding-inline-start": "2.5rem",
68
+ "padding-inline-end": "2.5rem",
69
+ "padding-block-start": "1.5rem",
70
+ "padding-block-end": "1.5rem"
257
71
  },
258
- "active": {
259
- "border-width": "1px",
260
- "background-color": "#fff",
261
- "border-color": "#4f7196"
72
+ "pink-corner-border-variation": {
73
+ "border-color": "#F6BDE1",
74
+ "border-block-start-width": "0.25rem",
75
+ "border-inline-start-width": "0.25rem",
76
+ "border-start-start-radius": "3rem",
77
+ "padding": "2.5rem"
262
78
  }
263
79
  },
264
- "radio-button": {
265
- "focus": {
266
- "background-color": "#FDD370",
267
- "border-color": "#154273",
268
- "border-width": "2px"
269
- },
270
- "checked": {
271
- "focus": {
272
- "background-color": "#FDD370",
273
- "border-color": "#154273",
274
- "color": "#154273",
275
- "border-width": "2px"
276
- },
277
- "background-color": "#154273",
278
- "border-color": "transparent",
279
- "color": "#fff",
280
- "hover": {
281
- "background-color": "#738eab",
282
- "border-color": "transparent",
283
- "color": "#fff",
284
- "border-width": "1px"
285
- },
286
- "active": {
287
- "background-color": "#4f7196",
288
- "border-color": "transparent",
289
- "color": "#fff",
290
- "border-width": "1px"
291
- },
292
- "disabled": {
293
- "background-color": "#CBD5E1",
294
- "border-color": "#94A3B8",
295
- "color": "#475569"
296
- },
297
- "border-width": "1px"
298
- },
299
- "active": {
300
- "border-width": "1px",
301
- "background-color": "#fff",
302
- "border-color": "#4f7196"
303
- },
80
+ "icon": {
81
+ "color": "inherit",
304
82
  "size": "24px",
305
- "dot": {
306
- "size": "12px"
307
- },
308
- "background-color": "#fff",
309
- "border-color": "#154273",
310
- "invalid": {
311
- "background-color": "#f9dfdd",
312
- "border-color": "#d52b1e",
313
- "border-width": "1px"
314
- },
315
- "disabled": {
316
- "background-color": "#CBD5E1",
317
- "border-color": "#94A3B8",
318
- "color": "#475569"
319
- },
320
- "hover": {
321
- "background-color": "#fff",
322
- "border-color": "#738eab",
323
- "border-width": "1px"
324
- },
325
- "border-radius": "999px",
326
- "border-width": "1px"
83
+ "inset-block-start": 0
327
84
  },
328
- "link": {
329
- "focus": {
330
- "background-color": "#FDD370",
331
- "color": "#01689b",
332
- "text-decoration": "None",
333
- "text-decoration-thickness": "auto"
334
- },
335
- "color": "#01689b",
336
- "text-decoration-color": "#01689b",
337
- "active": {
338
- "color": "#42145f",
339
- "text-decoration": "None"
340
- },
341
- "hover": {
342
- "color": "#01496c",
343
- "text-decoration": "None",
344
- "text-decoration-thickness": "auto"
345
- },
346
- "visited": {
347
- "color": "#42145f"
348
- },
349
- "text-decoration": "underline",
350
- "icon": {
351
- "inset-block-start": "0.25rem",
352
- "size": "24px"
353
- },
354
- "column-gap": "0.25rem",
355
- "text-decoration-thickness": "auto",
356
- "text-underline-offset": "0.125rem",
357
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
85
+ "unordered-list": {
86
+ "padding-inline-start": "1.5rem",
87
+ "margin-block-end": "0.25rem",
88
+ "margin-block-start": "0.25rem",
89
+ "color": "#0F172A",
90
+ "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
358
91
  "font-weight": 400,
359
92
  "font-size": "1.25rem",
360
- "line-height": "150%"
361
- },
362
- "select": {
363
- "focus": {
364
- "background-color": "#FDD370",
365
- "border-color": "#154273",
366
- "color": "#0F172A",
367
- "border-width": "2px"
368
- },
369
- "image-background-position": "right 0.5rem center",
370
- "icon": {
371
- "size": "24px"
372
- },
373
- "background-color": "#fff",
374
- "border-color": "#154273",
375
- "color": "#0F172A",
376
- "invalid": {
377
- "background-color": "#f9dfdd",
378
- "border-color": "#d52b1e",
379
- "color": "#0F172A",
380
- "border-width": "1px"
381
- },
382
- "disabled": {
383
- "background-color": "#CBD5E1",
384
- "border-color": "#94A3B8",
385
- "color": "#475569"
93
+ "line-height": "150%",
94
+ "item": {
95
+ "padding-inline-start": "0.5rem",
96
+ "margin-block-end": "0.25rem",
97
+ "margin-block-start": "0.25rem"
386
98
  },
387
- "hover": {
388
- "background-color": "#fff",
389
- "border-color": "#738eab",
99
+ "marker": {
390
100
  "color": "#0F172A",
391
- "border-width": "1px"
392
- },
393
- "padding-block-end": "0.5rem",
394
- "padding-block-start": "0.5rem",
395
- "padding-inline-end": "0.75rem",
396
- "padding-inline-start": "0.75rem",
101
+ "border-color": "#0F172A"
102
+ }
103
+ },
104
+ "textbox": {
397
105
  "border-radius": "2.5px",
398
- "border-bottom-width": "auto",
399
- "border-width": "1px",
400
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
106
+ "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
107
+ "font-size": "1.25rem",
401
108
  "font-weight": 400,
402
109
  "line-height": "150%",
403
- "font-size": "1.25rem",
404
- "max-inline-size": "400px"
405
- },
406
- "textarea": {
407
- "focus": {
408
- "background-color": "#FDD370",
409
- "border-color": "#154273",
410
- "color": "#0F172A",
411
- "border-width": "2px"
412
- },
413
110
  "max-inline-size": "400px",
414
111
  "padding-block-end": "0.5rem",
415
112
  "padding-block-start": "0.5rem",
416
113
  "padding-inline-end": "0.75rem",
417
114
  "padding-inline-start": "0.75rem",
418
115
  "background-color": "#fff",
419
- "border-color": "#154273",
116
+ "border-color": "#76d2b6",
420
117
  "color": "#0F172A",
421
118
  "invalid": {
422
119
  "background-color": "#f9dfdd",
@@ -427,49 +124,39 @@
427
124
  "placeholder": {
428
125
  "color": "#64748B"
429
126
  },
127
+ "border-block-end-width": "auto",
128
+ "border-width": "1px",
129
+ "focus": {
130
+ "border-width": "2px",
131
+ "background-color": "#fff",
132
+ "border-color": "#76d2b6",
133
+ "color": "#0F172A"
134
+ },
430
135
  "disabled": {
431
136
  "background-color": "#CBD5E1",
432
137
  "border-color": "#94A3B8",
433
138
  "color": "#475569"
434
139
  },
435
140
  "read-only": {
436
- "background-color": "#F1F5F9",
437
- "border-color": "transparent",
438
- "color": "#0F172A"
439
- },
440
- "hover": {
441
- "background-color": "#fff",
442
- "border-color": "#738eab",
443
- "color": "#0F172A",
444
- "border-width": "1px"
445
- },
446
- "border-radius": "2.5px",
447
- "border-bottom-width": "1px",
448
- "border-width": "1px",
449
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
450
- "font-weight": 400,
451
- "line-height": "150%",
452
- "font-size": "1.25rem"
453
- },
454
- "textbox": {
455
- "focus": {
456
- "background-color": "#FDD370",
457
- "border-width": "2px",
458
- "border-color": "#154273",
141
+ "background-color": "#F1F5F9",
142
+ "border-color": "transparent",
459
143
  "color": "#0F172A"
460
144
  },
461
- "border-radius": "2.5px",
462
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
463
- "font-size": "1.25rem",
464
- "font-weight": 400,
465
- "line-height": "150%",
145
+ "hover": {
146
+ "border-width": "1px",
147
+ "background-color": "#fff",
148
+ "border-color": "#ACE4D3",
149
+ "color": "#0F172A"
150
+ }
151
+ },
152
+ "textarea": {
466
153
  "max-inline-size": "400px",
467
154
  "padding-block-end": "0.5rem",
468
155
  "padding-block-start": "0.5rem",
469
156
  "padding-inline-end": "0.75rem",
470
157
  "padding-inline-start": "0.75rem",
471
158
  "background-color": "#fff",
472
- "border-color": "#154273",
159
+ "border-color": "#76d2b6",
473
160
  "color": "#0F172A",
474
161
  "invalid": {
475
162
  "background-color": "#f9dfdd",
@@ -480,8 +167,12 @@
480
167
  "placeholder": {
481
168
  "color": "#64748B"
482
169
  },
483
- "border-block-end-width": "auto",
484
- "border-width": "1px",
170
+ "focus": {
171
+ "background-color": "#fff",
172
+ "border-color": "#76d2b6",
173
+ "color": "#0F172A",
174
+ "border-width": "2px"
175
+ },
485
176
  "disabled": {
486
177
  "background-color": "#CBD5E1",
487
178
  "border-color": "#94A3B8",
@@ -493,80 +184,24 @@
493
184
  "color": "#0F172A"
494
185
  },
495
186
  "hover": {
496
- "border-width": "1px",
497
187
  "background-color": "#fff",
498
- "border-color": "#738eab",
499
- "color": "#0F172A"
500
- }
501
- },
502
- "counter-badge": {
503
- "background-color": "#FDD370"
504
- },
505
- "skip-link": {
506
- "focus": {
507
- "background-color": "#FDD370",
508
- "border-color": "#154273",
509
- "border-style": "solid",
510
- "border-width": "2px",
188
+ "border-color": "#ACE4D3",
511
189
  "color": "#0F172A",
512
- "text-decoration": "None"
513
- },
514
- "font-weight": 700,
515
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
516
- "font-size": "1.25rem",
517
- "line-height": "150%",
518
- "min-block-size": "48px",
519
- "min-inline-size": "48px",
520
- "padding-block-end": "0.75rem",
521
- "padding-block-start": "0.75rem",
522
- "padding-inline-end": "1rem",
523
- "padding-inline-start": "1rem",
524
- "focus-visible": {
525
- "outline-color": "#000"
526
- },
527
- "background-color": "#154273",
528
- "border-color": "transparent",
529
- "color": "#fff",
530
- "border-width": "2px",
531
- "box-block-end-shadow": {
532
- "offset-x": 0,
533
- "offset-y": "16px",
534
- "blur-radius": "48px",
535
- "spread-radius": 0,
536
- "color": "#0000001a"
190
+ "border-width": "1px"
537
191
  },
538
- "text-decoration": "underline",
539
- "text-underline-offset": "0.125rem"
540
- },
541
- "icon": {
542
- "color": "inherit",
543
- "size": "24px",
544
- "inset-block-start": 0
545
- },
546
- "unordered-list": {
547
- "padding-inline-start": "1.5rem",
548
- "margin-block-end": "0.25rem",
549
- "margin-block-start": "0.25rem",
550
- "color": "#0F172A",
551
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
192
+ "border-radius": "2.5px",
193
+ "border-bottom-width": "1px",
194
+ "border-width": "1px",
195
+ "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
552
196
  "font-weight": 400,
553
- "font-size": "1.25rem",
554
197
  "line-height": "150%",
555
- "item": {
556
- "padding-inline-start": "0.5rem",
557
- "margin-block-end": "0.25rem",
558
- "margin-block-start": "0.25rem"
559
- },
560
- "marker": {
561
- "color": "#0F172A",
562
- "border-color": "#0F172A"
563
- }
198
+ "font-size": "1.25rem"
564
199
  },
565
200
  "table": {
566
201
  "header-cell": {
567
202
  "line-height": "150%",
568
203
  "color": "#0F172A",
569
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
204
+ "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
570
205
  "font-weight": 700,
571
206
  "font-size": "1.25rem"
572
207
  },
@@ -574,7 +209,7 @@
574
209
  "line-height": "125%",
575
210
  "margin-block-end": "1.5rem",
576
211
  "color": "#0F172A",
577
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
212
+ "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
578
213
  "font-weight": 700,
579
214
  "font-size": "1.875rem"
580
215
  },
@@ -587,7 +222,7 @@
587
222
  },
588
223
  "data-cell": {
589
224
  "color": "#0F172A",
590
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
225
+ "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
591
226
  "font-weight": 400,
592
227
  "line-height": "150%",
593
228
  "font-size": "1.25rem"
@@ -611,7 +246,7 @@
611
246
  "font-weight": 700,
612
247
  "font-size": "1.25rem",
613
248
  "color": "#0F172A",
614
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
249
+ "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
615
250
  "line-height": "150%"
616
251
  },
617
252
  "container": {
@@ -632,15 +267,166 @@
632
267
  },
633
268
  "font-size": "1.25rem"
634
269
  },
270
+ "skip-link": {
271
+ "font-weight": 700,
272
+ "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
273
+ "font-size": "1.25rem",
274
+ "line-height": "150%",
275
+ "min-block-size": "48px",
276
+ "min-inline-size": "48px",
277
+ "padding-block-end": "0.75rem",
278
+ "padding-block-start": "0.75rem",
279
+ "padding-inline-end": "1rem",
280
+ "padding-inline-start": "1rem",
281
+ "focus": {
282
+ "background-color": "#fff",
283
+ "border-color": "#76d2b6",
284
+ "border-style": "solid",
285
+ "border-width": "2px",
286
+ "color": "#0F172A",
287
+ "text-decoration": "None"
288
+ },
289
+ "focus-visible": {
290
+ "outline-color": "#000"
291
+ },
292
+ "background-color": "#76d2b6",
293
+ "border-color": "transparent",
294
+ "color": "#fff",
295
+ "border-width": "2px",
296
+ "box-block-end-shadow": {
297
+ "offset-x": 0,
298
+ "offset-y": "16px",
299
+ "blur-radius": "48px",
300
+ "spread-radius": 0,
301
+ "color": "#0000001a"
302
+ },
303
+ "text-decoration": "underline",
304
+ "text-underline-offset": "0.125rem"
305
+ },
635
306
  "separator": {
636
307
  "color": "#CBD5E1",
637
308
  "block-size": "2px",
638
309
  "margin-block-end": "0.75rem",
639
310
  "margin-block-start": "0.75rem"
640
311
  },
312
+ "select": {
313
+ "image-background-position": "right 0.5rem center",
314
+ "icon": {
315
+ "size": "24px"
316
+ },
317
+ "background-color": "#fff",
318
+ "border-color": "#76d2b6",
319
+ "color": "#0F172A",
320
+ "invalid": {
321
+ "background-color": "#f9dfdd",
322
+ "border-color": "#d52b1e",
323
+ "color": "#0F172A",
324
+ "border-width": "1px"
325
+ },
326
+ "focus": {
327
+ "background-color": "#fff",
328
+ "border-color": "#76d2b6",
329
+ "color": "#0F172A",
330
+ "border-width": "2px"
331
+ },
332
+ "disabled": {
333
+ "background-color": "#CBD5E1",
334
+ "border-color": "#94A3B8",
335
+ "color": "#475569"
336
+ },
337
+ "hover": {
338
+ "background-color": "#fff",
339
+ "border-color": "#ACE4D3",
340
+ "color": "#0F172A",
341
+ "border-width": "1px"
342
+ },
343
+ "padding-block-end": "0.5rem",
344
+ "padding-block-start": "0.5rem",
345
+ "padding-inline-end": "0.75rem",
346
+ "padding-inline-start": "0.75rem",
347
+ "border-radius": "2.5px",
348
+ "border-bottom-width": "auto",
349
+ "border-width": "1px",
350
+ "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
351
+ "font-weight": 400,
352
+ "line-height": "150%",
353
+ "font-size": "1.25rem",
354
+ "max-inline-size": "400px"
355
+ },
356
+ "radio-button": {
357
+ "active": {
358
+ "border-width": "1px",
359
+ "background-color": "#fff",
360
+ "border-color": "#98DDC8"
361
+ },
362
+ "size": "24px",
363
+ "dot": {
364
+ "size": "12px"
365
+ },
366
+ "background-color": "#fff",
367
+ "border-color": "#76d2b6",
368
+ "invalid": {
369
+ "background-color": "#f9dfdd",
370
+ "border-color": "#d52b1e",
371
+ "border-width": "1px"
372
+ },
373
+ "focus": {
374
+ "background-color": "#fff",
375
+ "border-color": "#76d2b6",
376
+ "border-width": "2px"
377
+ },
378
+ "disabled": {
379
+ "background-color": "#CBD5E1",
380
+ "border-color": "#94A3B8",
381
+ "color": "#475569"
382
+ },
383
+ "checked": {
384
+ "background-color": "#76d2b6",
385
+ "border-color": "transparent",
386
+ "color": "#fff",
387
+ "hover": {
388
+ "background-color": "#ACE4D3",
389
+ "border-color": "transparent",
390
+ "color": "#fff",
391
+ "border-width": "1px"
392
+ },
393
+ "active": {
394
+ "background-color": "#98DDC8",
395
+ "border-color": "transparent",
396
+ "color": "#fff",
397
+ "border-width": "1px"
398
+ },
399
+ "focus": {
400
+ "background-color": "#fff",
401
+ "border-color": "#76d2b6",
402
+ "color": "#76d2b6",
403
+ "border-width": "2px"
404
+ },
405
+ "disabled": {
406
+ "background-color": "#CBD5E1",
407
+ "border-color": "#94A3B8",
408
+ "color": "#475569"
409
+ },
410
+ "border-width": "1px"
411
+ },
412
+ "hover": {
413
+ "background-color": "#fff",
414
+ "border-color": "#ACE4D3",
415
+ "border-width": "1px"
416
+ },
417
+ "border-radius": "999px",
418
+ "border-width": "1px"
419
+ },
420
+ "pre-heading": {
421
+ "color": "#0F172A",
422
+ "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
423
+ "font-weight": 700,
424
+ "line-height": "125%",
425
+ "font-size": "1rem"
426
+ },
641
427
  "paragraph": {
642
428
  "color": "#0F172A",
643
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
429
+ "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
644
430
  "font-size": "1.25rem",
645
431
  "font-weight": 400,
646
432
  "line-height": "150%",
@@ -663,28 +449,62 @@
663
449
  "margin-block-end": "0.25rem",
664
450
  "margin-block-start": "0.25rem"
665
451
  },
666
- "color": "#0F172A",
667
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
452
+ "color": "#0F172A",
453
+ "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
454
+ "font-weight": 400,
455
+ "font-size": "1.25rem",
456
+ "line-height": "150%"
457
+ },
458
+ "link-list": {
459
+ "margin-block-start": 0,
460
+ "row-gap": "0.5rem",
461
+ "margin-block-end": 0,
462
+ "item": {
463
+ "column-gap": "0.5rem",
464
+ "text-decoration": "None"
465
+ },
466
+ "icon": {
467
+ "size": "24px",
468
+ "inset-block-start": "0.188rem"
469
+ }
470
+ },
471
+ "link": {
472
+ "color": "#01689b",
473
+ "text-decoration-color": "#01689b",
474
+ "active": {
475
+ "color": "#42145f",
476
+ "text-decoration": "None"
477
+ },
478
+ "focus": {
479
+ "background-color": "transparent",
480
+ "color": "#01689b",
481
+ "text-decoration": "None",
482
+ "text-decoration-thickness": "auto"
483
+ },
484
+ "hover": {
485
+ "color": "#01496c",
486
+ "text-decoration": "None",
487
+ "text-decoration-thickness": "auto"
488
+ },
489
+ "visited": {
490
+ "color": "#42145f"
491
+ },
492
+ "text-decoration": "underline",
493
+ "icon": {
494
+ "inset-block-start": "0.25rem",
495
+ "size": "24px"
496
+ },
497
+ "column-gap": "0.25rem",
498
+ "text-decoration-thickness": "auto",
499
+ "text-underline-offset": "0.125rem",
500
+ "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
668
501
  "font-weight": 400,
669
502
  "font-size": "1.25rem",
670
503
  "line-height": "150%"
671
504
  },
672
- "link-list": {
673
- "margin-block-start": 0,
674
- "row-gap": "0.5rem",
675
- "margin-block-end": 0,
676
- "item": {
677
- "column-gap": "0.5rem",
678
- "text-decoration": "None"
679
- },
680
- "icon": {
681
- "size": "24px",
682
- "inset-block-start": "0.188rem"
683
- }
684
- },
685
505
  "heading-1": {
686
- "color": "#154273",
687
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
506
+ "color": "#76d2b6",
507
+ "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
688
508
  "font-weight": 700,
689
509
  "line-height": "125%",
690
510
  "font-size": "3.125rem",
@@ -692,8 +512,8 @@
692
512
  "margin-block-start": 0
693
513
  },
694
514
  "heading-2": {
695
- "color": "#154273",
696
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
515
+ "color": "#76d2b6",
516
+ "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
697
517
  "font-weight": 700,
698
518
  "line-height": "125%",
699
519
  "font-size": "2.5rem",
@@ -701,8 +521,8 @@
701
521
  "margin-block-start": 0
702
522
  },
703
523
  "heading-3": {
704
- "color": "#154273",
705
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
524
+ "color": "#76d2b6",
525
+ "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
706
526
  "font-weight": 700,
707
527
  "line-height": "125%",
708
528
  "font-size": "1.875rem",
@@ -710,8 +530,8 @@
710
530
  "margin-block-start": 0
711
531
  },
712
532
  "heading-4": {
713
- "color": "#154273",
714
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
533
+ "color": "#76d2b6",
534
+ "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
715
535
  "font-weight": 700,
716
536
  "line-height": "125%",
717
537
  "font-size": "1.5rem",
@@ -719,8 +539,8 @@
719
539
  "margin-block-start": 0
720
540
  },
721
541
  "heading-5": {
722
- "color": "#154273",
723
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
542
+ "color": "#76d2b6",
543
+ "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
724
544
  "font-weight": 700,
725
545
  "line-height": "125%",
726
546
  "font-size": "1.25rem",
@@ -734,7 +554,7 @@
734
554
  },
735
555
  "form-field-label": {
736
556
  "color": "#0F172A",
737
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
557
+ "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
738
558
  "font-size": "1.25rem",
739
559
  "font-weight": 700,
740
560
  "line-height": "150%"
@@ -745,7 +565,7 @@
745
565
  "margin-inline-end": "0.5rem"
746
566
  },
747
567
  "color": "#d52b1e",
748
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
568
+ "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
749
569
  "font-size": "1.25rem",
750
570
  "font-weight": 400,
751
571
  "margin-block-end": "0.5rem",
@@ -753,7 +573,7 @@
753
573
  },
754
574
  "form-field-description": {
755
575
  "color": "#334155",
756
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
576
+ "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
757
577
  "font-size": "1.25rem",
758
578
  "line-height": "150%",
759
579
  "margin-block-start": "-0.5rem",
@@ -776,7 +596,7 @@
776
596
  }
777
597
  },
778
598
  "page-footer": {
779
- "background-color": "#154273",
599
+ "background-color": "#76d2b6",
780
600
  "color": "#fff",
781
601
  "padding-block-start": "3rem",
782
602
  "padding-block-end": "3rem",
@@ -804,50 +624,288 @@
804
624
  "form-fieldset": {
805
625
  "legend": {
806
626
  "color": "#0F172A",
807
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
627
+ "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
808
628
  "font-size": "1.25rem",
809
629
  "font-weight": 700,
810
630
  "line-height": "150%",
811
631
  "disabled": {
812
- "color": "#334155"
632
+ "color": "#334155"
633
+ }
634
+ },
635
+ "section": {
636
+ "background-color": "transparent",
637
+ "color": "#0F172A"
638
+ },
639
+ "invalid": {
640
+ "border-inline-start": {
641
+ "color": "#d52b1e"
642
+ },
643
+ "padding-inline-start": 0,
644
+ "border-inline-start-width": "0px"
645
+ }
646
+ },
647
+ "number-badge": {
648
+ "font-size": "1.25rem",
649
+ "line-height": "150%",
650
+ "min-block-size": "24px",
651
+ "min-inline-size": "24px",
652
+ "font-weight": 700,
653
+ "border-width": "0px",
654
+ "border-radius": "999px",
655
+ "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
656
+ "background-color": "#76d2b6",
657
+ "border-color": "transparent",
658
+ "color": "#fff",
659
+ "padding-inline": "0.5rem",
660
+ "padding-block": "0.5rem"
661
+ },
662
+ "checkbox": {
663
+ "border-radius": "2.5px",
664
+ "size": "24px",
665
+ "icon": {
666
+ "size": "24px"
667
+ },
668
+ "background-color": "#fff",
669
+ "border-color": "#76d2b6",
670
+ "invalid": {
671
+ "background-color": "#f9dfdd",
672
+ "border-color": "#d52b1e",
673
+ "border-width": "1px"
674
+ },
675
+ "focus": {
676
+ "background-color": "#fff",
677
+ "border-color": "#76d2b6",
678
+ "border-width": "2px"
679
+ },
680
+ "disabled": {
681
+ "background-color": "#CBD5E1",
682
+ "border-color": "#94A3B8"
683
+ },
684
+ "checked": {
685
+ "background-color": "#76d2b6",
686
+ "border-color": "transparent",
687
+ "color": "#fff",
688
+ "border-width": "1px",
689
+ "disabled": {
690
+ "background-color": "#CBD5E1",
691
+ "border-color": "#94A3B8",
692
+ "color": "#475569"
693
+ },
694
+ "focus": {
695
+ "border-width": "2px",
696
+ "background-color": "#fff",
697
+ "border-color": "#76d2b6",
698
+ "color": "#76d2b6"
699
+ },
700
+ "hover": {
701
+ "border-width": "1px",
702
+ "background-color": "#ACE4D3",
703
+ "border-color": "transparent",
704
+ "color": "#fff"
705
+ },
706
+ "active": {
707
+ "border-width": "1px",
708
+ "background-color": "#98DDC8",
709
+ "border-color": "transparent",
710
+ "color": "#fff"
711
+ }
712
+ },
713
+ "indeterminate": {
714
+ "background-color": "#76d2b6",
715
+ "border-color": "transparent",
716
+ "color": "#fff",
717
+ "border-width": "1px",
718
+ "disabled": {
719
+ "background-color": "#CBD5E1",
720
+ "border-color": "#94A3B8",
721
+ "color": "#475569"
722
+ },
723
+ "active": {
724
+ "background-color": "#98DDC8",
725
+ "border-color": "transparent",
726
+ "color": "#fff",
727
+ "border-width": "1px"
728
+ },
729
+ "hover": {
730
+ "background-color": "#ACE4D3",
731
+ "border-color": "transparent",
732
+ "color": "#fff",
733
+ "border-width": "1px"
734
+ },
735
+ "focus": {
736
+ "background-color": "#fff",
737
+ "border-color": "#76d2b6",
738
+ "color": "#76d2b6",
739
+ "border-width": "2px"
740
+ }
741
+ },
742
+ "border-width": "1px",
743
+ "hover": {
744
+ "border-width": "1px",
745
+ "background-color": "#fff",
746
+ "border-color": "#ACE4D3"
747
+ },
748
+ "active": {
749
+ "border-width": "1px",
750
+ "background-color": "#fff",
751
+ "border-color": "#98DDC8"
752
+ }
753
+ },
754
+ "button-group": {
755
+ "background-color": "transparent",
756
+ "column-gap": "0.5rem",
757
+ "margin-block-end": "0px",
758
+ "margin-block-start": "0px",
759
+ "padding-block-end": "0px",
760
+ "padding-block-start": "0px",
761
+ "row-gap": "0.5rem"
762
+ },
763
+ "button": {
764
+ "background-color": "#0F172A",
765
+ "border-color": "transparent",
766
+ "color": "#fff",
767
+ "border-radius": "5px",
768
+ "border-width": "1px",
769
+ "icon": {
770
+ "gap": "0.5rem",
771
+ "size": "24px"
772
+ },
773
+ "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
774
+ "font-size": "1.25rem",
775
+ "font-weight": 700,
776
+ "line-height": "150%",
777
+ "padding-block-end": "0.5rem",
778
+ "padding-block-start": "0.5rem",
779
+ "padding-inline-end": "1rem",
780
+ "padding-inline-start": "1rem",
781
+ "disabled": {
782
+ "background-color": "#E2E8F0",
783
+ "border-color": "transparent",
784
+ "color": "#94A3B8"
785
+ },
786
+ "focus": {
787
+ "background-color": "#475569",
788
+ "border-color": "transparent",
789
+ "color": "#fff"
790
+ },
791
+ "hover": {
792
+ "background-color": "#475569",
793
+ "border-color": "transparent",
794
+ "color": "#fff"
795
+ },
796
+ "active": {
797
+ "background-color": "#1E293B",
798
+ "border-color": "transparent",
799
+ "color": "#fff"
800
+ },
801
+ "min-block-size": "48px",
802
+ "min-inline-size": "48px",
803
+ "column-gap": "0.5rem",
804
+ "primary-action": {
805
+ "hover": {
806
+ "background-color": "#528e7c",
807
+ "border-color": "transparent",
808
+ "color": "#fff"
809
+ },
810
+ "background-color": "#76d2b6",
811
+ "border-color": "transparent",
812
+ "color": "#fff",
813
+ "disabled": {
814
+ "background-color": "#d6f2e9",
815
+ "border-color": "transparent",
816
+ "color": "#98DDC8"
817
+ },
818
+ "focus": {
819
+ "background-color": "#528e7c",
820
+ "border-color": "transparent",
821
+ "color": "#fff"
822
+ },
823
+ "font-weight": 700,
824
+ "active": {
825
+ "background-color": "#477e6d",
826
+ "border-color": "transparent",
827
+ "color": "#fff"
828
+ },
829
+ "font-size": "1.25rem",
830
+ "line-height": "1.875rem",
831
+ "pressed": {
832
+ "background-color": "#477869",
833
+ "border-color": "transparent",
834
+ "color": "#fff"
835
+ }
836
+ },
837
+ "secondary-action": {
838
+ "hover": {
839
+ "background-color": "#eaf8f4",
840
+ "border-color": "#528e7c",
841
+ "color": "#528e7c"
842
+ },
843
+ "background-color": "transparent",
844
+ "border-color": "#76d2b6",
845
+ "color": "#76d2b6",
846
+ "disabled": {
847
+ "background-color": "transparent",
848
+ "border-color": "#C1EBDE",
849
+ "color": "#ACE4D3"
850
+ },
851
+ "focus": {
852
+ "background-color": "#eaf8f4",
853
+ "border-color": "transparent",
854
+ "color": "#528e7c"
855
+ },
856
+ "font-weight": 700,
857
+ "active": {
858
+ "background-color": "#C1EBDE",
859
+ "border-color": "#477869",
860
+ "color": "#528e7c"
861
+ },
862
+ "font-size": "1.25rem",
863
+ "line-height": "1.875rem",
864
+ "pressed": {
865
+ "background-color": "#d6f2e9",
866
+ "border-color": "#477869",
867
+ "color": "#477869"
868
+ }
869
+ },
870
+ "subtle": {
871
+ "font-size": "1.25rem",
872
+ "font-weight": 700,
873
+ "hover": {
874
+ "background-color": "#eaf8f4",
875
+ "border-color": "transparent",
876
+ "color": "#528e7c"
877
+ },
878
+ "background-color": "transparent",
879
+ "border-color": "transparent",
880
+ "color": "#76d2b6",
881
+ "disabled": {
882
+ "background-color": "transparent",
883
+ "border-color": "transparent",
884
+ "color": "#d6f2e9"
885
+ },
886
+ "focus": {
887
+ "background-color": "#eaf8f4",
888
+ "border-color": "transparent",
889
+ "color": "#528e7c"
890
+ },
891
+ "active": {
892
+ "background-color": "#C1EBDE",
893
+ "border-color": "transparent",
894
+ "color": "#477e6d"
895
+ },
896
+ "line-height": "1.875rem",
897
+ "pressed": {
898
+ "background-color": "#d6f2e9",
899
+ "border-color": "transparent",
900
+ "color": "#477869"
813
901
  }
814
902
  },
815
- "section": {
816
- "background-color": "transparent",
817
- "color": "#0F172A"
818
- },
819
- "invalid": {
820
- "border-inline-start": {
821
- "color": "#d52b1e"
822
- },
823
- "padding-inline-start": 0,
824
- "border-inline-start-width": "0px"
903
+ "pressed": {
904
+ "background-color": "#1E293B",
905
+ "border-color": "transparent",
906
+ "color": "#fff"
825
907
  }
826
908
  },
827
- "number-badge": {
828
- "font-size": "1.25rem",
829
- "line-height": "150%",
830
- "min-block-size": "24px",
831
- "min-inline-size": "24px",
832
- "font-weight": 700,
833
- "border-width": "0px",
834
- "border-radius": "999px",
835
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
836
- "background-color": "#154273",
837
- "border-color": "transparent",
838
- "color": "#fff",
839
- "padding-inline": "0.5rem",
840
- "padding-block": "0.5rem"
841
- },
842
- "button-group": {
843
- "background-color": "transparent",
844
- "column-gap": "0.5rem",
845
- "margin-block-end": "0px",
846
- "margin-block-start": "0px",
847
- "padding-block-end": "0px",
848
- "padding-block-start": "0px",
849
- "row-gap": "0.5rem"
850
- },
851
909
  "breadcrumb-nav": {
852
910
  "line-height": 1.4,
853
911
  "font-size": "1.25rem",
@@ -886,78 +944,15 @@
886
944
  "inset-block-start": 0
887
945
  },
888
946
  "margin-inline": "0.5rem",
889
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
947
+ "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
890
948
  "font-weight": 400
891
949
  },
892
- "blockquote": {
893
- "caption": {
894
- "font-size": "1.25rem",
895
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
896
- "line-height": "150%",
897
- "font-weight": 400,
898
- "padding-block-start": "0.75rem",
899
- "color": "#334155"
900
- },
901
- "content": {
902
- "font-family": "RijksoverheidSerifWeb, 'Times New Roman', serif",
903
- "line-height": "150%",
904
- "font-weight": 400,
905
- "font-size": "1.5rem",
906
- "color": "#0F172A"
907
- },
908
- "margin-block-end": 0,
909
- "margin-block-start": 0,
910
- "margin-inline-end": 0,
911
- "margin-inline-start": 0,
912
- "padding-block-end": "2rem",
913
- "padding-block-start": "2rem",
914
- "padding-inline-end": "2rem",
915
- "padding-inline-start": "2rem",
916
- "row-gap": "0.75rem",
917
- "background-color": "transparent",
918
- "border-color": "#76d2b6",
919
- "border-block-start-width": 0,
920
- "border-block-end-width": 0,
921
- "border-inline-start-width": 0,
922
- "border-inline-end-width": 0,
923
- "border-start-start-radius": 0,
924
- "border-start-end-radius": 0,
925
- "border-end-start-radius": 0,
926
- "border-end-end-radius": 0,
927
- "border-width": "2px",
928
- "blue-corner-border-variation": {
929
- "border-color": "#76d2b6",
930
- "border-block-end-width": "2px",
931
- "border-inline-end-width": "2px",
932
- "border-end-end-radius": "3rem"
933
- },
934
- "pink-background-variation": {
935
- "background-color": "#F6BDE1",
936
- "border-end-start-radius": "3rem",
937
- "padding": "2.5rem"
938
- },
939
- "pink-left-border-variation": {
940
- "border-color": "#F6BDE1",
941
- "border-inline-start-width": "0.75rem",
942
- "padding-inline-start": "2.5rem",
943
- "padding-inline-end": "2.5rem",
944
- "padding-block-start": "1.5rem",
945
- "padding-block-end": "1.5rem"
946
- },
947
- "pink-corner-border-variation": {
948
- "border-color": "#F6BDE1",
949
- "border-block-start-width": "0.25rem",
950
- "border-inline-start-width": "0.25rem",
951
- "border-start-start-radius": "3rem",
952
- "padding": "2.5rem"
953
- }
954
- },
955
950
  "article": {
956
951
  "max-inline-size": "75ch"
957
952
  },
958
953
  "alert": {
959
954
  "heading": {
960
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
955
+ "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
961
956
  "font-weight": 700,
962
957
  "line-height": "150%",
963
958
  "font-size": "1.25rem"
@@ -1015,10 +1010,46 @@
1015
1010
  },
1016
1011
  "border-radius": "5px"
1017
1012
  },
1013
+ "accordion": {
1014
+ "panel": {
1015
+ "border-color": "#94A3B8",
1016
+ "border-width": 0,
1017
+ "padding-block-end": "1.5rem",
1018
+ "padding-block-start": "1rem",
1019
+ "padding-inline-end": "1rem",
1020
+ "padding-inline-start": "1rem"
1021
+ },
1022
+ "button": {
1023
+ "gap": "0.5rem",
1024
+ "icon": {
1025
+ "size": "24px"
1026
+ },
1027
+ "hover": {
1028
+ "background-color": "#F8FAFC",
1029
+ "border-color": "#94A3B8",
1030
+ "color": "#0F172A"
1031
+ },
1032
+ "background-color": "#fff",
1033
+ "border-color": "#94A3B8",
1034
+ "border-width": 0,
1035
+ "color": "#0F172A",
1036
+ "focus": {
1037
+ "background-color": "#eaf8f4",
1038
+ "border-color": "#76d2b6",
1039
+ "color": "#0F172A"
1040
+ },
1041
+ "active": {
1042
+ "background-color": "#F1F5F9",
1043
+ "border-color": "#94A3B8",
1044
+ "color": "#0F172A",
1045
+ "row-gap": 0
1046
+ }
1047
+ }
1048
+ },
1018
1049
  "document": {
1019
1050
  "background-color": "#fff",
1020
1051
  "color": "#0F172A",
1021
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
1052
+ "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1022
1053
  "font-size": "1.25rem",
1023
1054
  "line-height": "150%",
1024
1055
  "font-weight": 400
@@ -1044,7 +1075,7 @@
1044
1075
  "min-size": "48px"
1045
1076
  },
1046
1077
  "focus": {
1047
- "outline-color": "#76d2b6",
1078
+ "outline-color": "#000",
1048
1079
  "outline-offset": "0.125rem",
1049
1080
  "outline-style": "solid",
1050
1081
  "outline-width": "2px",
@@ -1054,6 +1085,45 @@
1054
1085
  }
1055
1086
  },
1056
1087
  "rhc": {
1088
+ "keep": {
1089
+ "_comment": "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset components/blockquote.",
1090
+ "top-left": {
1091
+ "borderRadiusTopLeft": "48px",
1092
+ "borderRadiusTopRight": 0,
1093
+ "borderRadiusBottomRight": 0,
1094
+ "borderRadiusBottomLeft": 0
1095
+ },
1096
+ "top-right": {
1097
+ "borderRadiusTopRight": "48px",
1098
+ "borderRadiusTopLeft": 0,
1099
+ "borderRadiusBottomRight": 0,
1100
+ "borderRadiusBottomLeft": 0
1101
+ },
1102
+ "bottom-right": {
1103
+ "borderRadiusTopLeft": 0,
1104
+ "borderRadiusTopRight": 0,
1105
+ "borderRadiusBottomRight": "48px",
1106
+ "borderRadiusBottomLeft": 0
1107
+ },
1108
+ "bottom-left": {
1109
+ "borderRadiusTopLeft": 0,
1110
+ "borderRadiusTopRight": 0,
1111
+ "borderRadiusBottomRight": 0,
1112
+ "borderRadiusBottomLeft": "48px"
1113
+ }
1114
+ },
1115
+ "rounded-corner": {
1116
+ "xs": {
1117
+ "border-radius": "24px"
1118
+ },
1119
+ "md": {
1120
+ "border-radius": "48px"
1121
+ },
1122
+ "xl": {
1123
+ "border-radius": "96px"
1124
+ },
1125
+ "border-width": "2px"
1126
+ },
1057
1127
  "color": {
1058
1128
  "primary": {
1059
1129
  "50": "#eaf8f4",
@@ -1065,13 +1135,15 @@
1065
1135
  "hover": "#528e7c"
1066
1136
  },
1067
1137
  "focus": {
1068
- "outline": "#76d2b6"
1138
+ "outline": "#000"
1069
1139
  },
1070
1140
  "foreground": {
1071
1141
  "default": "#0F172A",
1072
1142
  "subdued": "#334155",
1073
- "onEmphasis": "#fff",
1074
- "link": "#01689b"
1143
+ "link": "#01689b",
1144
+ "on-dark-color": "#fff",
1145
+ "on-light-color": "#000",
1146
+ "onEmphasis": "#fff"
1075
1147
  },
1076
1148
  "border": {
1077
1149
  "default": "#64748B",
@@ -1100,6 +1172,9 @@
1100
1172
  "accent": {
1101
1173
  "500": "#8fcae7"
1102
1174
  },
1175
+ "accent-2": {
1176
+ "500": "#f092cd"
1177
+ },
1103
1178
  "cool-grey": {
1104
1179
  "50": "#F8FAFC",
1105
1180
  "100": "#F1F5F9",
@@ -1309,7 +1384,7 @@
1309
1384
  "margin-inline": "0.5rem"
1310
1385
  },
1311
1386
  "font-size": "1.25rem",
1312
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
1387
+ "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1313
1388
  "font-weight": 400,
1314
1389
  "current": {
1315
1390
  "font-weight": 700,
@@ -1324,7 +1399,7 @@
1324
1399
  "border-radius": "5px",
1325
1400
  "border-width": "2px",
1326
1401
  "border-style": "solid",
1327
- "border-color": "#154273",
1402
+ "border-color": "#76d2b6",
1328
1403
  "background-color": "none",
1329
1404
  "color": "#01689b",
1330
1405
  "text-decoration": "None"
@@ -1362,7 +1437,7 @@
1362
1437
  "row-gap": "0.25rem"
1363
1438
  },
1364
1439
  "label": {
1365
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
1440
+ "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1366
1441
  "font-size": "1.875rem",
1367
1442
  "font-weight": 700,
1368
1443
  "line-height": "150%"
@@ -1374,7 +1449,7 @@
1374
1449
  "background-color": "#F8FAFC"
1375
1450
  },
1376
1451
  "focus": {
1377
- "background-color": "#dce3ea"
1452
+ "background-color": "#eaf8f4"
1378
1453
  },
1379
1454
  "background-color": "#fff",
1380
1455
  "color": "#334155",
@@ -1454,7 +1529,7 @@
1454
1529
  "row-gap": "0.5rem"
1455
1530
  },
1456
1531
  "label": {
1457
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
1532
+ "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1458
1533
  "font-size": "1.25rem",
1459
1534
  "font-weight": 700,
1460
1535
  "line-height": "150%"
@@ -1483,7 +1558,7 @@
1483
1558
  "font-size": "0.775rem"
1484
1559
  },
1485
1560
  "column-gap": "12px",
1486
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
1561
+ "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1487
1562
  "color": "#154273"
1488
1563
  },
1489
1564
  "link-list-card": {
@@ -1508,16 +1583,16 @@
1508
1583
  "font-weight": 700,
1509
1584
  "line-height": "125%",
1510
1585
  "font-size": "1.875rem",
1511
- "font-family": "Fira Sans, Arial, Verdana, sans-serif"
1586
+ "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif"
1512
1587
  },
1513
1588
  "sub-heading": {
1514
1589
  "font-weight": 400,
1515
1590
  "line-height": "150%",
1516
1591
  "font-size": "1.25rem",
1517
- "font-family": "Fira Sans, Arial, Verdana, sans-serif"
1592
+ "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif"
1518
1593
  },
1519
1594
  "message": {
1520
- "background-color": "#154273",
1595
+ "background-color": "#76d2b6",
1521
1596
  "color": "#fff",
1522
1597
  "row-gap": "0.125rem",
1523
1598
  "padding-block-end": "1rem",
@@ -1564,7 +1639,7 @@
1564
1639
  "border": {
1565
1640
  "block-start": {
1566
1641
  "width": "2px",
1567
- "color": "#738eab",
1642
+ "color": "#ACE4D3",
1568
1643
  "style": "solid"
1569
1644
  }
1570
1645
  },
@@ -1595,7 +1670,7 @@
1595
1670
  },
1596
1671
  "file": {
1597
1672
  "border-style": "solid",
1598
- "border-color": "#154273",
1673
+ "border-color": "#76d2b6",
1599
1674
  "border-width": "1px",
1600
1675
  "border-radius": "5px",
1601
1676
  "padding-inline-start": "1rem",
@@ -1635,7 +1710,7 @@
1635
1710
  "column-gap": "1rem",
1636
1711
  "inline-size": "328px",
1637
1712
  "icon": {
1638
- "color": "#154273",
1713
+ "color": "#76d2b6",
1639
1714
  "size": "24px"
1640
1715
  },
1641
1716
  "link": {
@@ -1668,7 +1743,7 @@
1668
1743
  "text-decoration": "underline"
1669
1744
  },
1670
1745
  "focus": {
1671
- "background-color": "#dce3ea",
1746
+ "background-color": "#eaf8f4",
1672
1747
  "text-decoration": "underline"
1673
1748
  },
1674
1749
  "full-bleed": {
@@ -1678,13 +1753,13 @@
1678
1753
  "opacity": 0.5
1679
1754
  },
1680
1755
  "heading": {
1681
- "color": "#154273",
1756
+ "color": "#76d2b6",
1682
1757
  "padding-block-start": "0.5rem",
1683
1758
  "font-size": "1.5rem",
1684
1759
  "font-weight": 700
1685
1760
  },
1686
1761
  "horizontal": {
1687
- "background-color": "#154273",
1762
+ "background-color": "#76d2b6",
1688
1763
  "border-color": "transparent",
1689
1764
  "color": "#fff",
1690
1765
  "max-block-size": "96px",
@@ -1699,7 +1774,7 @@
1699
1774
  },
1700
1775
  "accordion": {
1701
1776
  "button": {
1702
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
1777
+ "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1703
1778
  "font-size": "1.25rem",
1704
1779
  "font-weight": 400,
1705
1780
  "line-height": "150%",
@@ -1726,36 +1801,9 @@
1726
1801
  "border-radius": "0px",
1727
1802
  "color": "#0F172A"
1728
1803
  },
1729
- "keep": {
1730
- "top-left": {
1731
- "borderRadiusTopLeft": "48px",
1732
- "borderRadiusTopRight": 0,
1733
- "borderRadiusBottomRight": 0,
1734
- "borderRadiusBottomLeft": 0
1735
- },
1736
- "top-right": {
1737
- "borderRadiusTopRight": "48px",
1738
- "borderRadiusTopLeft": 0,
1739
- "borderRadiusBottomRight": 0,
1740
- "borderRadiusBottomLeft": 0
1741
- },
1742
- "bottom-right": {
1743
- "borderRadiusTopLeft": 0,
1744
- "borderRadiusTopRight": 0,
1745
- "borderRadiusBottomRight": "48px",
1746
- "borderRadiusBottomLeft": 0
1747
- },
1748
- "bottom-left": {
1749
- "borderRadiusTopLeft": 0,
1750
- "borderRadiusTopRight": 0,
1751
- "borderRadiusBottomRight": 0,
1752
- "borderRadiusBottomLeft": "48px"
1753
- }
1754
- },
1755
1804
  "border-radius": {
1756
1805
  "sm": "2.5px",
1757
1806
  "md": "5px",
1758
- "keep": "48px",
1759
1807
  "circle": "999px",
1760
1808
  "none": "0px"
1761
1809
  },
@@ -1829,7 +1877,7 @@
1829
1877
  "thin": 200
1830
1878
  },
1831
1879
  "font-family": {
1832
- "primary": "Fira Sans, Arial, Verdana, sans-serif",
1880
+ "primary": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1833
1881
  "secondary": "RijksoverheidSerifWeb, 'Times New Roman', serif"
1834
1882
  },
1835
1883
  "border-width": {
@@ -1851,40 +1899,10 @@
1851
1899
  "700": "3.5rem"
1852
1900
  }
1853
1901
  },
1854
- "overwrite": {
1855
- "focus": {
1856
- "background": "#FDD370"
1857
- }
1858
- },
1859
- "todo": {
1860
- "nav-bar": {
1861
- "link": {
1862
- "focus": {
1863
- "background-color": "#FDD370"
1864
- }
1865
- }
1866
- },
1867
- "pagination": {
1868
- "page-link": {
1869
- "focus": {
1870
- "background-color": "#FDD370"
1871
- }
1872
- }
1873
- }
1874
- },
1875
- "denhaag": {
1876
- "sidenav": {
1877
- "link": {
1878
- "focus": {
1879
- "background-color": "#FDD370"
1880
- }
1881
- }
1882
- }
1883
- },
1884
1902
  "nl": {
1885
1903
  "skip-link": {
1886
1904
  "font-weight": 700,
1887
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
1905
+ "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1888
1906
  "font-size": "1.25rem",
1889
1907
  "line-height": "150%",
1890
1908
  "min-block-size": "48px",
@@ -1895,7 +1913,7 @@
1895
1913
  "padding-inline-start": "1rem",
1896
1914
  "focus": {
1897
1915
  "background-color": "#fff",
1898
- "border-color": "#154273",
1916
+ "border-color": "#76d2b6",
1899
1917
  "border-style": "solid",
1900
1918
  "border-width": "2px",
1901
1919
  "color": "#0F172A",
@@ -1904,7 +1922,7 @@
1904
1922
  "focus-visible": {
1905
1923
  "outline-color": "#000"
1906
1924
  },
1907
- "background-color": "#154273",
1925
+ "background-color": "#76d2b6",
1908
1926
  "border-color": "transparent",
1909
1927
  "color": "#fff",
1910
1928
  "border-width": "2px",
@@ -1920,7 +1938,7 @@
1920
1938
  },
1921
1939
  "paragraph": {
1922
1940
  "color": "#0F172A",
1923
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
1941
+ "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1924
1942
  "font-size": "1.25rem",
1925
1943
  "font-weight": 400,
1926
1944
  "line-height": "150%",
@@ -1962,14 +1980,14 @@
1962
1980
  "column-gap": "0.25rem",
1963
1981
  "text-decoration-thickness": "auto",
1964
1982
  "text-underline-offset": "0.125rem",
1965
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
1983
+ "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1966
1984
  "font-weight": 400,
1967
1985
  "font-size": "1.25rem",
1968
1986
  "line-height": "150%"
1969
1987
  },
1970
1988
  "heading-level-1": {
1971
- "color": "#154273",
1972
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
1989
+ "color": "#76d2b6",
1990
+ "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1973
1991
  "font-weight": 700,
1974
1992
  "line-height": "125%",
1975
1993
  "font-size": "3.125rem",
@@ -1977,8 +1995,8 @@
1977
1995
  "margin-block-start": 0
1978
1996
  },
1979
1997
  "heading-level-2": {
1980
- "color": "#154273",
1981
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
1998
+ "color": "#76d2b6",
1999
+ "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1982
2000
  "font-weight": 700,
1983
2001
  "line-height": "125%",
1984
2002
  "font-size": "2.5rem",
@@ -1986,8 +2004,8 @@
1986
2004
  "margin-block-start": 0
1987
2005
  },
1988
2006
  "heading-level-3": {
1989
- "color": "#154273",
1990
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
2007
+ "color": "#76d2b6",
2008
+ "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1991
2009
  "font-weight": 700,
1992
2010
  "line-height": "125%",
1993
2011
  "font-size": "1.875rem",
@@ -1995,8 +2013,8 @@
1995
2013
  "margin-block-start": 0
1996
2014
  },
1997
2015
  "heading-level-4": {
1998
- "color": "#154273",
1999
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
2016
+ "color": "#76d2b6",
2017
+ "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
2000
2018
  "font-weight": 700,
2001
2019
  "line-height": "125%",
2002
2020
  "font-size": "1.5rem",
@@ -2004,8 +2022,8 @@
2004
2022
  "margin-block-start": 0
2005
2023
  },
2006
2024
  "heading-level-5": {
2007
- "color": "#154273",
2008
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
2025
+ "color": "#76d2b6",
2026
+ "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
2009
2027
  "font-weight": 700,
2010
2028
  "line-height": "125%",
2011
2029
  "font-size": "1.25rem",
@@ -2020,8 +2038,8 @@
2020
2038
  "font-weight": 700,
2021
2039
  "border-width": "0px",
2022
2040
  "border-radius": "999px",
2023
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
2024
- "background-color": "#154273",
2041
+ "font-family": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
2042
+ "background-color": "#76d2b6",
2025
2043
  "border-color": "transparent",
2026
2044
  "color": "#fff",
2027
2045
  "padding-inline": "0.5rem",