@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
package/dist/wetgevend/_variables.scss CHANGED
@@ -1,13 +1,13 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 19 Mar 2025 14:52:03 GMT
3
+ // Generated on Tue, 27 May 2025 13:07:14 GMT
4
4
 
5
5
  $nl-number-badge-padding-block: 0.5rem;
6
6
  $nl-number-badge-padding-inline: 0.5rem;
7
7
  $nl-number-badge-color: #fff;
8
8
  $nl-number-badge-border-color: transparent;
9
9
  $nl-number-badge-background-color: #154273;
10
- $nl-number-badge-font-family: Fira Sans, Arial, Verdana, sans-serif;
10
+ $nl-number-badge-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
11
11
  $nl-number-badge-border-radius: 999px;
12
12
  $nl-number-badge-border-width: 0px;
13
13
  $nl-number-badge-font-weight: 700;
@@ -20,40 +20,40 @@ $nl-heading-level-5-margin-block-end: 0;
20
20
  $nl-heading-level-5-font-size: 1.25rem;
21
21
  $nl-heading-level-5-line-height: 125%;
22
22
  $nl-heading-level-5-font-weight: 700;
23
- $nl-heading-level-5-font-family: Fira Sans, Arial, Verdana, sans-serif;
23
+ $nl-heading-level-5-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
24
24
  $nl-heading-level-5-color: #154273;
25
25
  $nl-heading-level-4-margin-block-start: 0;
26
26
  $nl-heading-level-4-margin-block-end: 0;
27
27
  $nl-heading-level-4-font-size: 1.5rem;
28
28
  $nl-heading-level-4-line-height: 125%;
29
29
  $nl-heading-level-4-font-weight: 700;
30
- $nl-heading-level-4-font-family: Fira Sans, Arial, Verdana, sans-serif;
30
+ $nl-heading-level-4-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
31
31
  $nl-heading-level-4-color: #154273;
32
32
  $nl-heading-level-3-margin-block-start: 0;
33
33
  $nl-heading-level-3-margin-block-end: 0;
34
34
  $nl-heading-level-3-font-size: 1.875rem;
35
35
  $nl-heading-level-3-line-height: 125%;
36
36
  $nl-heading-level-3-font-weight: 700;
37
- $nl-heading-level-3-font-family: Fira Sans, Arial, Verdana, sans-serif;
37
+ $nl-heading-level-3-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
38
38
  $nl-heading-level-3-color: #154273;
39
39
  $nl-heading-level-2-margin-block-start: 0;
40
40
  $nl-heading-level-2-margin-block-end: 0;
41
41
  $nl-heading-level-2-font-size: 2.5rem;
42
42
  $nl-heading-level-2-line-height: 125%;
43
43
  $nl-heading-level-2-font-weight: 700;
44
- $nl-heading-level-2-font-family: Fira Sans, Arial, Verdana, sans-serif;
44
+ $nl-heading-level-2-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
45
45
  $nl-heading-level-2-color: #154273;
46
46
  $nl-heading-level-1-margin-block-start: 0;
47
47
  $nl-heading-level-1-margin-block-end: 0;
48
48
  $nl-heading-level-1-font-size: 3.125rem;
49
49
  $nl-heading-level-1-line-height: 125%;
50
50
  $nl-heading-level-1-font-weight: 700;
51
- $nl-heading-level-1-font-family: Fira Sans, Arial, Verdana, sans-serif;
51
+ $nl-heading-level-1-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
52
52
  $nl-heading-level-1-color: #154273;
53
53
  $nl-link-line-height: 150%;
54
54
  $nl-link-font-size: 1.25rem;
55
55
  $nl-link-font-weight: 400;
56
- $nl-link-font-family: Fira Sans, Arial, Verdana, sans-serif;
56
+ $nl-link-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
57
57
  $nl-link-text-underline-offset: 0.125rem;
58
58
  $nl-link-text-decoration-thickness: auto;
59
59
  $nl-link-column-gap: 0.25rem;
@@ -81,7 +81,7 @@ $nl-paragraph-margin-block-end: 0;
81
81
  $nl-paragraph-line-height: 150%;
82
82
  $nl-paragraph-font-weight: 400;
83
83
  $nl-paragraph-font-size: 1.25rem;
84
- $nl-paragraph-font-family: Fira Sans, Arial, Verdana, sans-serif;
84
+ $nl-paragraph-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
85
85
  $nl-paragraph-color: #0F172A;
86
86
  $nl-skip-link-text-underline-offset: 0.125rem;
87
87
  $nl-skip-link-text-decoration: underline;
@@ -109,7 +109,7 @@ $nl-skip-link-min-inline-size: 48px;
109
109
  $nl-skip-link-min-block-size: 48px;
110
110
  $nl-skip-link-line-height: 150%;
111
111
  $nl-skip-link-font-size: 1.25rem;
112
- $nl-skip-link-font-family: Fira Sans, Arial, Verdana, sans-serif;
112
+ $nl-skip-link-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
113
113
  $nl-skip-link-font-weight: 700;
114
114
  $rhc-space-700: 3.5rem;
115
115
  $rhc-space-600: 3rem;
@@ -126,7 +126,7 @@ $rhc-border-width-none: 0px;
126
126
  $rhc-border-width-m: 2px;
127
127
  $rhc-border-width-default: 1px;
128
128
  $rhc-font-family-secondary: RijksoverheidSerifWeb, 'Times New Roman', serif;
129
- $rhc-font-family-primary: Fira Sans, Arial, Verdana, sans-serif;
129
+ $rhc-font-family-primary: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
130
130
  $rhc-font-weight-thin: 200;
131
131
  $rhc-font-weight-light: 300;
132
132
  $rhc-font-weight-chosen-regular: 400;
@@ -298,6 +298,7 @@ $rhc-color-primary-300: #738eab;
298
298
  $rhc-color-primary-200: #95a9c0;
299
299
  $rhc-color-primary-100: #b8c6d5;
300
300
  $rhc-color-primary-50: #dce3ea;
301
+ $rhc-color-accent-2-500: #f092cd;
301
302
  $rhc-color-accent-500: #8fcae7;
