@rijkshuisstijl-community/design-tokens 1.2.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 +27 -0
  2. package/README.md +153 -12
  3. package/dist/_variables.scss +94 -78
  4. package/dist/index.css +94 -78
  5. package/dist/index.d.ts +48 -32
  6. package/dist/index.js +94 -78
  7. package/dist/index.json +93 -77
  8. package/dist/index.tokens.json +113 -85
  9. package/dist/root.css +94 -78
  10. package/dist/tokens.d.ts +67 -39
  11. package/dist/tokens.js +1285 -921
  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 +922 -911
  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 +1508 -1513
  20. package/dist/uitvoerend-groen/tokens.js +31258 -0
  21. package/dist/uitvoerend-hemelblauw/_variables.scss +1337 -0
  22. package/dist/uitvoerend-hemelblauw/index.css +1340 -0
  23. package/dist/uitvoerend-hemelblauw/index.d.ts +1338 -0
  24. package/dist/uitvoerend-hemelblauw/index.js +1338 -0
  25. package/dist/uitvoerend-hemelblauw/index.json +1335 -0
  26. package/dist/uitvoerend-hemelblauw/index.tokens.json +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 +778 -767
  31. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/index.css +779 -768
  32. package/dist/uitvoerend-mintgroen/index.d.ts +1338 -0
  33. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/index.js +981 -970
  34. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/index.json +980 -969
  35. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/index.tokens.json +1611 -1616
  36. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/root.css +778 -767
  37. package/dist/uitvoerend-mintgroen/tokens.d.ts +2072 -0
  38. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/tokens.js +22466 -22247
  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 +191 -175
  58. package/dist/uitvoerend-violet/index.css +191 -175
  59. package/dist/uitvoerend-violet/index.d.ts +88 -72
  60. package/dist/uitvoerend-violet/index.js +191 -175
  61. package/dist/uitvoerend-violet/index.json +190 -174
  62. package/dist/uitvoerend-violet/index.tokens.json +227 -199
  63. package/dist/uitvoerend-violet/root.css +191 -175
  64. package/dist/uitvoerend-violet/tokens.d.ts +123 -95
  65. package/dist/uitvoerend-violet/tokens.js +16557 -16193
  66. package/dist/uitvoerend-violet-oud/_variables.scss +191 -174
  67. package/dist/uitvoerend-violet-oud/index.css +191 -174
  68. package/dist/uitvoerend-violet-oud/index.d.ts +88 -71
  69. package/dist/uitvoerend-violet-oud/index.js +191 -174
  70. package/dist/uitvoerend-violet-oud/index.json +190 -173
  71. package/dist/uitvoerend-violet-oud/index.tokens.json +227 -198
  72. package/dist/uitvoerend-violet-oud/root.css +191 -174
  73. package/dist/uitvoerend-violet-oud/tokens.d.ts +123 -94
  74. package/dist/uitvoerend-violet-oud/tokens.js +12703 -12318
  75. package/dist/wetgevend/_variables.scss +131 -115
  76. package/dist/wetgevend/index.css +131 -115
  77. package/dist/wetgevend/index.d.ts +88 -72
  78. package/dist/wetgevend/index.js +131 -115
  79. package/dist/wetgevend/index.json +130 -114
  80. package/dist/wetgevend/index.tokens.json +167 -139
  81. package/dist/wetgevend/root.css +131 -115
  82. package/dist/wetgevend/tokens.d.ts +123 -95
  83. package/dist/wetgevend/tokens.js +12053 -11689
  84. package/figma/figma.tokens.json +840 -294
  85. package/package.json +1 -1
  86. package/src/generated/base.tokens.json +240 -163
  87. package/src/generated/themes.json +30580 -5292
  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 +4384 -4355
  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 +506 -429
  94. package/src/generated/uitvoerend-violet-oud/tokens.json +512 -431
  95. package/src/generated/wetgevend/tokens.json +467 -390