302
303
  $rhc-color-feedback-warning-subdued: #fff4db;
303
304
  $rhc-color-feedback-warning-default: #ffb612;
@@ -311,32 +312,17 @@ $rhc-color-canvas: #fff;
311
312
  $rhc-color-border-strong: #0F172A;
312
313
  $rhc-color-border-subdued: #94A3B8;
313
314
  $rhc-color-border-default: #64748B;
314
- $rhc-color-foreground-link: #01689b;
315
315
  $rhc-color-foreground-on-emphasis: #fff;
316
+ $rhc-color-foreground-on-light-color: #000;
317
+ $rhc-color-foreground-on-dark-color: #fff;
318
+ $rhc-color-foreground-link: #01689b;
316
319
  $rhc-color-foreground-subdued: #334155;
317
320
  $rhc-color-foreground-default: #0F172A;
318
321
  $rhc-color-focus-outline: #000;
319
322
  $rhc-border-radius-none: 0px;
320
323
  $rhc-border-radius-circle: 999px;
321
- $rhc-border-radius-keep: 48px;
322
324
  $rhc-border-radius-md: 5px;
323
325
  $rhc-border-radius-sm: 2.5px;
324
- $rhc-keep-bottom-left-border-radius-bottom-left: 48px;
325
- $rhc-keep-bottom-left-border-radius-bottom-right: 0;
326
- $rhc-keep-bottom-left-border-radius-top-right: 0;
327
- $rhc-keep-bottom-left-border-radius-top-left: 0;
328
- $rhc-keep-bottom-right-border-radius-bottom-left: 0;
329
- $rhc-keep-bottom-right-border-radius-bottom-right: 48px;
330
- $rhc-keep-bottom-right-border-radius-top-right: 0;
331
- $rhc-keep-bottom-right-border-radius-top-left: 0;
332
- $rhc-keep-top-right-border-radius-bottom-left: 0;
333
- $rhc-keep-top-right-border-radius-bottom-right: 0;
334
- $rhc-keep-top-right-border-radius-top-left: 0;
335
- $rhc-keep-top-right-border-radius-top-right: 48px;
336
- $rhc-keep-top-left-border-radius-bottom-left: 0;
337
- $rhc-keep-top-left-border-radius-bottom-right: 0;
338
- $rhc-keep-top-left-border-radius-top-right: 0;
339
- $rhc-keep-top-left-border-radius-top-left: 48px;
340
326
  $rhc-accordion-color: #0F172A;
341
327
  $rhc-accordion-border-radius: 0px;
342
328
  $rhc-accordion-header-margin: 0;
@@ -353,7 +339,7 @@ $rhc-accordion-button-icon-margin-block: 0.25rem;
353
339
  $rhc-accordion-button-line-height: 150%;
354
340
  $rhc-accordion-button-font-weight: 400;
355
341
  $rhc-accordion-button-font-size: 1.25rem;
356
- $rhc-accordion-button-font-family: Fira Sans, Arial, Verdana, sans-serif;
342
+ $rhc-accordion-button-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
357
343
  $rhc-card-as-link-horizontal-heading-inline-size: 200px;
358
344
  $rhc-card-as-link-horizontal-padding-inline-start: 1rem;
359
345
  $rhc-card-as-link-horizontal-padding-inline-end: 1rem;
@@ -456,11 +442,11 @@ $rhc-hero-message-padding-block-end: 1rem;
456
442
  $rhc-hero-message-row-gap: 0.125rem;
457
443
  $rhc-hero-message-color: #fff;
458
444
  $rhc-hero-message-background-color: #154273;
459
- $rhc-hero-sub-heading-font-family: Fira Sans, Arial, Verdana, sans-serif;
445
+ $rhc-hero-sub-heading-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
460
446
  $rhc-hero-sub-heading-font-size: 1.25rem;
461
447
  $rhc-hero-sub-heading-line-height: 150%;
462
448
  $rhc-hero-sub-heading-font-weight: 400;
463
- $rhc-hero-heading-font-family: Fira Sans, Arial, Verdana, sans-serif;
449
+ $rhc-hero-heading-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
464
450
  $rhc-hero-heading-font-size: 1.875rem;
465
451
  $rhc-hero-heading-line-height: 125%;
466
452
  $rhc-hero-heading-font-weight: 700;
@@ -476,7 +462,7 @@ $rhc-link-list-card-padding-block-end: 1.5rem;
476
462
  $rhc-link-list-card-padding-block-start: 1.5rem;
477
463
  $rhc-link-list-card-background-color: #fff;
478
464
  $rhc-logo-color: #154273;
479
- $rhc-logo-font-family: Fira Sans, Arial, Verdana, sans-serif;
465
+ $rhc-logo-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
480
466
  $rhc-logo-column-gap: 12px;
481
467
  $rhc-logo-subtitle-font-size: 0.775rem;
482
468
  $rhc-logo-subtitle-line-height: 1rem;
@@ -493,7 +479,7 @@ $rhc-message-list-item-heading-color: #0F172A;
493
479
  $rhc-message-list-item-label-line-height: 150%;
494
480
  $rhc-message-list-item-label-font-weight: 700;
495
481
  $rhc-message-list-item-label-font-size: 1.25rem;
496
- $rhc-message-list-item-label-font-family: Fira Sans, Arial, Verdana, sans-serif;
482
+ $rhc-message-list-item-label-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
497
483
  $rhc-message-list-item-content-row-gap: 0.5rem;
498
484
  $rhc-message-list-item-content-column-gap: 0.5rem;
499
485
  $rhc-message-list-item-content-font-size: 1.125rem;
@@ -547,7 +533,7 @@ $rhc-navigation-list-item-active-background-color: #F1F5F9;
547
533
  $rhc-navigation-list-item-label-line-height: 150%;
548
534
  $rhc-navigation-list-item-label-font-weight: 700;
549
535
  $rhc-navigation-list-item-label-font-size: 1.875rem;
550
- $rhc-navigation-list-item-label-font-family: Fira Sans, Arial, Verdana, sans-serif;
536
+ $rhc-navigation-list-item-label-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
551
537
  $rhc-navigation-list-item-content-row-gap: 0.25rem;
552
538
  $rhc-navigation-list-item-content-column-gap: 0.5rem;
553
539
  $rhc-navigation-list-item-content-font-size: 1.125rem;
@@ -579,7 +565,7 @@ $rhc-sidenav-link-color: #01689b;
579
565
  $rhc-sidenav-link-current-color: #0F172A;
580
566
  $rhc-sidenav-link-current-font-weight: 700;
581
567
  $rhc-sidenav-link-font-weight: 400;
582
- $rhc-sidenav-link-font-family: Fira Sans, Arial, Verdana, sans-serif;
568
+ $rhc-sidenav-link-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
583
569
  $rhc-sidenav-link-font-size: 1.25rem;
584
570
  $rhc-sidenav-link-icon-margin-inline: 0.5rem;
585
571
  $rhc-sidenav-link-icon-size: 24px;
@@ -609,6 +595,27 @@ $rhc-sub-nav-bar-padding-block-end: 2rem;
609
595
  $rhc-sub-nav-bar-column-width: 375px;
610
596
  $rhc-sub-nav-bar-column-gap: 0.5rem;
611
597
  $rhc-sub-nav-bar-background-color: #f2f4f6;
598
+ $rhc-rounded-corner-border-width: 2px;
599
+ $rhc-rounded-corner-xl-border-radius: 96px;
600
+ $rhc-rounded-corner-md-border-radius: 48px;
601
+ $rhc-rounded-corner-xs-border-radius: 24px;
602
+ $rhc-keep-bottom-left-border-radius-bottom-left: 48px;
603
+ $rhc-keep-bottom-left-border-radius-bottom-right: 0;
604
+ $rhc-keep-bottom-left-border-radius-top-right: 0;
605
+ $rhc-keep-bottom-left-border-radius-top-left: 0;
606
+ $rhc-keep-bottom-right-border-radius-bottom-left: 0;
607
+ $rhc-keep-bottom-right-border-radius-bottom-right: 48px;
608
+ $rhc-keep-bottom-right-border-radius-top-right: 0;
609
+ $rhc-keep-bottom-right-border-radius-top-left: 0;
610
+ $rhc-keep-top-right-border-radius-bottom-left: 0;
611
+ $rhc-keep-top-right-border-radius-bottom-right: 0;
612
+ $rhc-keep-top-right-border-radius-top-left: 0;
613
+ $rhc-keep-top-right-border-radius-top-right: 48px;
614
+ $rhc-keep-top-left-border-radius-bottom-left: 0;
615
+ $rhc-keep-top-left-border-radius-bottom-right: 0;
616
+ $rhc-keep-top-left-border-radius-top-right: 0;
617
+ $rhc-keep-top-left-border-radius-top-left: 48px;
618
+ $rhc-keep-comment: ⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset components/blockquote.;
612
619
  $utrecht-focus-inverse-outline-color: #fff;
613
620
  $utrecht-focus-outline-width: 2px;
614
621
  $utrecht-focus-outline-style: solid;
@@ -623,7 +630,7 @@ $utrecht-rich-text-stranger-margin-block-end: 2rem;
623
630
  $utrecht-document-font-weight: 400;
624
631
  $utrecht-document-line-height: 150%;
625
632
  $utrecht-document-font-size: 1.25rem;
626
- $utrecht-document-font-family: Fira Sans, Arial, Verdana, sans-serif;
633
+ $utrecht-document-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
627
634
  $utrecht-document-color: #0F172A;
628
635
  $utrecht-document-background-color: #fff;
629
636
  $utrecht-accordion-button-active-row-gap: 0;
@@ -683,59 +690,10 @@ $utrecht-alert-column-gap: 0.5rem;
683
690
  $utrecht-alert-heading-font-size: 1.25rem;
684
691
  $utrecht-alert-heading-line-height: 150%;
685
692
  $utrecht-alert-heading-font-weight: 700;
686
- $utrecht-alert-heading-font-family: Fira Sans, Arial, Verdana, sans-serif;
693
+ $utrecht-alert-heading-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
687
694
  $utrecht-article-max-inline-size: 75ch;