@@ -1,9 +1,63 @@
1
1
  {
2
- "utrechtPreHeadingColor": "#0F172A",
3
- "utrechtPreHeadingFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
4
- "utrechtPreHeadingFontWeight": 700,
5
- "utrechtPreHeadingLineHeight": "125%",
6
- "utrechtPreHeadingFontSize": "1rem",
2
+ "utrechtBlockquoteBackgroundColor": "transparent",
3
+ "utrechtBlockquoteBorderInlineStartWidth": "12px",
4
+ "utrechtBlockquoteBorderColor": "#a90061",
5
+ "utrechtBlockquoteBorderRadius": 0,
6
+ "utrechtBlockquoteBorderWidth": 0,
7
+ "utrechtBlockquoteColor": "#154273",
8
+ "utrechtBlockquoteFontSize": "1.25rem",
9
+ "utrechtBlockquoteFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
10
+ "utrechtBlockquotePaddingBlockEnd": "1.5rem",
11
+ "utrechtBlockquotePaddingBlockStart": "1.5rem",
12
+ "utrechtBlockquotePaddingInlineEnd": "2.5rem",
13
+ "utrechtBlockquotePaddingInlineStart": "2.5rem",
14
+ "utrechtBlockquoteRowGap": "0.75rem",
15
+ "utrechtBlockquoteAttributionColor": "#154273",
16
+ "utrechtBlockquoteAttributionFontSize": "1.25rem",
17
+ "utrechtBlockquoteContentColor": "#154273",
18
+ "utrechtBlockquoteContentFontSize": "1.5rem",
19
+ "utrechtBlockquoteContentFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
20
+ "utrechtBlockquoteContentLineHeight": "150%",
21
+ "utrechtBlockquoteContentFontWeight": 400,
22
+ "utrechtBlockquoteCaptionFontSize": "1.25rem",
23
+ "utrechtBlockquoteCaptionFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
24
+ "utrechtBlockquoteCaptionLineHeight": "150%",
25
+ "utrechtBlockquoteCaptionFontWeight": 400,
26
+ "utrechtBlockquoteCaptionPaddingBlockStart": "0.75rem",
27
+ "utrechtBlockquoteCaptionColor": "#154273",
28
+ "utrechtBlockquoteMarginBlockEnd": 0,
29
+ "utrechtBlockquoteMarginBlockStart": 0,
30
+ "utrechtBlockquoteMarginInlineEnd": 0,
31
+ "utrechtBlockquoteMarginInlineStart": 0,
32
+ "utrechtBlockquoteBorderBlockStartWidth": 0,
33
+ "utrechtBlockquoteBorderBlockEndWidth": 0,
34
+ "utrechtBlockquoteBorderInlineEndWidth": 0,
35
+ "utrechtBlockquoteBorderStartStartRadius": 0,
36
+ "utrechtBlockquoteBorderStartEndRadius": 0,
37
+ "utrechtBlockquoteBorderEndStartRadius": 0,
38
+ "utrechtBlockquoteBorderEndEndRadius": 0,
39
+ "utrechtBlockquoteBlueCornerBorderVariationBorderColor": "#a90061",
40
+ "utrechtBlockquoteBlueCornerBorderVariationBorderBlockEndWidth": "2px",
41
+ "utrechtBlockquoteBlueCornerBorderVariationBorderInlineEndWidth": "2px",
42
+ "utrechtBlockquoteBlueCornerBorderVariationBorderEndEndRadius": "3rem",
43
+ "utrechtBlockquotePinkBackgroundVariationBackgroundColor": "#F6BDE1",
44
+ "utrechtBlockquotePinkBackgroundVariationBorderEndStartRadius": "3rem",
45
+ "utrechtBlockquotePinkBackgroundVariationPadding": "2.5rem",
46
+ "utrechtBlockquotePinkLeftBorderVariationBorderColor": "#F6BDE1",
47
+ "utrechtBlockquotePinkLeftBorderVariationBorderInlineStartWidth": "0.75rem",
48
+ "utrechtBlockquotePinkLeftBorderVariationPaddingInlineStart": "2.5rem",
49
+ "utrechtBlockquotePinkLeftBorderVariationPaddingInlineEnd": "2.5rem",
50
+ "utrechtBlockquotePinkLeftBorderVariationPaddingBlockStart": "1.5rem",
51
+ "utrechtBlockquotePinkLeftBorderVariationPaddingBlockEnd": "1.5rem",
52
+ "utrechtBlockquotePinkCornerBorderVariationBorderColor": "#F6BDE1",
53
+ "utrechtBlockquotePinkCornerBorderVariationBorderBlockStartWidth": "0.25rem",
54
+ "utrechtBlockquotePinkCornerBorderVariationBorderInlineStartWidth": "0.25rem",
55
+ "utrechtBlockquotePinkCornerBorderVariationBorderStartStartRadius": "3rem",
56
+ "utrechtBlockquotePinkCornerBorderVariationPadding": "2.5rem",
57
+ "utrechtColumnLayoutColumnRuleColor": "transparent",
58
+ "utrechtColumnLayoutColumnRuleWidth": "0px",
59
+ "utrechtColumnLayoutColumnWidth": "400px",
60
+ "utrechtColumnLayoutGap": "0.75rem",
7
61
  "utrechtIconColor": "inherit",
8
62
  "utrechtIconSize": "24px",
9
63
  "utrechtIconInsetBlockStart": 0,
@@ -11,7 +65,7 @@
11
65
  "utrechtUnorderedListMarginBlockEnd": "0.25rem",
12
66
  "utrechtUnorderedListMarginBlockStart": "0.25rem",
13
67
  "utrechtUnorderedListColor": "#0F172A",
14
- "utrechtUnorderedListFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
68
+ "utrechtUnorderedListFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
15
69
  "utrechtUnorderedListFontWeight": 400,
16
70
  "utrechtUnorderedListFontSize": "1.25rem",
17
71
  "utrechtUnorderedListLineHeight": "150%",
@@ -21,7 +75,7 @@
21
75
  "utrechtUnorderedListMarkerColor": "#0F172A",
22
76
  "utrechtUnorderedListMarkerBorderColor": "#0F172A",
23
77
  "utrechtTextboxBorderRadius": 0,
24
- "utrechtTextboxFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
78
+ "utrechtTextboxFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
25
79
  "utrechtTextboxFontSize": "1.25rem",
26
80
  "utrechtTextboxFontWeight": 400,
27
81
  "utrechtTextboxLineHeight": "150%",
@@ -31,7 +85,7 @@
31
85
  "utrechtTextboxPaddingInlineEnd": "0.75rem",
32
86
  "utrechtTextboxPaddingInlineStart": "0.75rem",
33
87
  "utrechtTextboxBackgroundColor": "#fff",
34
- "utrechtTextboxBorderColor": "#154273",
88
+ "utrechtTextboxBorderColor": "#a90061",
35
89
  "utrechtTextboxColor": "#0F172A",
36
90
  "utrechtTextboxInvalidBackgroundColor": "#f9dfdd",
37
91
  "utrechtTextboxInvalidBorderColor": "#d52b1e",
@@ -42,7 +96,7 @@
42
96
  "utrechtTextboxBorderWidth": "1px",
43
97
  "utrechtTextboxFocusBorderWidth": "2px",
44
98
  "utrechtTextboxFocusBackgroundColor": "#fff",
45
- "utrechtTextboxFocusBorderColor": "#154273",
99
+ "utrechtTextboxFocusBorderColor": "#a90061",
46
100
  "utrechtTextboxFocusColor": "#0F172A",
47
101
  "utrechtTextboxDisabledBackgroundColor": "#CBD5E1",
48
102
  "utrechtTextboxDisabledBorderColor": "#94A3B8",
@@ -52,7 +106,7 @@
52
106
  "utrechtTextboxReadOnlyColor": "#0F172A",
53
107
  "utrechtTextboxHoverBorderWidth": "1px",
54
108
  "utrechtTextboxHoverBackgroundColor": "#fff",
55
- "utrechtTextboxHoverBorderColor": "#738eab",
109
+ "utrechtTextboxHoverBorderColor": "#CB66A0",
56
110
  "utrechtTextboxHoverColor": "#0F172A",
57
111
  "utrechtTextareaMaxInlineSize": "400px",
58
112
  "utrechtTextareaPaddingBlockEnd": "0.5rem",
@@ -60,7 +114,7 @@
60
114
  "utrechtTextareaPaddingInlineEnd": "0.75rem",
61
115
  "utrechtTextareaPaddingInlineStart": "0.75rem",
62
116
  "utrechtTextareaBackgroundColor": "#fff",
63
- "utrechtTextareaBorderColor": "#154273",
117
+ "utrechtTextareaBorderColor": "#a90061",
64
118
  "utrechtTextareaColor": "#0F172A",
65
119
  "utrechtTextareaInvalidBackgroundColor": "#f9dfdd",
66
120
  "utrechtTextareaInvalidBorderColor": "#d52b1e",
@@ -68,7 +122,7 @@
68
122
  "utrechtTextareaInvalidBorderWidth": "1px",
69
123
  "utrechtTextareaPlaceholderColor": "#64748B",
70
124
  "utrechtTextareaFocusBackgroundColor": "#fff",
71
- "utrechtTextareaFocusBorderColor": "#154273",
125
+ "utrechtTextareaFocusBorderColor": "#a90061",
72
126
  "utrechtTextareaFocusColor": "#0F172A",
73
127
  "utrechtTextareaFocusBorderWidth": "2px",
74
128
  "utrechtTextareaDisabledBackgroundColor": "#CBD5E1",
@@ -78,25 +132,25 @@
78
132
  "utrechtTextareaReadOnlyBorderColor": "transparent",
79
133
  "utrechtTextareaReadOnlyColor": "#0F172A",
80
134
  "utrechtTextareaHoverBackgroundColor": "#fff",
81
- "utrechtTextareaHoverBorderColor": "#738eab",
135
+ "utrechtTextareaHoverBorderColor": "#CB66A0",
82
136
  "utrechtTextareaHoverColor": "#0F172A",
83
137
  "utrechtTextareaHoverBorderWidth": "1px",
84
138
  "utrechtTextareaBorderRadius": 0,
85
139
  "utrechtTextareaBorderBottomWidth": "1px",
86
140
  "utrechtTextareaBorderWidth": "1px",
87
- "utrechtTextareaFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
141
+ "utrechtTextareaFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
88
142
  "utrechtTextareaFontWeight": 400,
89
143
  "utrechtTextareaLineHeight": "150%",
90
144
  "utrechtTextareaFontSize": "1.25rem",
91
145
  "utrechtTableHeaderCellLineHeight": "150%",
92
146
  "utrechtTableHeaderCellColor": "#0F172A",
93
- "utrechtTableHeaderCellFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
147
+ "utrechtTableHeaderCellFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
94
148
  "utrechtTableHeaderCellFontWeight": 700,
95
149
  "utrechtTableHeaderCellFontSize": "1.25rem",
96
150
  "utrechtTableCaptionLineHeight": "125%",
97
151
  "utrechtTableCaptionMarginBlockEnd": "1.5rem",
98
152
  "utrechtTableCaptionColor": "#0F172A",
99
- "utrechtTableCaptionFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
153
+ "utrechtTableCaptionFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
100
154
  "utrechtTableCaptionFontWeight": 700,
101
155
  "utrechtTableCaptionFontSize": "1.875rem",
102
156
  "utrechtTableCellPaddingBlockEnd": "0.75rem",
@@ -105,7 +159,7 @@
105
159
  "utrechtTableCellPaddingInlineStart": "1rem",
106
160
  "utrechtTableCellLineHeight": "150%",
107
161
  "utrechtTableDataCellColor": "#0F172A",
108
- "utrechtTableDataCellFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
162
+ "utrechtTableDataCellFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
109
163
  "utrechtTableDataCellFontWeight": 400,
110
164
  "utrechtTableDataCellLineHeight": "150%",
111
165
  "utrechtTableDataCellFontSize": "1.25rem",
@@ -121,7 +175,7 @@
121
175
  "utrechtTableFooterCellFontWeight": 700,
122
176
  "utrechtTableFooterCellFontSize": "1.25rem",
123
177
  "utrechtTableFooterCellColor": "#0F172A",
124
- "utrechtTableFooterCellFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
178
+ "utrechtTableFooterCellFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
125
179
  "utrechtTableFooterCellLineHeight": "150%",
126
180
  "utrechtTableContainerBoxInlineEndShadowX": 0,
127
181
  "utrechtTableContainerBoxInlineEndShadowY": "16px",
@@ -135,7 +189,7 @@
135
189
  "utrechtTableContainerBoxInlineStartShadowColor": "#0000001a",
136
190
  "utrechtTableFontSize": "1.25rem",
137
191
  "utrechtSkipLinkFontWeight": 700,
138
- "utrechtSkipLinkFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
192
+ "utrechtSkipLinkFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
139
193
  "utrechtSkipLinkFontSize": "1.25rem",
140
194
  "utrechtSkipLinkLineHeight": "150%",
141
195
  "utrechtSkipLinkMinBlockSize": "48px",
@@ -145,13 +199,13 @@
145
199
  "utrechtSkipLinkPaddingInlineEnd": "1rem",
146
200
  "utrechtSkipLinkPaddingInlineStart": "1rem",
147
201
  "utrechtSkipLinkFocusBackgroundColor": "#fff",
148
- "utrechtSkipLinkFocusBorderColor": "#154273",
202
+ "utrechtSkipLinkFocusBorderColor": "#a90061",
149
203
  "utrechtSkipLinkFocusBorderStyle": "solid",
150
204
  "utrechtSkipLinkFocusBorderWidth": "2px",
151
205
  "utrechtSkipLinkFocusColor": "#0F172A",
152
206
  "utrechtSkipLinkFocusTextDecoration": "None",
153
207
  "utrechtSkipLinkFocusVisibleOutlineColor": "#000",
154
- "utrechtSkipLinkBackgroundColor": "#154273",
208
+ "utrechtSkipLinkBackgroundColor": "#a90061",
155
209
  "utrechtSkipLinkBorderColor": "transparent",
156
210
  "utrechtSkipLinkColor": "#fff",
157
211
  "utrechtSkipLinkBorderWidth": "2px",
@@ -169,21 +223,21 @@
169
223
  "utrechtSelectImageBackgroundPosition": "right 0.5rem center",
170
224
  "utrechtSelectIconSize": "24px",
171
225
  "utrechtSelectBackgroundColor": "#fff",
172
- "utrechtSelectBorderColor": "#154273",
226
+ "utrechtSelectBorderColor": "#a90061",
173
227
  "utrechtSelectColor": "#0F172A",
174
228
  "utrechtSelectInvalidBackgroundColor": "#f9dfdd",
175
229
  "utrechtSelectInvalidBorderColor": "#d52b1e",
176
230
  "utrechtSelectInvalidColor": "#0F172A",
177
231
  "utrechtSelectInvalidBorderWidth": "1px",
178
232
  "utrechtSelectFocusBackgroundColor": "#fff",
179
- "utrechtSelectFocusBorderColor": "#154273",
233
+ "utrechtSelectFocusBorderColor": "#a90061",
180
234
  "utrechtSelectFocusColor": "#0F172A",
181
235
  "utrechtSelectFocusBorderWidth": "2px",
182
236
  "utrechtSelectDisabledBackgroundColor": "#CBD5E1",
183
237
  "utrechtSelectDisabledBorderColor": "#94A3B8",
184
238
  "utrechtSelectDisabledColor": "#475569",
185
239
  "utrechtSelectHoverBackgroundColor": "#fff",
186
- "utrechtSelectHoverBorderColor": "#738eab",
240
+ "utrechtSelectHoverBorderColor": "#CB66A0",
187
241
  "utrechtSelectHoverColor": "#0F172A",
188
242
  "utrechtSelectHoverBorderWidth": "1px",
189
243
  "utrechtSelectPaddingBlockEnd": "0.5rem",
@@ -193,53 +247,58 @@
193
247
  "utrechtSelectBorderRadius": 0,
194
248
  "utrechtSelectBorderBottomWidth": "auto",
195
249
  "utrechtSelectBorderWidth": "1px",
196
- "utrechtSelectFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
250
+ "utrechtSelectFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
197
251
  "utrechtSelectFontWeight": 400,
198
252
  "utrechtSelectLineHeight": "150%",
199
253
  "utrechtSelectFontSize": "1.25rem",
200
254
  "utrechtSelectMaxInlineSize": "400px",
201
255
  "utrechtRadioButtonActiveBorderWidth": "1px",
202
256
  "utrechtRadioButtonActiveBackgroundColor": "#fff",
203
- "utrechtRadioButtonActiveBorderColor": "#4f7196",
257
+ "utrechtRadioButtonActiveBorderColor": "#BE4088",
204
258
  "utrechtRadioButtonSize": "24px",
205
259
  "utrechtRadioButtonDotSize": "12px",
206
260
  "utrechtRadioButtonBackgroundColor": "#fff",
207
- "utrechtRadioButtonBorderColor": "#154273",
261
+ "utrechtRadioButtonBorderColor": "#a90061",
208
262
  "utrechtRadioButtonInvalidBackgroundColor": "#f9dfdd",
209
263
  "utrechtRadioButtonInvalidBorderColor": "#d52b1e",
210
264
  "utrechtRadioButtonInvalidBorderWidth": "1px",
211
265
  "utrechtRadioButtonFocusBackgroundColor": "#fff",
212
- "utrechtRadioButtonFocusBorderColor": "#154273",
266
+ "utrechtRadioButtonFocusBorderColor": "#a90061",
213
267
  "utrechtRadioButtonFocusBorderWidth": "2px",
214
268
  "utrechtRadioButtonDisabledBackgroundColor": "#CBD5E1",
215
269
  "utrechtRadioButtonDisabledBorderColor": "#94A3B8",
216
270
  "utrechtRadioButtonDisabledColor": "#475569",
217
- "utrechtRadioButtonCheckedBackgroundColor": "#154273",
271
+ "utrechtRadioButtonCheckedBackgroundColor": "#a90061",
218
272
  "utrechtRadioButtonCheckedBorderColor": "transparent",
219
273
  "utrechtRadioButtonCheckedColor": "#fff",
220
- "utrechtRadioButtonCheckedHoverBackgroundColor": "#738eab",
274
+ "utrechtRadioButtonCheckedHoverBackgroundColor": "#CB66A0",
221
275
  "utrechtRadioButtonCheckedHoverBorderColor": "transparent",
222
276
  "utrechtRadioButtonCheckedHoverColor": "#fff",
223
277
  "utrechtRadioButtonCheckedHoverBorderWidth": "1px",
224
- "utrechtRadioButtonCheckedActiveBackgroundColor": "#4f7196",
278
+ "utrechtRadioButtonCheckedActiveBackgroundColor": "#BE4088",
225
279
  "utrechtRadioButtonCheckedActiveBorderColor": "transparent",
226
280
  "utrechtRadioButtonCheckedActiveColor": "#fff",
227
281
  "utrechtRadioButtonCheckedActiveBorderWidth": "1px",
228
282
  "utrechtRadioButtonCheckedFocusBackgroundColor": "#fff",
229
- "utrechtRadioButtonCheckedFocusBorderColor": "#154273",
230
- "utrechtRadioButtonCheckedFocusColor": "#154273",
283
+ "utrechtRadioButtonCheckedFocusBorderColor": "#a90061",
284
+ "utrechtRadioButtonCheckedFocusColor": "#a90061",
231
285
  "utrechtRadioButtonCheckedFocusBorderWidth": "2px",
232
286
  "utrechtRadioButtonCheckedDisabledBackgroundColor": "#CBD5E1",
233
287
  "utrechtRadioButtonCheckedDisabledBorderColor": "#94A3B8",
234
288
  "utrechtRadioButtonCheckedDisabledColor": "#475569",
235
289
  "utrechtRadioButtonCheckedBorderWidth": "1px",
236
290
  "utrechtRadioButtonHoverBackgroundColor": "#fff",
237
- "utrechtRadioButtonHoverBorderColor": "#738eab",
291
+ "utrechtRadioButtonHoverBorderColor": "#CB66A0",
238
292
  "utrechtRadioButtonHoverBorderWidth": "1px",
239
293
  "utrechtRadioButtonBorderRadius": "999px",
240
294
  "utrechtRadioButtonBorderWidth": "1px",
295
+ "utrechtPreHeadingColor": "#0F172A",
296
+ "utrechtPreHeadingFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
297
+ "utrechtPreHeadingFontWeight": 700,
298
+ "utrechtPreHeadingLineHeight": "125%",
299
+ "utrechtPreHeadingFontSize": "1rem",
241
300
  "utrechtParagraphColor": "#0F172A",
242
- "utrechtParagraphFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
301
+ "utrechtParagraphFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
243
302
  "utrechtParagraphFontSize": "1.25rem",
244
303
  "utrechtParagraphFontWeight": 400,
245
304
  "utrechtParagraphLineHeight": "150%",
@@ -257,7 +316,7 @@
257
316
  "utrechtOrderedListItemMarginBlockEnd": "0.25rem",
258
317
  "utrechtOrderedListItemMarginBlockStart": "0.25rem",
259
318
  "utrechtOrderedListColor": "#0F172A",
260
- "utrechtOrderedListFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
319
+ "utrechtOrderedListFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
261
320
  "utrechtOrderedListFontWeight": 400,
262
321
  "utrechtOrderedListFontSize": "1.25rem",
263
322
  "utrechtOrderedListLineHeight": "150%",
@@ -286,40 +345,40 @@
286
345
  "utrechtLinkColumnGap": "0.25rem",
287
346
  "utrechtLinkTextDecorationThickness": "auto",
288
347
  "utrechtLinkTextUnderlineOffset": "0.125rem",
289
- "utrechtLinkFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
348
+ "utrechtLinkFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
290
349
  "utrechtLinkFontWeight": 400,
291
350
  "utrechtLinkFontSize": "1.25rem",
292
351
  "utrechtLinkLineHeight": "150%",
293
- "utrechtHeading1Color": "#154273",
294
- "utrechtHeading1FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
352
+ "utrechtHeading1Color": "#a90061",
353
+ "utrechtHeading1FontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
295
354
  "utrechtHeading1FontWeight": 700,
296
355
  "utrechtHeading1LineHeight": "125%",
297
356
  "utrechtHeading1FontSize": "3.125rem",
298
357
  "utrechtHeading1MarginBlockEnd": 0,
299
358
  "utrechtHeading1MarginBlockStart": 0,
300
- "utrechtHeading2Color": "#154273",
301
- "utrechtHeading2FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
359
+ "utrechtHeading2Color": "#a90061",
360
+ "utrechtHeading2FontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
302
361
  "utrechtHeading2FontWeight": 700,
303
362
  "utrechtHeading2LineHeight": "125%",
304
363
  "utrechtHeading2FontSize": "2.5rem",
305
364
  "utrechtHeading2MarginBlockEnd": 0,
306
365
  "utrechtHeading2MarginBlockStart": 0,
307
- "utrechtHeading3Color": "#154273",
308
- "utrechtHeading3FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
366
+ "utrechtHeading3Color": "#a90061",
367
+ "utrechtHeading3FontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
309
368
  "utrechtHeading3FontWeight": 700,
310
369
  "utrechtHeading3LineHeight": "125%",
311
370
  "utrechtHeading3FontSize": "1.875rem",
312
371
  "utrechtHeading3MarginBlockEnd": 0,
313
372
  "utrechtHeading3MarginBlockStart": 0,
314
- "utrechtHeading4Color": "#154273",
315
- "utrechtHeading4FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
373
+ "utrechtHeading4Color": "#a90061",
374
+ "utrechtHeading4FontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
316
375
  "utrechtHeading4FontWeight": 700,
317
376
  "utrechtHeading4LineHeight": "125%",
318
377
  "utrechtHeading4FontSize": "1.5rem",
319
378
  "utrechtHeading4MarginBlockEnd": 0,
320
379
  "utrechtHeading4MarginBlockStart": 0,
321
- "utrechtHeading5Color": "#154273",
322
- "utrechtHeading5FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
380
+ "utrechtHeading5Color": "#a90061",
381
+ "utrechtHeading5FontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
323
382
  "utrechtHeading5FontWeight": 700,
324
383
  "utrechtHeading5LineHeight": "125%",
325
384
  "utrechtHeading5FontSize": "1.25rem",
@@ -329,20 +388,20 @@
329
388
  "utrechtFormLabelFontSize": "1.25rem",
330
389
  "utrechtFormLabelFontWeight": 700,
331
390
  "utrechtFormFieldLabelColor": "#0F172A",
332
- "utrechtFormFieldLabelFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
391
+ "utrechtFormFieldLabelFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
333
392
  "utrechtFormFieldLabelFontSize": "1.25rem",
334
393
  "utrechtFormFieldLabelFontWeight": 700,
335
394
  "utrechtFormFieldLabelLineHeight": "150%",
336
395
  "utrechtFormFieldErrorMessageIconSize": "24px",
337
396
  "utrechtFormFieldErrorMessageIconMarginInlineEnd": "0.5rem",
338
397
  "utrechtFormFieldErrorMessageColor": "#d52b1e",
339
- "utrechtFormFieldErrorMessageFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
398
+ "utrechtFormFieldErrorMessageFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
340
399
  "utrechtFormFieldErrorMessageFontSize": "1.25rem",
341
400
  "utrechtFormFieldErrorMessageFontWeight": 400,
342
401
  "utrechtFormFieldErrorMessageMarginBlockEnd": "0.5rem",
343
402
  "utrechtFormFieldErrorMessagePaddingBlockEnd": "0.5rem",
344
403
  "utrechtFormFieldDescriptionColor": "#334155",
345
- "utrechtFormFieldDescriptionFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
404
+ "utrechtFormFieldDescriptionFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
346
405
  "utrechtFormFieldDescriptionFontSize": "1.25rem",
347
406
  "utrechtFormFieldDescriptionLineHeight": "150%",
348
407
  "utrechtFormFieldDescriptionMarginBlockStart": "-0.5rem",
@@ -355,7 +414,7 @@
355
414
  "utrechtFormFieldInvalidPaddingInlineStart": 0,
356
415
  "utrechtFormFieldLabelMarginBlockEnd": "0.5rem",
357
416
  "utrechtFormFieldErrorMessageLineHeight": "normal",
358
- "utrechtPageFooterBackgroundColor": "#154273",
417
+ "utrechtPageFooterBackgroundColor": "#a90061",
359
418
  "utrechtPageFooterColor": "#fff",
360
419
  "utrechtPageFooterPaddingBlockStart": "3rem",
361
420
  "utrechtPageFooterPaddingBlockEnd": "3rem",
@@ -374,7 +433,7 @@
374
433
  "utrechtFigureImgBorderStartEndRadius": 0,
375
434
  "utrechtFigureImgBorderStartStartRadius": 0,
376
435
  "utrechtFormFieldsetLegendColor": "#0F172A",
377
- "utrechtFormFieldsetLegendFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
436
+ "utrechtFormFieldsetLegendFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
378
437
  "utrechtFormFieldsetLegendFontSize": "1.25rem",
379
438
  "utrechtFormFieldsetLegendFontWeight": 700,
380
439
  "utrechtFormFieldsetLegendLineHeight": "150%",
@@ -391,8 +450,8 @@
391
450
  "utrechtNumberBadgeFontWeight": 700,
392
451
  "utrechtNumberBadgeBorderWidth": "0px",
393
452
  "utrechtNumberBadgeBorderRadius": "999px",
394
- "utrechtNumberBadgeFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
395
- "utrechtNumberBadgeBackgroundColor": "#154273",
453
+ "utrechtNumberBadgeFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
454
+ "utrechtNumberBadgeBackgroundColor": "#a90061",
396
455
  "utrechtNumberBadgeBorderColor": "transparent",
397
456
  "utrechtNumberBadgeColor": "#fff",
398
457
  "utrechtNumberBadgePaddingInline": "0.5rem",
@@ -401,16 +460,16 @@
401
460
  "utrechtCheckboxSize": "24px",
402
461
  "utrechtCheckboxIconSize": "24px",
403
462
  "utrechtCheckboxBackgroundColor": "#fff",
404
- "utrechtCheckboxBorderColor": "#154273",
463
+ "utrechtCheckboxBorderColor": "#a90061",
405
464
  "utrechtCheckboxInvalidBackgroundColor": "#f9dfdd",
406
465
  "utrechtCheckboxInvalidBorderColor": "#d52b1e",
407
466
  "utrechtCheckboxInvalidBorderWidth": "1px",
408
467
  "utrechtCheckboxFocusBackgroundColor": "#fff",
409
- "utrechtCheckboxFocusBorderColor": "#154273",
468
+ "utrechtCheckboxFocusBorderColor": "#a90061",
410
469
  "utrechtCheckboxFocusBorderWidth": "2px",
411
470
  "utrechtCheckboxDisabledBackgroundColor": "#CBD5E1",
412
471
  "utrechtCheckboxDisabledBorderColor": "#94A3B8",
413
- "utrechtCheckboxCheckedBackgroundColor": "#154273",
472
+ "utrechtCheckboxCheckedBackgroundColor": "#a90061",
414
473
  "utrechtCheckboxCheckedBorderColor": "transparent",
415
474
  "utrechtCheckboxCheckedColor": "#fff",
416
475
  "utrechtCheckboxCheckedBorderWidth": "1px",
@@ -419,42 +478,42 @@
419
478
  "utrechtCheckboxCheckedDisabledColor": "#475569",
420
479
  "utrechtCheckboxCheckedFocusBorderWidth": "2px",
421
480
  "utrechtCheckboxCheckedFocusBackgroundColor": "#fff",
422
- "utrechtCheckboxCheckedFocusBorderColor": "#154273",
423
- "utrechtCheckboxCheckedFocusColor": "#154273",
481
+ "utrechtCheckboxCheckedFocusBorderColor": "#a90061",
482
+ "utrechtCheckboxCheckedFocusColor": "#a90061",
424
483
  "utrechtCheckboxCheckedHoverBorderWidth": "1px",
425
- "utrechtCheckboxCheckedHoverBackgroundColor": "#738eab",
484
+ "utrechtCheckboxCheckedHoverBackgroundColor": "#CB66A0",
426
485
  "utrechtCheckboxCheckedHoverBorderColor": "transparent",
427
486
  "utrechtCheckboxCheckedHoverColor": "#fff",
428
487
  "utrechtCheckboxCheckedActiveBorderWidth": "1px",
429
- "utrechtCheckboxCheckedActiveBackgroundColor": "#4f7196",
488
+ "utrechtCheckboxCheckedActiveBackgroundColor": "#BE4088",
430
489
  "utrechtCheckboxCheckedActiveBorderColor": "transparent",
431
490
  "utrechtCheckboxCheckedActiveColor": "#fff",
432
- "utrechtCheckboxIndeterminateBackgroundColor": "#154273",
491
+ "utrechtCheckboxIndeterminateBackgroundColor": "#a90061",
433
492
  "utrechtCheckboxIndeterminateBorderColor": "transparent",
434
493
  "utrechtCheckboxIndeterminateColor": "#fff",
435
494
  "utrechtCheckboxIndeterminateBorderWidth": "1px",
436
495
  "utrechtCheckboxIndeterminateDisabledBackgroundColor": "#CBD5E1",
437
496
  "utrechtCheckboxIndeterminateDisabledBorderColor": "#94A3B8",
438
497
  "utrechtCheckboxIndeterminateDisabledColor": "#475569",
439
- "utrechtCheckboxIndeterminateActiveBackgroundColor": "#4f7196",
498
+ "utrechtCheckboxIndeterminateActiveBackgroundColor": "#BE4088",
440
499
  "utrechtCheckboxIndeterminateActiveBorderColor": "transparent",
441
500
  "utrechtCheckboxIndeterminateActiveColor": "#fff",
442
501
  "utrechtCheckboxIndeterminateActiveBorderWidth": "1px",
443
- "utrechtCheckboxIndeterminateHoverBackgroundColor": "#738eab",
502
+ "utrechtCheckboxIndeterminateHoverBackgroundColor": "#CB66A0",
444
503
  "utrechtCheckboxIndeterminateHoverBorderColor": "transparent",
445
504
  "utrechtCheckboxIndeterminateHoverColor": "#fff",
446
505
  "utrechtCheckboxIndeterminateHoverBorderWidth": "1px",
447
506
  "utrechtCheckboxIndeterminateFocusBackgroundColor": "#fff",
448
- "utrechtCheckboxIndeterminateFocusBorderColor": "#154273",
449
- "utrechtCheckboxIndeterminateFocusColor": "#154273",
507
+ "utrechtCheckboxIndeterminateFocusBorderColor": "#a90061",
508
+ "utrechtCheckboxIndeterminateFocusColor": "#a90061",
450
509
  "utrechtCheckboxIndeterminateFocusBorderWidth": "2px",
451
510
  "utrechtCheckboxBorderWidth": "1px",
452
511
  "utrechtCheckboxHoverBorderWidth": "1px",
453
512
  "utrechtCheckboxHoverBackgroundColor": "#fff",
454
- "utrechtCheckboxHoverBorderColor": "#738eab",
513
+ "utrechtCheckboxHoverBorderColor": "#CB66A0",
455
514
  "utrechtCheckboxActiveBorderWidth": "1px",
456
515
  "utrechtCheckboxActiveBackgroundColor": "#fff",
457
- "utrechtCheckboxActiveBorderColor": "#4f7196",
516
+ "utrechtCheckboxActiveBorderColor": "#BE4088",
458
517
  "utrechtButtonGroupBackgroundColor": "transparent",
459
518
  "utrechtButtonGroupColumnGap": "0.5rem",
460
519
  "utrechtButtonGroupMarginBlockEnd": "0px",
@@ -469,7 +528,7 @@
469
528
  "utrechtButtonBorderWidth": "1px",
470
529
  "utrechtButtonIconGap": "0.5rem",
471
530
  "utrechtButtonIconSize": "24px",
472
- "utrechtButtonFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
531
+ "utrechtButtonFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
473
532
  "utrechtButtonFontSize": "1.25rem",
474
533
  "utrechtButtonFontWeight": 700,
475
534
  "utrechtButtonLineHeight": "150%",
@@ -581,59 +640,10 @@
581
640
  "utrechtBreadcrumbNavDividerColor": "#334155",
582
641
  "utrechtBreadcrumbNavDividerInsetBlockStart": 0,
583
642
  "utrechtBreadcrumbNavMarginInline": "0.5rem",
584
- "utrechtBreadcrumbNavFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
643
+ "utrechtBreadcrumbNavFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
585
644
  "utrechtBreadcrumbNavFontWeight": 400,
586
- "utrechtBlockquoteCaptionFontSize": "1.25rem",
587
- "utrechtBlockquoteCaptionFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
588
- "utrechtBlockquoteCaptionLineHeight": "150%",
589
- "utrechtBlockquoteCaptionFontWeight": 400,
590
- "utrechtBlockquoteCaptionPaddingBlockStart": "0.75rem",
591
- "utrechtBlockquoteCaptionColor": "#334155",
592
- "utrechtBlockquoteContentFontFamily": "RijksoverheidSerifWeb, 'Times New Roman', serif",
593
- "utrechtBlockquoteContentLineHeight": "150%",
594
- "utrechtBlockquoteContentFontWeight": 400,
595
- "utrechtBlockquoteContentFontSize": "1.5rem",
596
- "utrechtBlockquoteContentColor": "#0F172A",
597
- "utrechtBlockquoteMarginBlockEnd": 0,
598
- "utrechtBlockquoteMarginBlockStart": 0,
599
- "utrechtBlockquoteMarginInlineEnd": 0,
600
- "utrechtBlockquoteMarginInlineStart": 0,
601
- "utrechtBlockquotePaddingBlockEnd": "2rem",
602
- "utrechtBlockquotePaddingBlockStart": "2rem",
603
- "utrechtBlockquotePaddingInlineEnd": "2rem",
604
- "utrechtBlockquotePaddingInlineStart": "2rem",
605
- "utrechtBlockquoteRowGap": "0.75rem",
606
- "utrechtBlockquoteBackgroundColor": "transparent",
607
- "utrechtBlockquoteBorderColor": "#a90061",
608
- "utrechtBlockquoteBorderBlockStartWidth": 0,
609
- "utrechtBlockquoteBorderBlockEndWidth": 0,
610
- "utrechtBlockquoteBorderInlineStartWidth": 0,
611
- "utrechtBlockquoteBorderInlineEndWidth": 0,
612
- "utrechtBlockquoteBorderStartStartRadius": 0,
613
- "utrechtBlockquoteBorderStartEndRadius": 0,
614
- "utrechtBlockquoteBorderEndStartRadius": 0,
615
- "utrechtBlockquoteBorderEndEndRadius": 0,
616
- "utrechtBlockquoteBorderWidth": "2px",
617
- "utrechtBlockquoteBlueCornerBorderVariationBorderColor": "#a90061",
618
- "utrechtBlockquoteBlueCornerBorderVariationBorderBlockEndWidth": "2px",
619
- "utrechtBlockquoteBlueCornerBorderVariationBorderInlineEndWidth": "2px",
620
- "utrechtBlockquoteBlueCornerBorderVariationBorderEndEndRadius": "3rem",
621
- "utrechtBlockquotePinkBackgroundVariationBackgroundColor": "#F6BDE1",
622
- "utrechtBlockquotePinkBackgroundVariationBorderEndStartRadius": "3rem",
623
- "utrechtBlockquotePinkBackgroundVariationPadding": "2.5rem",
624
- "utrechtBlockquotePinkLeftBorderVariationBorderColor": "#F6BDE1",
625
- "utrechtBlockquotePinkLeftBorderVariationBorderInlineStartWidth": "0.75rem",
626
- "utrechtBlockquotePinkLeftBorderVariationPaddingInlineStart": "2.5rem",
627
- "utrechtBlockquotePinkLeftBorderVariationPaddingInlineEnd": "2.5rem",
628
- "utrechtBlockquotePinkLeftBorderVariationPaddingBlockStart": "1.5rem",
629
- "utrechtBlockquotePinkLeftBorderVariationPaddingBlockEnd": "1.5rem",
630
- "utrechtBlockquotePinkCornerBorderVariationBorderColor": "#F6BDE1",
631
- "utrechtBlockquotePinkCornerBorderVariationBorderBlockStartWidth": "0.25rem",
632
- "utrechtBlockquotePinkCornerBorderVariationBorderInlineStartWidth": "0.25rem",
633
- "utrechtBlockquotePinkCornerBorderVariationBorderStartStartRadius": "3rem",
634
- "utrechtBlockquotePinkCornerBorderVariationPadding": "2.5rem",
635
645
  "utrechtArticleMaxInlineSize": "75ch",
636
- "utrechtAlertHeadingFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
646
+ "utrechtAlertHeadingFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
637
647
  "utrechtAlertHeadingFontWeight": 700,
638
648
  "utrechtAlertHeadingLineHeight": "150%",
639
649
  "utrechtAlertHeadingFontSize": "1.25rem",
@@ -684,8 +694,8 @@
684
694
  "utrechtAccordionButtonBorderColor": "#94A3B8",
685
695
  "utrechtAccordionButtonBorderWidth": 0,
686
696
  "utrechtAccordionButtonColor": "#0F172A",
687
- "utrechtAccordionButtonFocusBackgroundColor": "#dce3ea",
688
- "utrechtAccordionButtonFocusBorderColor": "#154273",
697
+ "utrechtAccordionButtonFocusBackgroundColor": "#f2d9e7",
698
+ "utrechtAccordionButtonFocusBorderColor": "#a90061",
689
699
  "utrechtAccordionButtonFocusColor": "#0F172A",
690
700
  "utrechtAccordionButtonActiveBackgroundColor": "#F1F5F9",
691
701
  "utrechtAccordionButtonActiveBorderColor": "#94A3B8",
@@ -693,7 +703,7 @@
693
703
  "utrechtAccordionButtonActiveRowGap": 0,
694
704
  "utrechtDocumentBackgroundColor": "#fff",
695
705
  "utrechtDocumentColor": "#0F172A",
696
- "utrechtDocumentFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
706
+ "utrechtDocumentFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
697
707
  "utrechtDocumentFontSize": "1.25rem",
698
708
  "utrechtDocumentLineHeight": "150%",
699
709
  "utrechtDocumentFontWeight": 400,
@@ -708,6 +718,27 @@
708
718
  "utrechtFocusOutlineStyle": "solid",
709
719
  "utrechtFocusOutlineWidth": "2px",
710
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",
711
742
  "rhcColorPrimary50": "#f2d9e7",
712
743
  "rhcColorPrimary100": "#e5b3d0",
713
744
  "rhcColorPrimary200": "#D88CB7",
@@ -719,6 +750,8 @@
719
750
  "rhcColorForegroundDefault": "#0F172A",
720
751
  "rhcColorForegroundSubdued": "#334155",
721
752
  "rhcColorForegroundLink": "#01689b",
753
+ "rhcColorForegroundOnDarkColor": "#fff",
754
+ "rhcColorForegroundOnLightColor": "#000",
722
755
  "rhcColorForegroundOnEmphasis": "#fff",
723
756
  "rhcColorBorderDefault": "#64748B",
724
757
  "rhcColorBorderSubdued": "#94A3B8",
@@ -889,7 +922,7 @@
889
922
  "rhcSidenavLinkIconSize": "24px",
890
923
  "rhcSidenavLinkIconMarginInline": "0.5rem",
891
924
  "rhcSidenavLinkFontSize": "1.25rem",
892
- "rhcSidenavLinkFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
925
+ "rhcSidenavLinkFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
893
926
  "rhcSidenavLinkFontWeight": 400,
894
927
  "rhcSidenavLinkCurrentFontWeight": 700,
895
928
  "rhcSidenavLinkCurrentColor": "#0F172A",
@@ -899,7 +932,7 @@
899
932
  "rhcSidenavLinkFocusBorderRadius": 0,
900
933
  "rhcSidenavLinkFocusBorderWidth": "2px",
901
934
  "rhcSidenavLinkFocusBorderStyle": "solid",
902
- "rhcSidenavLinkFocusBorderColor": "#154273",
935
+ "rhcSidenavLinkFocusBorderColor": "#a90061",
903
936
  "rhcSidenavLinkFocusBackgroundColor": "none",
904
937
  "rhcSidenavLinkFocusColor": "#01689b",
905
938
  "rhcSidenavLinkFocusTextDecoration": "None",
@@ -921,13 +954,13 @@
921
954
  "rhcNavigationListItemContentFontSize": "1.125rem",
922
955
  "rhcNavigationListItemContentColumnGap": "0.5rem",
923
956
  "rhcNavigationListItemContentRowGap": "0.25rem",
924
- "rhcNavigationListItemLabelFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
957
+ "rhcNavigationListItemLabelFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
925
958
  "rhcNavigationListItemLabelFontSize": "1.875rem",
926
959
  "rhcNavigationListItemLabelFontWeight": 700,
927
960
  "rhcNavigationListItemLabelLineHeight": "150%",
928
961
  "rhcNavigationListItemActiveBackgroundColor": "#F1F5F9",
929
962
  "rhcNavigationListItemHoverBackgroundColor": "#F8FAFC",
930
- "rhcNavigationListItemFocusBackgroundColor": "#dce3ea",
963
+ "rhcNavigationListItemFocusBackgroundColor": "#f2d9e7",
931
964
  "rhcNavigationListItemBackgroundColor": "#fff",
932
965
  "rhcNavigationListItemColor": "#334155",
933
966
  "rhcNavigationListItemBorderWidth": "1px",
@@ -975,7 +1008,7 @@
975
1008
  "rhcMessageListItemContentFontSize": "1.125rem",
976
1009
  "rhcMessageListItemContentColumnGap": "0.5rem",
977
1010
  "rhcMessageListItemContentRowGap": "0.5rem",
978
- "rhcMessageListItemLabelFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
1011
+ "rhcMessageListItemLabelFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
979
1012
  "rhcMessageListItemLabelFontSize": "1.25rem",
980
1013
  "rhcMessageListItemLabelFontWeight": 700,
981
1014
  "rhcMessageListItemLabelLineHeight": "150%",
@@ -992,7 +1025,7 @@
992
1025
  "rhcLogoSubtitleLineHeight": "1rem",
993
1026
  "rhcLogoSubtitleFontSize": "0.775rem",
994
1027
  "rhcLogoColumnGap": "12px",
995
- "rhcLogoFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
1028
+ "rhcLogoFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
996
1029
  "rhcLogoColor": "#154273",
997
1030
  "rhcLinkListCardBackgroundColor": "#fff",
998
1031
  "rhcLinkListCardPaddingBlockStart": "1.5rem",
@@ -1008,12 +1041,12 @@
1008
1041
  "rhcHeroHeadingFontWeight": 700,
1009
1042
  "rhcHeroHeadingLineHeight": "125%",
1010
1043
  "rhcHeroHeadingFontSize": "1.875rem",
1011
- "rhcHeroHeadingFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
1044
+ "rhcHeroHeadingFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1012
1045
  "rhcHeroSubHeadingFontWeight": 400,
1013
1046
  "rhcHeroSubHeadingLineHeight": "150%",
1014
1047
  "rhcHeroSubHeadingFontSize": "1.25rem",
1015
- "rhcHeroSubHeadingFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
1016
- "rhcHeroMessageBackgroundColor": "#154273",
1048
+ "rhcHeroSubHeadingFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1049
+ "rhcHeroMessageBackgroundColor": "#a90061",
1017
1050
  "rhcHeroMessageColor": "#fff",
1018
1051
  "rhcHeroMessageRowGap": "0.125rem",
1019
1052
  "rhcHeroMessagePaddingBlockEnd": "1rem",
@@ -1039,7 +1072,7 @@
1039
1072
  "rhcPageFooterContentPaddingInlineEnd": "1rem",
1040
1073
  "rhcPageFooterContentColumnGap": "2rem",
1041
1074
  "rhcPageFooterBorderBlockStartWidth": "2px",
1042
- "rhcPageFooterBorderBlockStartColor": "#738eab",
1075
+ "rhcPageFooterBorderBlockStartColor": "#CB66A0",
1043
1076
  "rhcPageFooterBorderBlockStartStyle": "solid",
1044
1077
  "rhcPageFooterOutlinedBackgroundColor": "#fff",
1045
1078
  "rhcPageFooterOutlinedColor": "#a90061",
@@ -1054,7 +1087,7 @@
1054
1087
  "rhcFileInputFeedbackColor": "#475569",
1055
1088
  "rhcFileInputFeedbackFontSize": "1rem",
1056
1089
  "rhcFileBorderStyle": "solid",
1057
- "rhcFileBorderColor": "#154273",
1090
+ "rhcFileBorderColor": "#a90061",
1058
1091
  "rhcFileBorderWidth": "1px",
1059
1092
  "rhcFileBorderRadius": 0,
1060
1093
  "rhcFilePaddingInlineStart": "1rem",
@@ -1079,7 +1112,7 @@
1079
1112
  "rhcCardAsLinkColor": "#0F172A",
1080
1113
  "rhcCardAsLinkColumnGap": "1rem",
1081
1114
  "rhcCardAsLinkInlineSize": "328px",
1082
- "rhcCardAsLinkIconColor": "#154273",
1115
+ "rhcCardAsLinkIconColor": "#a90061",
1083
1116
  "rhcCardAsLinkIconSize": "24px",
1084
1117
  "rhcCardAsLinkLinkColor": "#01689b",
1085
1118
  "rhcCardAsLinkLinkTextDecoration": "underline",
@@ -1096,17 +1129,17 @@
1096
1129
  "rhcCardAsLinkActiveTextDecoration": "underline",
1097
1130
  "rhcCardAsLinkHoverBackgroundColor": "#F8FAFC",
1098
1131
  "rhcCardAsLinkHoverTextDecoration": "underline",
1099
- "rhcCardAsLinkFocusBackgroundColor": "#dce3ea",
1132
+ "rhcCardAsLinkFocusBackgroundColor": "#f2d9e7",
1100
1133
  "rhcCardAsLinkFocusTextDecoration": "underline",
1101
1134
  "rhcCardAsLinkFullBleedBackgroundColor": "#000",
1102
1135
  "rhcCardAsLinkFullBleedBorderColor": "transparent",
1103
1136
  "rhcCardAsLinkFullBleedColor": "#fff",
1104
1137
  "rhcCardAsLinkFullBleedOpacity": 0.5,
1105
- "rhcCardAsLinkHeadingColor": "#154273",
1138
+ "rhcCardAsLinkHeadingColor": "#a90061",
1106
1139
  "rhcCardAsLinkHeadingPaddingBlockStart": "0.5rem",
1107
1140
  "rhcCardAsLinkHeadingFontSize": "1.5rem",
1108
1141
  "rhcCardAsLinkHeadingFontWeight": 700,
1109
- "rhcCardAsLinkHorizontalBackgroundColor": "#154273",
1142
+ "rhcCardAsLinkHorizontalBackgroundColor": "#a90061",
1110
1143
  "rhcCardAsLinkHorizontalBorderColor": "transparent",
1111
1144
  "rhcCardAsLinkHorizontalColor": "#fff",
1112
1145
  "rhcCardAsLinkHorizontalMaxBlockSize": "96px",
@@ -1115,7 +1148,7 @@
1115
1148
  "rhcCardAsLinkHorizontalPaddingInlineEnd": "1rem",
1116
1149
  "rhcCardAsLinkHorizontalPaddingInlineStart": "1rem",
1117
1150
  "rhcCardAsLinkHorizontalHeadingInlineSize": "200px",
1118
- "rhcAccordionButtonFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
1151
+ "rhcAccordionButtonFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1119
1152
  "rhcAccordionButtonFontSize": "1.25rem",
1120
1153
  "rhcAccordionButtonFontWeight": 400,
1121
1154
  "rhcAccordionButtonLineHeight": "150%",
@@ -1132,22 +1165,6 @@
1132
1165
  "rhcAccordionHeaderMargin": 0,
1133
1166
  "rhcAccordionBorderRadius": "0px",
1134
1167
  "rhcAccordionColor": "#0F172A",
1135
- "rhcKeepTopLeftBorderRadiusTopLeft": 0,
1136
- "rhcKeepTopLeftBorderRadiusTopRight": 0,
1137
- "rhcKeepTopLeftBorderRadiusBottomRight": 0,
1138
- "rhcKeepTopLeftBorderRadiusBottomLeft": 0,
1139
- "rhcKeepTopRightBorderRadiusTopRight": 0,
1140
- "rhcKeepTopRightBorderRadiusTopLeft": 0,
1141
- "rhcKeepTopRightBorderRadiusBottomRight": 0,
1142
- "rhcKeepTopRightBorderRadiusBottomLeft": 0,
1143
- "rhcKeepBottomRightBorderRadiusTopLeft": 0,
1144
- "rhcKeepBottomRightBorderRadiusTopRight": 0,
1145
- "rhcKeepBottomRightBorderRadiusBottomRight": 0,
1146
- "rhcKeepBottomRightBorderRadiusBottomLeft": 0,
1147
- "rhcKeepBottomLeftBorderRadiusTopLeft": 0,
1148
- "rhcKeepBottomLeftBorderRadiusTopRight": 0,
1149
- "rhcKeepBottomLeftBorderRadiusBottomRight": 0,
1150
- "rhcKeepBottomLeftBorderRadiusBottomLeft": 0,
1151
1168
  "rhcFocusOutlineOffset": "0.125rem",
1152
1169
  "rhcFocusOutlineStyle": "solid",
1153
1170
  "rhcFocusOutlineWidth": "2px",
@@ -1191,7 +1208,7 @@
1191
1208
  "rhcFontWeightChosenRegular": 400,
1192
1209
  "rhcFontWeightLight": 300,
1193
1210
  "rhcFontWeightThin": 200,
1194
- "rhcFontFamilyPrimary": "Fira Sans, Arial, Verdana, sans-serif",
1211
+ "rhcFontFamilyPrimary": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1195
1212
  "rhcFontFamilySecondary": "RijksoverheidSerifWeb, 'Times New Roman', serif",
1196
1213
  "rhcBorderWidthDefault": "1px",
1197
1214
  "rhcBorderWidthM": "2px",
@@ -1208,7 +1225,7 @@
1208
1225
  "rhcSpace600": "3rem",
1209
1226
  "rhcSpace700": "3.5rem",
1210
1227
  "nlSkipLinkFontWeight": 700,
1211
- "nlSkipLinkFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
1228
+ "nlSkipLinkFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1212
1229
  "nlSkipLinkFontSize": "1.25rem",
1213
1230
  "nlSkipLinkLineHeight": "150%",
1214
1231
  "nlSkipLinkMinBlockSize": "48px",
@@ -1218,13 +1235,13 @@
1218
1235
  "nlSkipLinkPaddingInlineEnd": "1rem",
1219
1236
  "nlSkipLinkPaddingInlineStart": "1rem",
1220
1237
  "nlSkipLinkFocusBackgroundColor": "#fff",
1221
- "nlSkipLinkFocusBorderColor": "#154273",
1238
+ "nlSkipLinkFocusBorderColor": "#a90061",
1222
1239
  "nlSkipLinkFocusBorderStyle": "solid",
1223
1240
  "nlSkipLinkFocusBorderWidth": "2px",
1224
1241
  "nlSkipLinkFocusColor": "#0F172A",
1225
1242
  "nlSkipLinkFocusTextDecoration": "None",
1226
1243
  "nlSkipLinkFocusVisibleOutlineColor": "#000",
1227
- "nlSkipLinkBackgroundColor": "#154273",
1244
+ "nlSkipLinkBackgroundColor": "#a90061",
1228
1245
  "nlSkipLinkBorderColor": "transparent",
1229
1246
  "nlSkipLinkColor": "#fff",
1230
1247
  "nlSkipLinkBorderWidth": "2px",
@@ -1236,7 +1253,7 @@
1236
1253
  "nlSkipLinkTextDecoration": "underline",
1237
1254
  "nlSkipLinkTextUnderlineOffset": "0.125rem",
1238
1255
  "nlParagraphColor": "#0F172A",
1239
- "nlParagraphFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
1256
+ "nlParagraphFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1240
1257
  "nlParagraphFontSize": "1.25rem",
1241
1258
  "nlParagraphFontWeight": 400,
1242
1259
  "nlParagraphLineHeight": "150%",
@@ -1264,40 +1281,40 @@
1264
1281
  "nlLinkColumnGap": "0.25rem",
1265
1282
  "nlLinkTextDecorationThickness": "auto",
1266
1283
  "nlLinkTextUnderlineOffset": "0.125rem",
1267
- "nlLinkFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
1284
+ "nlLinkFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1268
1285
  "nlLinkFontWeight": 400,
1269
1286
  "nlLinkFontSize": "1.25rem",
1270
1287
  "nlLinkLineHeight": "150%",
1271
- "nlHeadingLevel1Color": "#154273",
1272
- "nlHeadingLevel1FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
1288
+ "nlHeadingLevel1Color": "#a90061",
1289
+ "nlHeadingLevel1FontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1273
1290
  "nlHeadingLevel1FontWeight": 700,
1274
1291
  "nlHeadingLevel1LineHeight": "125%",
1275
1292
  "nlHeadingLevel1FontSize": "3.125rem",
1276
1293
  "nlHeadingLevel1MarginBlockEnd": 0,
1277
1294
  "nlHeadingLevel1MarginBlockStart": 0,
1278
- "nlHeadingLevel2Color": "#154273",
1279
- "nlHeadingLevel2FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
1295
+ "nlHeadingLevel2Color": "#a90061",
1296
+ "nlHeadingLevel2FontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1280
1297
  "nlHeadingLevel2FontWeight": 700,
1281
1298
  "nlHeadingLevel2LineHeight": "125%",
1282
1299
  "nlHeadingLevel2FontSize": "2.5rem",
1283
1300
  "nlHeadingLevel2MarginBlockEnd": 0,
1284
1301
  "nlHeadingLevel2MarginBlockStart": 0,
1285
- "nlHeadingLevel3Color": "#154273",
1286
- "nlHeadingLevel3FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
1302
+ "nlHeadingLevel3Color": "#a90061",
1303
+ "nlHeadingLevel3FontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1287
1304
  "nlHeadingLevel3FontWeight": 700,
1288
1305
  "nlHeadingLevel3LineHeight": "125%",
1289
1306
  "nlHeadingLevel3FontSize": "1.875rem",
1290
1307
  "nlHeadingLevel3MarginBlockEnd": 0,
1291
1308
  "nlHeadingLevel3MarginBlockStart": 0,
1292
- "nlHeadingLevel4Color": "#154273",
1293
- "nlHeadingLevel4FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
1309
+ "nlHeadingLevel4Color": "#a90061",
1310
+ "nlHeadingLevel4FontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1294
1311
  "nlHeadingLevel4FontWeight": 700,
1295
1312
  "nlHeadingLevel4LineHeight": "125%",
1296
1313
  "nlHeadingLevel4FontSize": "1.5rem",
1297
1314
  "nlHeadingLevel4MarginBlockEnd": 0,
1298
1315
  "nlHeadingLevel4MarginBlockStart": 0,
1299
- "nlHeadingLevel5Color": "#154273",
1300
- "nlHeadingLevel5FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
1316
+ "nlHeadingLevel5Color": "#a90061",
1317
+ "nlHeadingLevel5FontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1301
1318
  "nlHeadingLevel5FontWeight": 700,
1302
1319
  "nlHeadingLevel5LineHeight": "125%",
1303
1320
  "nlHeadingLevel5FontSize": "1.25rem",
@@ -1310,8 +1327,8 @@
1310
1327
  "nlNumberBadgeFontWeight": 700,
1311
1328
  "nlNumberBadgeBorderWidth": "0px",
1312
1329
  "nlNumberBadgeBorderRadius": "999px",
1313
- "nlNumberBadgeFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
1314
- "nlNumberBadgeBackgroundColor": "#154273",
1330
+ "nlNumberBadgeFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1331
+ "nlNumberBadgeBackgroundColor": "#a90061",
1315
1332
  "nlNumberBadgeBorderColor": "transparent",
1316
1333
  "nlNumberBadgeColor": "#fff",
1317
1334
  "nlNumberBadgePaddingInline": "0.5rem",