688
- $utrecht-blockquote-pink-corner-border-variation-padding: 2.5rem;
689
- $utrecht-blockquote-pink-corner-border-variation-border-start-start-radius: 3rem;
690
- $utrecht-blockquote-pink-corner-border-variation-border-inline-start-width: 0.25rem;
691
- $utrecht-blockquote-pink-corner-border-variation-border-block-start-width: 0.25rem;
692
- $utrecht-blockquote-pink-corner-border-variation-border-color: #F6BDE1;
693
- $utrecht-blockquote-pink-left-border-variation-padding-block-end: 1.5rem;
694
- $utrecht-blockquote-pink-left-border-variation-padding-block-start: 1.5rem;
695
- $utrecht-blockquote-pink-left-border-variation-padding-inline-end: 2.5rem;
696
- $utrecht-blockquote-pink-left-border-variation-padding-inline-start: 2.5rem;
697
- $utrecht-blockquote-pink-left-border-variation-border-inline-start-width: 0.75rem;
698
- $utrecht-blockquote-pink-left-border-variation-border-color: #F6BDE1;
699
- $utrecht-blockquote-pink-background-variation-padding: 2.5rem;
700
- $utrecht-blockquote-pink-background-variation-border-end-start-radius: 3rem;
701
- $utrecht-blockquote-pink-background-variation-background-color: #F6BDE1;
702
- $utrecht-blockquote-blue-corner-border-variation-border-end-end-radius: 3rem;
703
- $utrecht-blockquote-blue-corner-border-variation-border-inline-end-width: 2px;
704
- $utrecht-blockquote-blue-corner-border-variation-border-block-end-width: 2px;
705
- $utrecht-blockquote-blue-corner-border-variation-border-color: #154273;
706
- $utrecht-blockquote-border-width: 2px;
707
- $utrecht-blockquote-border-end-end-radius: 0;
708
- $utrecht-blockquote-border-end-start-radius: 0;
709
- $utrecht-blockquote-border-start-end-radius: 0;
710
- $utrecht-blockquote-border-start-start-radius: 0;
711
- $utrecht-blockquote-border-inline-end-width: 0;
712
- $utrecht-blockquote-border-inline-start-width: 0;
713
- $utrecht-blockquote-border-block-end-width: 0;
714
- $utrecht-blockquote-border-block-start-width: 0;
715
- $utrecht-blockquote-border-color: #154273;
716
- $utrecht-blockquote-background-color: transparent;
717
- $utrecht-blockquote-row-gap: 0.75rem;
718
- $utrecht-blockquote-padding-inline-start: 2rem;
719
- $utrecht-blockquote-padding-inline-end: 2rem;
720
- $utrecht-blockquote-padding-block-start: 2rem;
721
- $utrecht-blockquote-padding-block-end: 2rem;
722
- $utrecht-blockquote-margin-inline-start: 0;
723
- $utrecht-blockquote-margin-inline-end: 0;
724
- $utrecht-blockquote-margin-block-start: 0;
725
- $utrecht-blockquote-margin-block-end: 0;
726
- $utrecht-blockquote-content-color: #0F172A;
727
- $utrecht-blockquote-content-font-size: 1.5rem;
728
- $utrecht-blockquote-content-font-weight: 400;
729
- $utrecht-blockquote-content-line-height: 150%;
730
- $utrecht-blockquote-content-font-family: RijksoverheidSerifWeb, 'Times New Roman', serif;
731
- $utrecht-blockquote-caption-color: #334155;
732
- $utrecht-blockquote-caption-padding-block-start: 0.75rem;
733
- $utrecht-blockquote-caption-font-weight: 400;
734
- $utrecht-blockquote-caption-line-height: 150%;
735
- $utrecht-blockquote-caption-font-family: Fira Sans, Arial, Verdana, sans-serif;
736
- $utrecht-blockquote-caption-font-size: 1.25rem;
737
695
  $utrecht-breadcrumb-nav-font-weight: 400;
738
- $utrecht-breadcrumb-nav-font-family: Fira Sans, Arial, Verdana, sans-serif;
696
+ $utrecht-breadcrumb-nav-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
739
697
  $utrecht-breadcrumb-nav-margin-inline: 0.5rem;
740
698
  $utrecht-breadcrumb-nav-divider-inset-block-start: 0;
741
699
  $utrecht-breadcrumb-nav-divider-color: #334155;
@@ -759,11 +717,17 @@ $utrecht-breadcrumb-nav-link-icon-margin-inline: 0.25rem;
759
717
  $utrecht-breadcrumb-nav-link-icon-size: 24px;
760
718
  $utrecht-breadcrumb-nav-font-size: 1.25rem;
761
719
  $utrecht-breadcrumb-nav-line-height: 1.4;
720
+ $utrecht-button-pressed-color: #fff;
721
+ $utrecht-button-pressed-border-color: transparent;
722
+ $utrecht-button-pressed-background-color: #1E293B;
723
+ $utrecht-button-subtle-pressed-color: #162945;
724
+ $utrecht-button-subtle-pressed-border-color: transparent;
725
+ $utrecht-button-subtle-pressed-background-color: #b8c6d5;
762
726
  $utrecht-button-subtle-line-height: 1.875rem;
763
727
  $utrecht-button-subtle-active-color: #0d2845;
764
728
  $utrecht-button-subtle-active-border-color: transparent;
765
- $utrecht-button-subtle-active-background-color: transparent;
766
- $utrecht-button-subtle-focus-color: #154273;
729
+ $utrecht-button-subtle-active-background-color: #95a9c0;
730
+ $utrecht-button-subtle-focus-color: #162f50;
767
731
  $utrecht-button-subtle-focus-border-color: transparent;
768
732
  $utrecht-button-subtle-focus-background-color: #dce3ea;
769
733
  $utrecht-button-subtle-disabled-color: #b8c6d5;
@@ -774,27 +738,33 @@ $utrecht-button-subtle-border-color: transparent;
774
738
  $utrecht-button-subtle-background-color: transparent;
775
739
  $utrecht-button-subtle-hover-color: #162f50;
776
740
  $utrecht-button-subtle-hover-border-color: transparent;
777
- $utrecht-button-subtle-hover-background-color: transparent;
741
+ $utrecht-button-subtle-hover-background-color: #dce3ea;
778
742
  $utrecht-button-subtle-font-weight: 700;
779
743
  $utrecht-button-subtle-font-size: 1.25rem;
744
+ $utrecht-button-secondary-action-pressed-color: #162945;
745
+ $utrecht-button-secondary-action-pressed-border-color: #162945;
746
+ $utrecht-button-secondary-action-pressed-background-color: #b8c6d5;
780
747
  $utrecht-button-secondary-action-line-height: 1.875rem;
781
748
  $utrecht-button-secondary-action-font-size: 1.25rem;
782
- $utrecht-button-secondary-action-active-color: #154273;
783
- $utrecht-button-secondary-action-active-border-color: #154273;
749
+ $utrecht-button-secondary-action-active-color: #162f50;
750
+ $utrecht-button-secondary-action-active-border-color: #162945;
784
751
  $utrecht-button-secondary-action-active-background-color: #95a9c0;
785
752
  $utrecht-button-secondary-action-font-weight: 700;
786
- $utrecht-button-secondary-action-focus-color: #154273;
753
+ $utrecht-button-secondary-action-focus-color: #162f50;
787
754
  $utrecht-button-secondary-action-focus-border-color: transparent;
788
- $utrecht-button-secondary-action-focus-background-color: #b8c6d5;
755
+ $utrecht-button-secondary-action-focus-background-color: #dce3ea;
789
756
  $utrecht-button-secondary-action-disabled-color: #738eab;
790
- $utrecht-button-secondary-action-disabled-border-color: #738eab;
757
+ $utrecht-button-secondary-action-disabled-border-color: #95a9c0;
791
758
  $utrecht-button-secondary-action-disabled-background-color: transparent;
792
759
  $utrecht-button-secondary-action-color: #154273;
793
760
  $utrecht-button-secondary-action-border-color: #154273;
794
761
  $utrecht-button-secondary-action-background-color: transparent;
795
- $utrecht-button-secondary-action-hover-color: #154273;
796
- $utrecht-button-secondary-action-hover-border-color: transparent;
797
- $utrecht-button-secondary-action-hover-background-color: #b8c6d5;
762
+ $utrecht-button-secondary-action-hover-color: #162f50;
763
+ $utrecht-button-secondary-action-hover-border-color: #162f50;
764
+ $utrecht-button-secondary-action-hover-background-color: #dce3ea;
765
+ $utrecht-button-primary-action-pressed-color: #fff;
766
+ $utrecht-button-primary-action-pressed-border-color: transparent;
767
+ $utrecht-button-primary-action-pressed-background-color: #162945;
798
768
  $utrecht-button-primary-action-line-height: 1.875rem;
799
769
  $utrecht-button-primary-action-font-size: 1.25rem;
800
770
  $utrecht-button-primary-action-active-color: #fff;
@@ -803,9 +773,9 @@ $utrecht-button-primary-action-active-background-color: #0d2845;
803
773
  $utrecht-button-primary-action-font-weight: 700;
804
774
  $utrecht-button-primary-action-focus-color: #fff;
805
775
  $utrecht-button-primary-action-focus-border-color: transparent;
806
- $utrecht-button-primary-action-focus-background-color: #154273;
776
+ $utrecht-button-primary-action-focus-background-color: #162f50;
807
777
  $utrecht-button-primary-action-disabled-color: #4f7196;
808
- $utrecht-button-primary-action-disabled-border-color: #95a9c0;
778
+ $utrecht-button-primary-action-disabled-border-color: transparent;
809
779
  $utrecht-button-primary-action-disabled-background-color: #b8c6d5;
810
780
  $utrecht-button-primary-action-color: #fff;
811
781
  $utrecht-button-primary-action-border-color: transparent;
@@ -816,18 +786,18 @@ $utrecht-button-primary-action-hover-background-color: #162f50;
816
786
  $utrecht-button-column-gap: 0.5rem;
817
787
  $utrecht-button-min-inline-size: 48px;
818
788
  $utrecht-button-min-block-size: 48px;
819
- $utrecht-button-active-color: #0F172A;
820
- $utrecht-button-active-border-color: #0F172A;
821
- $utrecht-button-active-background-color: #CBD5E1;
822
- $utrecht-button-hover-color: #1E293B;
823
- $utrecht-button-hover-border-color: #1E293B;
824
- $utrecht-button-hover-background-color: #F8FAFC;
825
- $utrecht-button-focus-color: #1E293B;
789
+ $utrecht-button-active-color: #fff;
790
+ $utrecht-button-active-border-color: transparent;
791
+ $utrecht-button-active-background-color: #1E293B;
792
+ $utrecht-button-hover-color: #fff;
793
+ $utrecht-button-hover-border-color: transparent;
794
+ $utrecht-button-hover-background-color: #475569;
795
+ $utrecht-button-focus-color: #fff;
826
796
  $utrecht-button-focus-border-color: transparent;
827
- $utrecht-button-focus-background-color: #FDDE94;
828
- $utrecht-button-disabled-color: #64748B;
797
+ $utrecht-button-focus-background-color: #475569;
798
+ $utrecht-button-disabled-color: #94A3B8;
829
799
  $utrecht-button-disabled-border-color: transparent;
830
- $utrecht-button-disabled-background-color: #F8FAFC;
800
+ $utrecht-button-disabled-background-color: #E2E8F0;
831
801
  $utrecht-button-padding-inline-start: 1rem;
832
802
  $utrecht-button-padding-inline-end: 1rem;
833
803
  $utrecht-button-padding-block-start: 0.5rem;
@@ -835,14 +805,14 @@ $utrecht-button-padding-block-end: 0.5rem;
835
805
  $utrecht-button-line-height: 150%;
836
806
  $utrecht-button-font-weight: 700;
837
807
  $utrecht-button-font-size: 1.25rem;
838
- $utrecht-button-font-family: Fira Sans, Arial, Verdana, sans-serif;
808
+ $utrecht-button-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
839
809
  $utrecht-button-icon-size: 24px;
840
810
  $utrecht-button-icon-gap: 0.5rem;
841
811
  $utrecht-button-border-width: 1px;
842
812
  $utrecht-button-border-radius: 5px;
843
- $utrecht-button-color: #334155;
844
- $utrecht-button-border-color: #334155;
845
- $utrecht-button-background-color: transparent;
813
+ $utrecht-button-color: #fff;
814
+ $utrecht-button-border-color: transparent;
815
+ $utrecht-button-background-color: #0F172A;
846
816
  $utrecht-button-group-row-gap: 0.5rem;
847
817
  $utrecht-button-group-padding-block-start: 0px;
848
818
  $utrecht-button-group-padding-block-end: 0px;
@@ -913,7 +883,7 @@ $utrecht-number-badge-padding-inline: 0.5rem;
913
883
  $utrecht-number-badge-color: #fff;
914
884
  $utrecht-number-badge-border-color: transparent;
915
885
  $utrecht-number-badge-background-color: #154273;
916
- $utrecht-number-badge-font-family: Fira Sans, Arial, Verdana, sans-serif;
886
+ $utrecht-number-badge-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
917
887
  $utrecht-number-badge-border-radius: 999px;
918
888
  $utrecht-number-badge-border-width: 0px;
919
889
  $utrecht-number-badge-font-weight: 700;
@@ -930,7 +900,7 @@ $utrecht-form-fieldset-legend-disabled-color: #334155;
930
900
  $utrecht-form-fieldset-legend-line-height: 150%;
931
901
  $utrecht-form-fieldset-legend-font-weight: 700;
932
902
  $utrecht-form-fieldset-legend-font-size: 1.25rem;
933
- $utrecht-form-fieldset-legend-font-family: Fira Sans, Arial, Verdana, sans-serif;
903
+ $utrecht-form-fieldset-legend-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
934
904
  $utrecht-form-fieldset-legend-color: #0F172A;
935
905
  $utrecht-figure-img-border-start-start-radius: 0;
936
906
  $utrecht-figure-img-border-start-end-radius: 0;
@@ -962,20 +932,20 @@ $utrecht-form-field-description-margin-block-end: 0.5rem;
962
932
  $utrecht-form-field-description-margin-block-start: -0.5rem;
963
933
  $utrecht-form-field-description-line-height: 150%;
964
934
  $utrecht-form-field-description-font-size: 1.25rem;
965
- $utrecht-form-field-description-font-family: Fira Sans, Arial, Verdana, sans-serif;
935
+ $utrecht-form-field-description-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
966
936
  $utrecht-form-field-description-color: #334155;
967
937
  $utrecht-form-field-error-message-padding-block-end: 0.5rem;
968
938
  $utrecht-form-field-error-message-margin-block-end: 0.5rem;
969
939
  $utrecht-form-field-error-message-font-weight: 400;
970
940
  $utrecht-form-field-error-message-font-size: 1.25rem;
971
- $utrecht-form-field-error-message-font-family: Fira Sans, Arial, Verdana, sans-serif;
941
+ $utrecht-form-field-error-message-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
972
942
  $utrecht-form-field-error-message-color: #d52b1e;
973
943
  $utrecht-form-field-error-message-icon-margin-inline-end: 0.5rem;
974
944
  $utrecht-form-field-error-message-icon-size: 24px;
975
945
  $utrecht-form-field-label-line-height: 150%;
976
946
  $utrecht-form-field-label-font-weight: 700;
977
947
  $utrecht-form-field-label-font-size: 1.25rem;
978
- $utrecht-form-field-label-font-family: Fira Sans, Arial, Verdana, sans-serif;
948
+ $utrecht-form-field-label-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
979
949
  $utrecht-form-field-label-color: #0F172A;
980
950
  $utrecht-form-label-font-weight: 700;
981
951
  $utrecht-form-label-font-size: 1.25rem;
@@ -985,40 +955,40 @@ $utrecht-heading-5-margin-block-end: 0;
985
955
  $utrecht-heading-5-font-size: 1.25rem;
986
956
  $utrecht-heading-5-line-height: 125%;
987
957
  $utrecht-heading-5-font-weight: 700;
988
- $utrecht-heading-5-font-family: Fira Sans, Arial, Verdana, sans-serif;
958
+ $utrecht-heading-5-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
989
959
  $utrecht-heading-5-color: #154273;
990
960
  $utrecht-heading-4-margin-block-start: 0;
991
961
  $utrecht-heading-4-margin-block-end: 0;
992
962
  $utrecht-heading-4-font-size: 1.5rem;
993
963
  $utrecht-heading-4-line-height: 125%;
994
964
  $utrecht-heading-4-font-weight: 700;
995
- $utrecht-heading-4-font-family: Fira Sans, Arial, Verdana, sans-serif;
965
+ $utrecht-heading-4-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
996
966
  $utrecht-heading-4-color: #154273;
997
967
  $utrecht-heading-3-margin-block-start: 0;
998
968
  $utrecht-heading-3-margin-block-end: 0;
999
969
  $utrecht-heading-3-font-size: 1.875rem;
1000
970
  $utrecht-heading-3-line-height: 125%;
1001
971
  $utrecht-heading-3-font-weight: 700;
1002
- $utrecht-heading-3-font-family: Fira Sans, Arial, Verdana, sans-serif;
972
+ $utrecht-heading-3-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
1003
973
  $utrecht-heading-3-color: #154273;
1004
974
  $utrecht-heading-2-margin-block-start: 0;
1005
975
  $utrecht-heading-2-margin-block-end: 0;
1006
976
  $utrecht-heading-2-font-size: 2.5rem;
1007
977
  $utrecht-heading-2-line-height: 125%;
1008
978
  $utrecht-heading-2-font-weight: 700;
1009
- $utrecht-heading-2-font-family: Fira Sans, Arial, Verdana, sans-serif;
979
+ $utrecht-heading-2-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
1010
980
  $utrecht-heading-2-color: #154273;
1011
981
  $utrecht-heading-1-margin-block-start: 0;
1012
982
  $utrecht-heading-1-margin-block-end: 0;
1013
983
  $utrecht-heading-1-font-size: 3.125rem;
1014
984
  $utrecht-heading-1-line-height: 125%;
1015
985
  $utrecht-heading-1-font-weight: 700;
1016
- $utrecht-heading-1-font-family: Fira Sans, Arial, Verdana, sans-serif;
986
+ $utrecht-heading-1-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
1017
987
  $utrecht-heading-1-color: #154273;
1018
988
  $utrecht-link-line-height: 150%;
1019
989
  $utrecht-link-font-size: 1.25rem;
1020
990
  $utrecht-link-font-weight: 400;
1021
- $utrecht-link-font-family: Fira Sans, Arial, Verdana, sans-serif;
991
+ $utrecht-link-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
1022
992
  $utrecht-link-text-underline-offset: 0.125rem;
1023
993
  $utrecht-link-text-decoration-thickness: auto;
1024
994
  $utrecht-link-column-gap: 0.25rem;
@@ -1047,7 +1017,7 @@ $utrecht-link-list-margin-block-start: 0;
1047
1017
  $utrecht-ordered-list-line-height: 150%;
1048
1018
  $utrecht-ordered-list-font-size: 1.25rem;
1049
1019
  $utrecht-ordered-list-font-weight: 400;
1050
- $utrecht-ordered-list-font-family: Fira Sans, Arial, Verdana, sans-serif;
1020
+ $utrecht-ordered-list-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
1051
1021
  $utrecht-ordered-list-color: #0F172A;
1052
1022
  $utrecht-ordered-list-item-margin-block-start: 0.25rem;
1053
1023
  $utrecht-ordered-list-item-margin-block-end: 0.25rem;
@@ -1065,8 +1035,13 @@ $utrecht-paragraph-margin-block-end: 0;
1065
1035
  $utrecht-paragraph-line-height: 150%;
1066
1036
  $utrecht-paragraph-font-weight: 400;
1067
1037
  $utrecht-paragraph-font-size: 1.25rem;
1068
- $utrecht-paragraph-font-family: Fira Sans, Arial, Verdana, sans-serif;
1038
+ $utrecht-paragraph-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
1069
1039
  $utrecht-paragraph-color: #0F172A;
1040
+ $utrecht-pre-heading-font-size: 1rem;
1041
+ $utrecht-pre-heading-line-height: 125%;
1042
+ $utrecht-pre-heading-font-weight: 700;
1043
+ $utrecht-pre-heading-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
1044
+ $utrecht-pre-heading-color: #0F172A;
1070
1045
  $utrecht-radio-button-border-width: 1px;
1071
1046
  $utrecht-radio-button-border-radius: 999px;
1072
1047
  $utrecht-radio-button-hover-border-width: 1px;
@@ -1111,7 +1086,7 @@ $utrecht-select-max-inline-size: 400px;
1111
1086
  $utrecht-select-font-size: 1.25rem;
1112
1087
  $utrecht-select-line-height: 150%;
1113
1088
  $utrecht-select-font-weight: 400;
1114
- $utrecht-select-font-family: Fira Sans, Arial, Verdana, sans-serif;
1089
+ $utrecht-select-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
1115
1090
  $utrecht-select-border-width: 1px;
1116
1091
  $utrecht-select-border-bottom-width: auto;
1117
1092
  $utrecht-select-border-radius: 2.5px;
@@ -1169,7 +1144,7 @@ $utrecht-skip-link-min-inline-size: 48px;
1169
1144
  $utrecht-skip-link-min-block-size: 48px;
1170
1145
  $utrecht-skip-link-line-height: 150%;
1171
1146
  $utrecht-skip-link-font-size: 1.25rem;
1172
- $utrecht-skip-link-font-family: Fira Sans, Arial, Verdana, sans-serif;
1147
+ $utrecht-skip-link-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
1173
1148
  $utrecht-skip-link-font-weight: 700;
1174
1149
  $utrecht-table-font-size: 1.25rem;
1175
1150
  $utrecht-table-container-box-inline-start-shadow-color: #0000001a;
@@ -1183,7 +1158,7 @@ $utrecht-table-container-box-inline-end-shadow-blur: 48px;
1183
1158
  $utrecht-table-container-box-inline-end-shadow-y: 16px;
1184
1159
  $utrecht-table-container-box-inline-end-shadow-x: 0;
1185
1160
  $utrecht-table-footer-cell-line-height: 150%;
1186
- $utrecht-table-footer-cell-font-family: Fira Sans, Arial, Verdana, sans-serif;
1161
+ $utrecht-table-footer-cell-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
1187
1162
  $utrecht-table-footer-cell-color: #0F172A;
1188
1163
  $utrecht-table-footer-cell-font-size: 1.25rem;
1189
1164
  $utrecht-table-footer-cell-font-weight: 700;
@@ -1199,7 +1174,7 @@ $utrecht-table-header-border-block-end-width: 2px;
1199
1174
  $utrecht-table-data-cell-font-size: 1.25rem;
1200
1175
  $utrecht-table-data-cell-line-height: 150%;
1201
1176
  $utrecht-table-data-cell-font-weight: 400;
1202
- $utrecht-table-data-cell-font-family: Fira Sans, Arial, Verdana, sans-serif;
1177
+ $utrecht-table-data-cell-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
1203
1178
  $utrecht-table-data-cell-color: #0F172A;
1204
1179
  $utrecht-table-cell-line-height: 150%;
1205
1180
  $utrecht-table-cell-padding-inline-start: 1rem;
@@ -1208,19 +1183,19 @@ $utrecht-table-cell-padding-block-start: 0.75rem;
1208
1183
  $utrecht-table-cell-padding-block-end: 0.75rem;
1209
1184
  $utrecht-table-caption-font-size: 1.875rem;
1210
1185
  $utrecht-table-caption-font-weight: 700;
1211
- $utrecht-table-caption-font-family: Fira Sans, Arial, Verdana, sans-serif;
1186
+ $utrecht-table-caption-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
1212
1187
  $utrecht-table-caption-color: #0F172A;
1213
1188
  $utrecht-table-caption-margin-block-end: 1.5rem;
1214
1189
  $utrecht-table-caption-line-height: 125%;
1215
1190
  $utrecht-table-header-cell-font-size: 1.25rem;
1216
1191
  $utrecht-table-header-cell-font-weight: 700;
1217
- $utrecht-table-header-cell-font-family: Fira Sans, Arial, Verdana, sans-serif;
1192
+ $utrecht-table-header-cell-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
1218
1193
  $utrecht-table-header-cell-color: #0F172A;
1219
1194
  $utrecht-table-header-cell-line-height: 150%;
1220
1195
  $utrecht-textarea-font-size: 1.25rem;
1221
1196
  $utrecht-textarea-line-height: 150%;
1222
1197
  $utrecht-textarea-font-weight: 400;
1223
- $utrecht-textarea-font-family: Fira Sans, Arial, Verdana, sans-serif;
1198
+ $utrecht-textarea-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
1224
1199
  $utrecht-textarea-border-width: 1px;
1225
1200
  $utrecht-textarea-border-bottom-width: 1px;
1226
1201
  $utrecht-textarea-border-radius: 2.5px;
@@ -1283,7 +1258,7 @@ $utrecht-textbox-max-inline-size: 400px;
1283
1258
  $utrecht-textbox-line-height: 150%;
1284
1259
  $utrecht-textbox-font-weight: 400;
1285
1260
  $utrecht-textbox-font-size: 1.25rem;
1286
- $utrecht-textbox-font-family: Fira Sans, Arial, Verdana, sans-serif;
1261
+ $utrecht-textbox-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
1287
1262
  $utrecht-textbox-border-radius: 2.5px;
1288
1263
  $utrecht-unordered-list-marker-border-color: #0F172A;
1289
1264
  $utrecht-unordered-list-marker-color: #0F172A;
@@ -1293,7 +1268,7 @@ $utrecht-unordered-list-item-padding-inline-start: 0.5rem;
1293
1268
  $utrecht-unordered-list-line-height: 150%;
1294
1269
  $utrecht-unordered-list-font-size: 1.25rem;
1295
1270
  $utrecht-unordered-list-font-weight: 400;
1296
- $utrecht-unordered-list-font-family: Fira Sans, Arial, Verdana, sans-serif;
1271
+ $utrecht-unordered-list-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
1297
1272
  $utrecht-unordered-list-color: #0F172A;
1298
1273
  $utrecht-unordered-list-margin-block-start: 0.25rem;
1299
1274
  $utrecht-unordered-list-margin-block-end: 0.25rem;
@@ -1301,8 +1276,62 @@ $utrecht-unordered-list-padding-inline-start: 1.5rem;
1301
1276
  $utrecht-icon-inset-block-start: 0;
1302
1277
  $utrecht-icon-size: 24px;
1303
1278
  $utrecht-icon-color: inherit;
1304
- $utrecht-pre-heading-font-size: 1rem;
1305
- $utrecht-pre-heading-line-height: 125%;
1306
- $utrecht-pre-heading-font-weight: 700;
1307
- $utrecht-pre-heading-font-family: Fira Sans, Arial, Verdana, sans-serif;
1308
- $utrecht-pre-heading-color: #0F172A;
1279
+ $utrecht-blockquote-pink-corner-border-variation-padding: 2.5rem;
1280
+ $utrecht-blockquote-pink-corner-border-variation-border-start-start-radius: 3rem;
1281
+ $utrecht-blockquote-pink-corner-border-variation-border-inline-start-width: 0.25rem;
1282
+ $utrecht-blockquote-pink-corner-border-variation-border-block-start-width: 0.25rem;
1283
+ $utrecht-blockquote-pink-corner-border-variation-border-color: #F6BDE1;
1284
+ $utrecht-blockquote-pink-left-border-variation-padding-block-end: 1.5rem;
1285
+ $utrecht-blockquote-pink-left-border-variation-padding-block-start: 1.5rem;
1286
+ $utrecht-blockquote-pink-left-border-variation-padding-inline-end: 2.5rem;
1287
+ $utrecht-blockquote-pink-left-border-variation-padding-inline-start: 2.5rem;
1288
+ $utrecht-blockquote-pink-left-border-variation-border-inline-start-width: 0.75rem;
1289
+ $utrecht-blockquote-pink-left-border-variation-border-color: #F6BDE1;
1290
+ $utrecht-blockquote-pink-background-variation-padding: 2.5rem;
1291
+ $utrecht-blockquote-pink-background-variation-border-end-start-radius: 3rem;
1292
+ $utrecht-blockquote-pink-background-variation-background-color: #F6BDE1;
1293
+ $utrecht-blockquote-blue-corner-border-variation-border-end-end-radius: 3rem;
1294
+ $utrecht-blockquote-blue-corner-border-variation-border-inline-end-width: 2px;
1295
+ $utrecht-blockquote-blue-corner-border-variation-border-block-end-width: 2px;
1296
+ $utrecht-blockquote-blue-corner-border-variation-border-color: #154273;
1297
+ $utrecht-blockquote-border-end-end-radius: 0;
1298
+ $utrecht-blockquote-border-end-start-radius: 0;
1299
+ $utrecht-blockquote-border-start-end-radius: 0;
1300
+ $utrecht-blockquote-border-start-start-radius: 0;
1301
+ $utrecht-blockquote-border-inline-end-width: 0;
1302
+ $utrecht-blockquote-border-block-end-width: 0;
1303
+ $utrecht-blockquote-border-block-start-width: 0;
1304
+ $utrecht-blockquote-margin-inline-start: 0;
1305
+ $utrecht-blockquote-margin-inline-end: 0;
1306
+ $utrecht-blockquote-margin-block-start: 0;
1307
+ $utrecht-blockquote-margin-block-end: 0;
1308
+ $utrecht-blockquote-caption-color: #154273;
1309
+ $utrecht-blockquote-caption-padding-block-start: 0.75rem;
1310
+ $utrecht-blockquote-caption-font-weight: 400;
1311
+ $utrecht-blockquote-caption-line-height: 150%;
1312
+ $utrecht-blockquote-caption-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
1313
+ $utrecht-blockquote-caption-font-size: 1.25rem;
1314
+ $utrecht-blockquote-content-font-weight: 400;
1315
+ $utrecht-blockquote-content-line-height: 150%;
1316
+ $utrecht-blockquote-content-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
1317
+ $utrecht-blockquote-content-font-size: 1.25rem;
1318
+ $utrecht-blockquote-content-color: #154273;
1319
+ $utrecht-blockquote-attribution-font-size: 1.25rem;
1320
+ $utrecht-blockquote-attribution-color: #154273;
1321
+ $utrecht-blockquote-row-gap: 0.75rem;
1322
+ $utrecht-blockquote-padding-inline-start: 2rem;
1323
+ $utrecht-blockquote-padding-inline-end: 2rem;
1324
+ $utrecht-blockquote-padding-block-start: 2rem;
1325
+ $utrecht-blockquote-padding-block-end: 2rem;
1326
+ $utrecht-blockquote-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
1327
+ $utrecht-blockquote-font-size: 1.25rem;
1328
+ $utrecht-blockquote-color: #154273;
1329
+ $utrecht-blockquote-border-width: 0;
1330
+ $utrecht-blockquote-border-radius: 0;
1331
+ $utrecht-blockquote-border-color: transparent;
1332
+ $utrecht-blockquote-border-inline-start-width: 0;
1333
+ $utrecht-blockquote-background-color: transparent;
1334
+ $utrecht-column-layout-gap: 0.75rem;
1335
+ $utrecht-column-layout-column-width: 400px;
1336
+ $utrecht-column-layout-column-rule-width: 0px;
1337
+ $utrecht-column-layout-column-rule-color: transparent;