@rijkshuisstijl-community/design-tokens 1.1.0 → 2.0.0

package/dist/wetgevend/index.json

@@ -1,9 +1,63 @@
 {
-  "utrechtPreHeadingColor": "#0F172A",
-  "utrechtPreHeadingFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
-  "utrechtPreHeadingFontWeight": 700,
-  "utrechtPreHeadingLineHeight": "125%",
-  "utrechtPreHeadingFontSize": "1rem",
+  "utrechtColumnLayoutColumnRuleColor": "transparent",
+  "utrechtColumnLayoutColumnRuleWidth": "0px",
+  "utrechtColumnLayoutColumnWidth": "400px",
+  "utrechtColumnLayoutGap": "0.75rem",
+  "utrechtBlockquoteBackgroundColor": "transparent",
+  "utrechtBlockquoteBorderInlineStartWidth": 0,
+  "utrechtBlockquoteBorderColor": "transparent",
+  "utrechtBlockquoteBorderRadius": 0,
+  "utrechtBlockquoteBorderWidth": 0,
+  "utrechtBlockquoteColor": "#154273",
+  "utrechtBlockquoteFontSize": "1.25rem",
+  "utrechtBlockquoteFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
+  "utrechtBlockquotePaddingBlockEnd": "2rem",
+  "utrechtBlockquotePaddingBlockStart": "2rem",
+  "utrechtBlockquotePaddingInlineEnd": "2rem",
+  "utrechtBlockquotePaddingInlineStart": "2rem",
+  "utrechtBlockquoteRowGap": "0.75rem",
+  "utrechtBlockquoteAttributionColor": "#154273",
+  "utrechtBlockquoteAttributionFontSize": "1.25rem",
+  "utrechtBlockquoteContentColor": "#154273",
+  "utrechtBlockquoteContentFontSize": "1.25rem",
+  "utrechtBlockquoteContentFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
+  "utrechtBlockquoteContentLineHeight": "150%",
+  "utrechtBlockquoteContentFontWeight": 400,
+  "utrechtBlockquoteCaptionFontSize": "1.25rem",
+  "utrechtBlockquoteCaptionFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
+  "utrechtBlockquoteCaptionLineHeight": "150%",
+  "utrechtBlockquoteCaptionFontWeight": 400,
+  "utrechtBlockquoteCaptionPaddingBlockStart": "0.75rem",
+  "utrechtBlockquoteCaptionColor": "#154273",
+  "utrechtBlockquoteMarginBlockEnd": 0,
+  "utrechtBlockquoteMarginBlockStart": 0,
+  "utrechtBlockquoteMarginInlineEnd": 0,
+  "utrechtBlockquoteMarginInlineStart": 0,
+  "utrechtBlockquoteBorderBlockStartWidth": 0,
+  "utrechtBlockquoteBorderBlockEndWidth": 0,
+  "utrechtBlockquoteBorderInlineEndWidth": 0,
+  "utrechtBlockquoteBorderStartStartRadius": 0,
+  "utrechtBlockquoteBorderStartEndRadius": 0,
+  "utrechtBlockquoteBorderEndStartRadius": 0,
+  "utrechtBlockquoteBorderEndEndRadius": 0,
+  "utrechtBlockquoteBlueCornerBorderVariationBorderColor": "#154273",
+  "utrechtBlockquoteBlueCornerBorderVariationBorderBlockEndWidth": "2px",
+  "utrechtBlockquoteBlueCornerBorderVariationBorderInlineEndWidth": "2px",
+  "utrechtBlockquoteBlueCornerBorderVariationBorderEndEndRadius": "3rem",
+  "utrechtBlockquotePinkBackgroundVariationBackgroundColor": "#F6BDE1",
+  "utrechtBlockquotePinkBackgroundVariationBorderEndStartRadius": "3rem",
+  "utrechtBlockquotePinkBackgroundVariationPadding": "2.5rem",
+  "utrechtBlockquotePinkLeftBorderVariationBorderColor": "#F6BDE1",
+  "utrechtBlockquotePinkLeftBorderVariationBorderInlineStartWidth": "0.75rem",
+  "utrechtBlockquotePinkLeftBorderVariationPaddingInlineStart": "2.5rem",
+  "utrechtBlockquotePinkLeftBorderVariationPaddingInlineEnd": "2.5rem",
+  "utrechtBlockquotePinkLeftBorderVariationPaddingBlockStart": "1.5rem",
+  "utrechtBlockquotePinkLeftBorderVariationPaddingBlockEnd": "1.5rem",
+  "utrechtBlockquotePinkCornerBorderVariationBorderColor": "#F6BDE1",
+  "utrechtBlockquotePinkCornerBorderVariationBorderBlockStartWidth": "0.25rem",
+  "utrechtBlockquotePinkCornerBorderVariationBorderInlineStartWidth": "0.25rem",
+  "utrechtBlockquotePinkCornerBorderVariationBorderStartStartRadius": "3rem",
+  "utrechtBlockquotePinkCornerBorderVariationPadding": "2.5rem",
   "utrechtIconColor": "inherit",
   "utrechtIconSize": "24px",
   "utrechtIconInsetBlockStart": 0,
@@ -11,7 +65,7 @@
   "utrechtUnorderedListMarginBlockEnd": "0.25rem",
   "utrechtUnorderedListMarginBlockStart": "0.25rem",
   "utrechtUnorderedListColor": "#0F172A",
-  "utrechtUnorderedListFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "utrechtUnorderedListFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
   "utrechtUnorderedListFontWeight": 400,
   "utrechtUnorderedListFontSize": "1.25rem",
   "utrechtUnorderedListLineHeight": "150%",
@@ -21,7 +75,7 @@
   "utrechtUnorderedListMarkerColor": "#0F172A",
   "utrechtUnorderedListMarkerBorderColor": "#0F172A",
   "utrechtTextboxBorderRadius": "2.5px",
-  "utrechtTextboxFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "utrechtTextboxFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
   "utrechtTextboxFontSize": "1.25rem",
   "utrechtTextboxFontWeight": 400,
   "utrechtTextboxLineHeight": "150%",
@@ -84,19 +138,19 @@
   "utrechtTextareaBorderRadius": "2.5px",
   "utrechtTextareaBorderBottomWidth": "1px",
   "utrechtTextareaBorderWidth": "1px",
-  "utrechtTextareaFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "utrechtTextareaFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
   "utrechtTextareaFontWeight": 400,
   "utrechtTextareaLineHeight": "150%",
   "utrechtTextareaFontSize": "1.25rem",
   "utrechtTableHeaderCellLineHeight": "150%",
   "utrechtTableHeaderCellColor": "#0F172A",
-  "utrechtTableHeaderCellFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "utrechtTableHeaderCellFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
   "utrechtTableHeaderCellFontWeight": 700,
   "utrechtTableHeaderCellFontSize": "1.25rem",
   "utrechtTableCaptionLineHeight": "125%",
   "utrechtTableCaptionMarginBlockEnd": "1.5rem",
   "utrechtTableCaptionColor": "#0F172A",
-  "utrechtTableCaptionFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "utrechtTableCaptionFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
   "utrechtTableCaptionFontWeight": 700,
   "utrechtTableCaptionFontSize": "1.875rem",
   "utrechtTableCellPaddingBlockEnd": "0.75rem",
@@ -105,7 +159,7 @@
   "utrechtTableCellPaddingInlineStart": "1rem",
   "utrechtTableCellLineHeight": "150%",
   "utrechtTableDataCellColor": "#0F172A",
-  "utrechtTableDataCellFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "utrechtTableDataCellFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
   "utrechtTableDataCellFontWeight": 400,
   "utrechtTableDataCellLineHeight": "150%",
   "utrechtTableDataCellFontSize": "1.25rem",
@@ -121,7 +175,7 @@
   "utrechtTableFooterCellFontWeight": 700,
   "utrechtTableFooterCellFontSize": "1.25rem",
   "utrechtTableFooterCellColor": "#0F172A",
-  "utrechtTableFooterCellFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "utrechtTableFooterCellFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
   "utrechtTableFooterCellLineHeight": "150%",
   "utrechtTableContainerBoxInlineEndShadowX": 0,
   "utrechtTableContainerBoxInlineEndShadowY": "16px",
@@ -135,7 +189,7 @@
   "utrechtTableContainerBoxInlineStartShadowColor": "#0000001a",
   "utrechtTableFontSize": "1.25rem",
   "utrechtSkipLinkFontWeight": 700,
-  "utrechtSkipLinkFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "utrechtSkipLinkFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
   "utrechtSkipLinkFontSize": "1.25rem",
   "utrechtSkipLinkLineHeight": "150%",
   "utrechtSkipLinkMinBlockSize": "48px",
@@ -193,7 +247,7 @@
   "utrechtSelectBorderRadius": "2.5px",
   "utrechtSelectBorderBottomWidth": "auto",
   "utrechtSelectBorderWidth": "1px",
-  "utrechtSelectFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "utrechtSelectFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
   "utrechtSelectFontWeight": 400,
   "utrechtSelectLineHeight": "150%",
   "utrechtSelectFontSize": "1.25rem",
@@ -238,8 +292,13 @@
   "utrechtRadioButtonHoverBorderWidth": "1px",
   "utrechtRadioButtonBorderRadius": "999px",
   "utrechtRadioButtonBorderWidth": "1px",
+  "utrechtPreHeadingColor": "#0F172A",
+  "utrechtPreHeadingFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
+  "utrechtPreHeadingFontWeight": 700,
+  "utrechtPreHeadingLineHeight": "125%",
+  "utrechtPreHeadingFontSize": "1rem",
   "utrechtParagraphColor": "#0F172A",
-  "utrechtParagraphFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "utrechtParagraphFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
   "utrechtParagraphFontSize": "1.25rem",
   "utrechtParagraphFontWeight": 400,
   "utrechtParagraphLineHeight": "150%",
@@ -257,7 +316,7 @@
   "utrechtOrderedListItemMarginBlockEnd": "0.25rem",
   "utrechtOrderedListItemMarginBlockStart": "0.25rem",
   "utrechtOrderedListColor": "#0F172A",
-  "utrechtOrderedListFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "utrechtOrderedListFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
   "utrechtOrderedListFontWeight": 400,
   "utrechtOrderedListFontSize": "1.25rem",
   "utrechtOrderedListLineHeight": "150%",
@@ -286,40 +345,40 @@
   "utrechtLinkColumnGap": "0.25rem",
   "utrechtLinkTextDecorationThickness": "auto",
   "utrechtLinkTextUnderlineOffset": "0.125rem",
-  "utrechtLinkFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "utrechtLinkFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
   "utrechtLinkFontWeight": 400,
   "utrechtLinkFontSize": "1.25rem",
   "utrechtLinkLineHeight": "150%",
   "utrechtHeading1Color": "#154273",
-  "utrechtHeading1FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "utrechtHeading1FontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
   "utrechtHeading1FontWeight": 700,
   "utrechtHeading1LineHeight": "125%",
   "utrechtHeading1FontSize": "3.125rem",
   "utrechtHeading1MarginBlockEnd": 0,
   "utrechtHeading1MarginBlockStart": 0,
   "utrechtHeading2Color": "#154273",
-  "utrechtHeading2FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "utrechtHeading2FontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
   "utrechtHeading2FontWeight": 700,
   "utrechtHeading2LineHeight": "125%",
   "utrechtHeading2FontSize": "2.5rem",
   "utrechtHeading2MarginBlockEnd": 0,
   "utrechtHeading2MarginBlockStart": 0,
   "utrechtHeading3Color": "#154273",
-  "utrechtHeading3FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "utrechtHeading3FontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
   "utrechtHeading3FontWeight": 700,
   "utrechtHeading3LineHeight": "125%",
   "utrechtHeading3FontSize": "1.875rem",
   "utrechtHeading3MarginBlockEnd": 0,
   "utrechtHeading3MarginBlockStart": 0,
   "utrechtHeading4Color": "#154273",
-  "utrechtHeading4FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "utrechtHeading4FontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
   "utrechtHeading4FontWeight": 700,
   "utrechtHeading4LineHeight": "125%",
   "utrechtHeading4FontSize": "1.5rem",
   "utrechtHeading4MarginBlockEnd": 0,
   "utrechtHeading4MarginBlockStart": 0,
   "utrechtHeading5Color": "#154273",
-  "utrechtHeading5FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "utrechtHeading5FontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
   "utrechtHeading5FontWeight": 700,
   "utrechtHeading5LineHeight": "125%",
   "utrechtHeading5FontSize": "1.25rem",
@@ -329,20 +388,20 @@
   "utrechtFormLabelFontSize": "1.25rem",
   "utrechtFormLabelFontWeight": 700,
   "utrechtFormFieldLabelColor": "#0F172A",
-  "utrechtFormFieldLabelFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "utrechtFormFieldLabelFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
   "utrechtFormFieldLabelFontSize": "1.25rem",
   "utrechtFormFieldLabelFontWeight": 700,
   "utrechtFormFieldLabelLineHeight": "150%",
   "utrechtFormFieldErrorMessageIconSize": "24px",
   "utrechtFormFieldErrorMessageIconMarginInlineEnd": "0.5rem",
   "utrechtFormFieldErrorMessageColor": "#d52b1e",
-  "utrechtFormFieldErrorMessageFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "utrechtFormFieldErrorMessageFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
   "utrechtFormFieldErrorMessageFontSize": "1.25rem",
   "utrechtFormFieldErrorMessageFontWeight": 400,
   "utrechtFormFieldErrorMessageMarginBlockEnd": "0.5rem",
   "utrechtFormFieldErrorMessagePaddingBlockEnd": "0.5rem",
   "utrechtFormFieldDescriptionColor": "#334155",
-  "utrechtFormFieldDescriptionFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "utrechtFormFieldDescriptionFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
   "utrechtFormFieldDescriptionFontSize": "1.25rem",
   "utrechtFormFieldDescriptionLineHeight": "150%",
   "utrechtFormFieldDescriptionMarginBlockStart": "-0.5rem",
@@ -374,7 +433,7 @@
   "utrechtFigureImgBorderStartEndRadius": 0,
   "utrechtFigureImgBorderStartStartRadius": 0,
   "utrechtFormFieldsetLegendColor": "#0F172A",
-  "utrechtFormFieldsetLegendFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "utrechtFormFieldsetLegendFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
   "utrechtFormFieldsetLegendFontSize": "1.25rem",
   "utrechtFormFieldsetLegendFontWeight": 700,
   "utrechtFormFieldsetLegendLineHeight": "150%",
@@ -391,7 +450,7 @@
   "utrechtNumberBadgeFontWeight": 700,
   "utrechtNumberBadgeBorderWidth": "0px",
   "utrechtNumberBadgeBorderRadius": "999px",
-  "utrechtNumberBadgeFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "utrechtNumberBadgeFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
   "utrechtNumberBadgeBackgroundColor": "#154273",
   "utrechtNumberBadgeBorderColor": "transparent",
   "utrechtNumberBadgeColor": "#fff",
@@ -462,14 +521,14 @@
   "utrechtButtonGroupPaddingBlockEnd": "0px",
   "utrechtButtonGroupPaddingBlockStart": "0px",
   "utrechtButtonGroupRowGap": "0.5rem",
-  "utrechtButtonBackgroundColor": "transparent",
-  "utrechtButtonBorderColor": "#334155",
-  "utrechtButtonColor": "#334155",
+  "utrechtButtonBackgroundColor": "#0F172A",
+  "utrechtButtonBorderColor": "transparent",
+  "utrechtButtonColor": "#fff",
   "utrechtButtonBorderRadius": "5px",
   "utrechtButtonBorderWidth": "1px",
   "utrechtButtonIconGap": "0.5rem",
   "utrechtButtonIconSize": "24px",
-  "utrechtButtonFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "utrechtButtonFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
   "utrechtButtonFontSize": "1.25rem",
   "utrechtButtonFontWeight": 700,
   "utrechtButtonLineHeight": "150%",
@@ -477,18 +536,18 @@
   "utrechtButtonPaddingBlockStart": "0.5rem",
   "utrechtButtonPaddingInlineEnd": "1rem",
   "utrechtButtonPaddingInlineStart": "1rem",
-  "utrechtButtonDisabledBackgroundColor": "#F8FAFC",
+  "utrechtButtonDisabledBackgroundColor": "#E2E8F0",
   "utrechtButtonDisabledBorderColor": "transparent",
-  "utrechtButtonDisabledColor": "#64748B",
-  "utrechtButtonFocusBackgroundColor": "#FDDE94",
+  "utrechtButtonDisabledColor": "#94A3B8",
+  "utrechtButtonFocusBackgroundColor": "#475569",
   "utrechtButtonFocusBorderColor": "transparent",
-  "utrechtButtonFocusColor": "#1E293B",
-  "utrechtButtonHoverBackgroundColor": "#F8FAFC",
-  "utrechtButtonHoverBorderColor": "#1E293B",
-  "utrechtButtonHoverColor": "#1E293B",
-  "utrechtButtonActiveBackgroundColor": "#CBD5E1",
-  "utrechtButtonActiveBorderColor": "#0F172A",
-  "utrechtButtonActiveColor": "#0F172A",
+  "utrechtButtonFocusColor": "#fff",
+  "utrechtButtonHoverBackgroundColor": "#475569",
+  "utrechtButtonHoverBorderColor": "transparent",
+  "utrechtButtonHoverColor": "#fff",
+  "utrechtButtonActiveBackgroundColor": "#1E293B",
+  "utrechtButtonActiveBorderColor": "transparent",
+  "utrechtButtonActiveColor": "#fff",
   "utrechtButtonMinBlockSize": "48px",
   "utrechtButtonMinInlineSize": "48px",
   "utrechtButtonColumnGap": "0.5rem",
@@ -499,9 +558,9 @@
   "utrechtButtonPrimaryActionBorderColor": "transparent",
   "utrechtButtonPrimaryActionColor": "#fff",
   "utrechtButtonPrimaryActionDisabledBackgroundColor": "#b8c6d5",
-  "utrechtButtonPrimaryActionDisabledBorderColor": "#95a9c0",
+  "utrechtButtonPrimaryActionDisabledBorderColor": "transparent",
   "utrechtButtonPrimaryActionDisabledColor": "#4f7196",
-  "utrechtButtonPrimaryActionFocusBackgroundColor": "#154273",
+  "utrechtButtonPrimaryActionFocusBackgroundColor": "#162f50",
   "utrechtButtonPrimaryActionFocusBorderColor": "transparent",
   "utrechtButtonPrimaryActionFocusColor": "#fff",
   "utrechtButtonPrimaryActionFontWeight": 700,
@@ -510,27 +569,33 @@
   "utrechtButtonPrimaryActionActiveColor": "#fff",
   "utrechtButtonPrimaryActionFontSize": "1.25rem",
   "utrechtButtonPrimaryActionLineHeight": "1.875rem",
-  "utrechtButtonSecondaryActionHoverBackgroundColor": "#b8c6d5",
-  "utrechtButtonSecondaryActionHoverBorderColor": "transparent",
-  "utrechtButtonSecondaryActionHoverColor": "#154273",
+  "utrechtButtonPrimaryActionPressedBackgroundColor": "#162945",
+  "utrechtButtonPrimaryActionPressedBorderColor": "transparent",
+  "utrechtButtonPrimaryActionPressedColor": "#fff",
+  "utrechtButtonSecondaryActionHoverBackgroundColor": "#dce3ea",
+  "utrechtButtonSecondaryActionHoverBorderColor": "#162f50",
+  "utrechtButtonSecondaryActionHoverColor": "#162f50",
   "utrechtButtonSecondaryActionBackgroundColor": "transparent",
   "utrechtButtonSecondaryActionBorderColor": "#154273",
   "utrechtButtonSecondaryActionColor": "#154273",
   "utrechtButtonSecondaryActionDisabledBackgroundColor": "transparent",
-  "utrechtButtonSecondaryActionDisabledBorderColor": "#738eab",
+  "utrechtButtonSecondaryActionDisabledBorderColor": "#95a9c0",
   "utrechtButtonSecondaryActionDisabledColor": "#738eab",
-  "utrechtButtonSecondaryActionFocusBackgroundColor": "#b8c6d5",
+  "utrechtButtonSecondaryActionFocusBackgroundColor": "#dce3ea",
   "utrechtButtonSecondaryActionFocusBorderColor": "transparent",
-  "utrechtButtonSecondaryActionFocusColor": "#154273",
+  "utrechtButtonSecondaryActionFocusColor": "#162f50",
   "utrechtButtonSecondaryActionFontWeight": 700,
   "utrechtButtonSecondaryActionActiveBackgroundColor": "#95a9c0",
-  "utrechtButtonSecondaryActionActiveBorderColor": "#154273",
-  "utrechtButtonSecondaryActionActiveColor": "#154273",
+  "utrechtButtonSecondaryActionActiveBorderColor": "#162945",
+  "utrechtButtonSecondaryActionActiveColor": "#162f50",
   "utrechtButtonSecondaryActionFontSize": "1.25rem",
   "utrechtButtonSecondaryActionLineHeight": "1.875rem",
+  "utrechtButtonSecondaryActionPressedBackgroundColor": "#b8c6d5",
+  "utrechtButtonSecondaryActionPressedBorderColor": "#162945",
+  "utrechtButtonSecondaryActionPressedColor": "#162945",
   "utrechtButtonSubtleFontSize": "1.25rem",
   "utrechtButtonSubtleFontWeight": 700,
-  "utrechtButtonSubtleHoverBackgroundColor": "transparent",
+  "utrechtButtonSubtleHoverBackgroundColor": "#dce3ea",
   "utrechtButtonSubtleHoverBorderColor": "transparent",
   "utrechtButtonSubtleHoverColor": "#162f50",
   "utrechtButtonSubtleBackgroundColor": "transparent",
@@ -541,11 +606,17 @@
   "utrechtButtonSubtleDisabledColor": "#b8c6d5",
   "utrechtButtonSubtleFocusBackgroundColor": "#dce3ea",
   "utrechtButtonSubtleFocusBorderColor": "transparent",
-  "utrechtButtonSubtleFocusColor": "#154273",
-  "utrechtButtonSubtleActiveBackgroundColor": "transparent",
+  "utrechtButtonSubtleFocusColor": "#162f50",
+  "utrechtButtonSubtleActiveBackgroundColor": "#95a9c0",
   "utrechtButtonSubtleActiveBorderColor": "transparent",
   "utrechtButtonSubtleActiveColor": "#0d2845",
   "utrechtButtonSubtleLineHeight": "1.875rem",
+  "utrechtButtonSubtlePressedBackgroundColor": "#b8c6d5",
+  "utrechtButtonSubtlePressedBorderColor": "transparent",
+  "utrechtButtonSubtlePressedColor": "#162945",
+  "utrechtButtonPressedBackgroundColor": "#1E293B",
+  "utrechtButtonPressedBorderColor": "transparent",
+  "utrechtButtonPressedColor": "#fff",
   "utrechtBreadcrumbNavLineHeight": 1.4,
   "utrechtBreadcrumbNavFontSize": "1.25rem",
   "utrechtBreadcrumbNavLinkIconSize": "24px",
@@ -569,59 +640,10 @@
   "utrechtBreadcrumbNavDividerColor": "#334155",
   "utrechtBreadcrumbNavDividerInsetBlockStart": 0,
   "utrechtBreadcrumbNavMarginInline": "0.5rem",
-  "utrechtBreadcrumbNavFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "utrechtBreadcrumbNavFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
   "utrechtBreadcrumbNavFontWeight": 400,
-  "utrechtBlockquoteCaptionFontSize": "1.25rem",
-  "utrechtBlockquoteCaptionFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
-  "utrechtBlockquoteCaptionLineHeight": "150%",
-  "utrechtBlockquoteCaptionFontWeight": 400,
-  "utrechtBlockquoteCaptionPaddingBlockStart": "0.75rem",
-  "utrechtBlockquoteCaptionColor": "#334155",
-  "utrechtBlockquoteContentFontFamily": "RijksoverheidSerifWeb, 'Times New Roman', serif",
-  "utrechtBlockquoteContentLineHeight": "150%",
-  "utrechtBlockquoteContentFontWeight": 400,
-  "utrechtBlockquoteContentFontSize": "1.5rem",
-  "utrechtBlockquoteContentColor": "#0F172A",
-  "utrechtBlockquoteMarginBlockEnd": 0,
-  "utrechtBlockquoteMarginBlockStart": 0,
-  "utrechtBlockquoteMarginInlineEnd": 0,
-  "utrechtBlockquoteMarginInlineStart": 0,
-  "utrechtBlockquotePaddingBlockEnd": "2rem",
-  "utrechtBlockquotePaddingBlockStart": "2rem",
-  "utrechtBlockquotePaddingInlineEnd": "2rem",
-  "utrechtBlockquotePaddingInlineStart": "2rem",
-  "utrechtBlockquoteRowGap": "0.75rem",
-  "utrechtBlockquoteBackgroundColor": "transparent",
-  "utrechtBlockquoteBorderColor": "#154273",
-  "utrechtBlockquoteBorderBlockStartWidth": 0,
-  "utrechtBlockquoteBorderBlockEndWidth": 0,
-  "utrechtBlockquoteBorderInlineStartWidth": 0,
-  "utrechtBlockquoteBorderInlineEndWidth": 0,
-  "utrechtBlockquoteBorderStartStartRadius": 0,
-  "utrechtBlockquoteBorderStartEndRadius": 0,
-  "utrechtBlockquoteBorderEndStartRadius": 0,
-  "utrechtBlockquoteBorderEndEndRadius": 0,
-  "utrechtBlockquoteBorderWidth": "2px",
-  "utrechtBlockquoteBlueCornerBorderVariationBorderColor": "#154273",
-  "utrechtBlockquoteBlueCornerBorderVariationBorderBlockEndWidth": "2px",
-  "utrechtBlockquoteBlueCornerBorderVariationBorderInlineEndWidth": "2px",
-  "utrechtBlockquoteBlueCornerBorderVariationBorderEndEndRadius": "3rem",
-  "utrechtBlockquotePinkBackgroundVariationBackgroundColor": "#F6BDE1",
-  "utrechtBlockquotePinkBackgroundVariationBorderEndStartRadius": "3rem",
-  "utrechtBlockquotePinkBackgroundVariationPadding": "2.5rem",
-  "utrechtBlockquotePinkLeftBorderVariationBorderColor": "#F6BDE1",
-  "utrechtBlockquotePinkLeftBorderVariationBorderInlineStartWidth": "0.75rem",
-  "utrechtBlockquotePinkLeftBorderVariationPaddingInlineStart": "2.5rem",
-  "utrechtBlockquotePinkLeftBorderVariationPaddingInlineEnd": "2.5rem",
-  "utrechtBlockquotePinkLeftBorderVariationPaddingBlockStart": "1.5rem",
-  "utrechtBlockquotePinkLeftBorderVariationPaddingBlockEnd": "1.5rem",
-  "utrechtBlockquotePinkCornerBorderVariationBorderColor": "#F6BDE1",
-  "utrechtBlockquotePinkCornerBorderVariationBorderBlockStartWidth": "0.25rem",
-  "utrechtBlockquotePinkCornerBorderVariationBorderInlineStartWidth": "0.25rem",
-  "utrechtBlockquotePinkCornerBorderVariationBorderStartStartRadius": "3rem",
-  "utrechtBlockquotePinkCornerBorderVariationPadding": "2.5rem",
   "utrechtArticleMaxInlineSize": "75ch",
-  "utrechtAlertHeadingFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "utrechtAlertHeadingFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
   "utrechtAlertHeadingFontWeight": 700,
   "utrechtAlertHeadingLineHeight": "150%",
   "utrechtAlertHeadingFontSize": "1.25rem",
@@ -681,7 +703,7 @@
   "utrechtAccordionButtonActiveRowGap": 0,
   "utrechtDocumentBackgroundColor": "#fff",
   "utrechtDocumentColor": "#0F172A",
-  "utrechtDocumentFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "utrechtDocumentFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
   "utrechtDocumentFontSize": "1.25rem",
   "utrechtDocumentLineHeight": "150%",
   "utrechtDocumentFontWeight": 400,
@@ -696,6 +718,27 @@
   "utrechtFocusOutlineStyle": "solid",
   "utrechtFocusOutlineWidth": "2px",
   "utrechtFocusInverseOutlineColor": "#fff",
+  "rhcKeepComment": "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset components/blockquote.",
+  "rhcKeepTopLeftBorderRadiusTopLeft": "48px",
+  "rhcKeepTopLeftBorderRadiusTopRight": 0,
+  "rhcKeepTopLeftBorderRadiusBottomRight": 0,
+  "rhcKeepTopLeftBorderRadiusBottomLeft": 0,
+  "rhcKeepTopRightBorderRadiusTopRight": "48px",
+  "rhcKeepTopRightBorderRadiusTopLeft": 0,
+  "rhcKeepTopRightBorderRadiusBottomRight": 0,
+  "rhcKeepTopRightBorderRadiusBottomLeft": 0,
+  "rhcKeepBottomRightBorderRadiusTopLeft": 0,
+  "rhcKeepBottomRightBorderRadiusTopRight": 0,
+  "rhcKeepBottomRightBorderRadiusBottomRight": "48px",
+  "rhcKeepBottomRightBorderRadiusBottomLeft": 0,
+  "rhcKeepBottomLeftBorderRadiusTopLeft": 0,
+  "rhcKeepBottomLeftBorderRadiusTopRight": 0,
+  "rhcKeepBottomLeftBorderRadiusBottomRight": 0,
+  "rhcKeepBottomLeftBorderRadiusBottomLeft": "48px",
+  "rhcRoundedCornerXsBorderRadius": "24px",
+  "rhcRoundedCornerMdBorderRadius": "48px",
+  "rhcRoundedCornerXlBorderRadius": "96px",
+  "rhcRoundedCornerBorderWidth": "2px",
   "rhcSubNavBarBackgroundColor": "#f2f4f6",
   "rhcSubNavBarColumnGap": "0.5rem",
   "rhcSubNavBarColumnWidth": "375px",
@@ -725,7 +768,7 @@
   "rhcSidenavLinkIconSize": "24px",
   "rhcSidenavLinkIconMarginInline": "0.5rem",
   "rhcSidenavLinkFontSize": "1.25rem",
-  "rhcSidenavLinkFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "rhcSidenavLinkFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
   "rhcSidenavLinkFontWeight": 400,
   "rhcSidenavLinkCurrentFontWeight": 700,
   "rhcSidenavLinkCurrentColor": "#0F172A",
@@ -757,7 +800,7 @@
   "rhcNavigationListItemContentFontSize": "1.125rem",
   "rhcNavigationListItemContentColumnGap": "0.5rem",
   "rhcNavigationListItemContentRowGap": "0.25rem",
-  "rhcNavigationListItemLabelFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "rhcNavigationListItemLabelFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
   "rhcNavigationListItemLabelFontSize": "1.875rem",
   "rhcNavigationListItemLabelFontWeight": 700,
   "rhcNavigationListItemLabelLineHeight": "150%",
@@ -811,7 +854,7 @@
   "rhcMessageListItemContentFontSize": "1.125rem",
   "rhcMessageListItemContentColumnGap": "0.5rem",
   "rhcMessageListItemContentRowGap": "0.5rem",
-  "rhcMessageListItemLabelFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "rhcMessageListItemLabelFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
   "rhcMessageListItemLabelFontSize": "1.25rem",
   "rhcMessageListItemLabelFontWeight": 700,
   "rhcMessageListItemLabelLineHeight": "150%",
@@ -828,7 +871,7 @@
   "rhcLogoSubtitleLineHeight": "1rem",
   "rhcLogoSubtitleFontSize": "0.775rem",
   "rhcLogoColumnGap": "12px",
-  "rhcLogoFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "rhcLogoFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
   "rhcLogoColor": "#154273",
   "rhcLinkListCardBackgroundColor": "#fff",
   "rhcLinkListCardPaddingBlockStart": "1.5rem",
@@ -844,11 +887,11 @@
   "rhcHeroHeadingFontWeight": 700,
   "rhcHeroHeadingLineHeight": "125%",
   "rhcHeroHeadingFontSize": "1.875rem",
-  "rhcHeroHeadingFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "rhcHeroHeadingFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
   "rhcHeroSubHeadingFontWeight": 400,
   "rhcHeroSubHeadingLineHeight": "150%",
   "rhcHeroSubHeadingFontSize": "1.25rem",
-  "rhcHeroSubHeadingFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "rhcHeroSubHeadingFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
   "rhcHeroMessageBackgroundColor": "#154273",
   "rhcHeroMessageColor": "#fff",
   "rhcHeroMessageRowGap": "0.125rem",
@@ -951,7 +994,7 @@
   "rhcCardAsLinkHorizontalPaddingInlineEnd": "1rem",
   "rhcCardAsLinkHorizontalPaddingInlineStart": "1rem",
   "rhcCardAsLinkHorizontalHeadingInlineSize": "200px",
-  "rhcAccordionButtonFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "rhcAccordionButtonFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
   "rhcAccordionButtonFontSize": "1.25rem",
   "rhcAccordionButtonFontWeight": 400,
   "rhcAccordionButtonLineHeight": "150%",
@@ -968,32 +1011,17 @@
   "rhcAccordionHeaderMargin": 0,
   "rhcAccordionBorderRadius": "0px",
   "rhcAccordionColor": "#0F172A",
-  "rhcKeepTopLeftBorderRadiusTopLeft": "48px",
-  "rhcKeepTopLeftBorderRadiusTopRight": 0,
-  "rhcKeepTopLeftBorderRadiusBottomRight": 0,
-  "rhcKeepTopLeftBorderRadiusBottomLeft": 0,
-  "rhcKeepTopRightBorderRadiusTopRight": "48px",
-  "rhcKeepTopRightBorderRadiusTopLeft": 0,
-  "rhcKeepTopRightBorderRadiusBottomRight": 0,
-  "rhcKeepTopRightBorderRadiusBottomLeft": 0,
-  "rhcKeepBottomRightBorderRadiusTopLeft": 0,
-  "rhcKeepBottomRightBorderRadiusTopRight": 0,
-  "rhcKeepBottomRightBorderRadiusBottomRight": "48px",
-  "rhcKeepBottomRightBorderRadiusBottomLeft": 0,
-  "rhcKeepBottomLeftBorderRadiusTopLeft": 0,
-  "rhcKeepBottomLeftBorderRadiusTopRight": 0,
-  "rhcKeepBottomLeftBorderRadiusBottomRight": 0,
-  "rhcKeepBottomLeftBorderRadiusBottomLeft": "48px",
   "rhcBorderRadiusSm": "2.5px",
   "rhcBorderRadiusMd": "5px",
-  "rhcBorderRadiusKeep": "48px",
   "rhcBorderRadiusCircle": "999px",
   "rhcBorderRadiusNone": "0px",
   "rhcColorFocusOutline": "#000",
   "rhcColorForegroundDefault": "#0F172A",
   "rhcColorForegroundSubdued": "#334155",
-  "rhcColorForegroundOnEmphasis": "#fff",
   "rhcColorForegroundLink": "#01689b",
+  "rhcColorForegroundOnDarkColor": "#fff",
+  "rhcColorForegroundOnLightColor": "#000",
+  "rhcColorForegroundOnEmphasis": "#fff",
   "rhcColorBorderDefault": "#64748B",
   "rhcColorBorderSubdued": "#94A3B8",
   "rhcColorBorderStrong": "#0F172A",
@@ -1007,6 +1035,7 @@
   "rhcColorFeedbackWarningDefault": "#ffb612",
   "rhcColorFeedbackWarningSubdued": "#fff4db",
   "rhcColorAccent500": "#8fcae7",
+  "rhcColorAccent2500": "#f092cd",
   "rhcColorPrimary50": "#dce3ea",
   "rhcColorPrimary100": "#b8c6d5",
   "rhcColorPrimary200": "#95a9c0",
@@ -1178,7 +1207,7 @@
   "rhcFontWeightChosenRegular": 400,
   "rhcFontWeightLight": 300,
   "rhcFontWeightThin": 200,
-  "rhcFontFamilyPrimary": "Fira Sans, Arial, Verdana, sans-serif",
+  "rhcFontFamilyPrimary": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
   "rhcFontFamilySecondary": "RijksoverheidSerifWeb, 'Times New Roman', serif",
   "rhcBorderWidthDefault": "1px",
   "rhcBorderWidthM": "2px",
@@ -1195,7 +1224,7 @@
   "rhcSpace600": "3rem",
   "rhcSpace700": "3.5rem",
   "nlSkipLinkFontWeight": 700,
-  "nlSkipLinkFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "nlSkipLinkFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
   "nlSkipLinkFontSize": "1.25rem",
   "nlSkipLinkLineHeight": "150%",
   "nlSkipLinkMinBlockSize": "48px",
@@ -1223,7 +1252,7 @@
   "nlSkipLinkTextDecoration": "underline",
   "nlSkipLinkTextUnderlineOffset": "0.125rem",
   "nlParagraphColor": "#0F172A",
-  "nlParagraphFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "nlParagraphFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
   "nlParagraphFontSize": "1.25rem",
   "nlParagraphFontWeight": 400,
   "nlParagraphLineHeight": "150%",
@@ -1251,40 +1280,40 @@
   "nlLinkColumnGap": "0.25rem",
   "nlLinkTextDecorationThickness": "auto",
   "nlLinkTextUnderlineOffset": "0.125rem",
-  "nlLinkFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "nlLinkFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
   "nlLinkFontWeight": 400,
   "nlLinkFontSize": "1.25rem",
   "nlLinkLineHeight": "150%",
   "nlHeadingLevel1Color": "#154273",
-  "nlHeadingLevel1FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "nlHeadingLevel1FontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
   "nlHeadingLevel1FontWeight": 700,
   "nlHeadingLevel1LineHeight": "125%",
   "nlHeadingLevel1FontSize": "3.125rem",
   "nlHeadingLevel1MarginBlockEnd": 0,
   "nlHeadingLevel1MarginBlockStart": 0,
   "nlHeadingLevel2Color": "#154273",
-  "nlHeadingLevel2FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "nlHeadingLevel2FontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
   "nlHeadingLevel2FontWeight": 700,
   "nlHeadingLevel2LineHeight": "125%",
   "nlHeadingLevel2FontSize": "2.5rem",
   "nlHeadingLevel2MarginBlockEnd": 0,
   "nlHeadingLevel2MarginBlockStart": 0,
   "nlHeadingLevel3Color": "#154273",
-  "nlHeadingLevel3FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "nlHeadingLevel3FontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
   "nlHeadingLevel3FontWeight": 700,
   "nlHeadingLevel3LineHeight": "125%",
   "nlHeadingLevel3FontSize": "1.875rem",
   "nlHeadingLevel3MarginBlockEnd": 0,
   "nlHeadingLevel3MarginBlockStart": 0,
   "nlHeadingLevel4Color": "#154273",
-  "nlHeadingLevel4FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "nlHeadingLevel4FontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
   "nlHeadingLevel4FontWeight": 700,
   "nlHeadingLevel4LineHeight": "125%",
   "nlHeadingLevel4FontSize": "1.5rem",
   "nlHeadingLevel4MarginBlockEnd": 0,
   "nlHeadingLevel4MarginBlockStart": 0,
   "nlHeadingLevel5Color": "#154273",
-  "nlHeadingLevel5FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "nlHeadingLevel5FontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
   "nlHeadingLevel5FontWeight": 700,
   "nlHeadingLevel5LineHeight": "125%",
   "nlHeadingLevel5FontSize": "1.25rem",
@@ -1297,7 +1326,7 @@
   "nlNumberBadgeFontWeight": 700,
   "nlNumberBadgeBorderWidth": "0px",
   "nlNumberBadgeBorderRadius": "999px",
-  "nlNumberBadgeFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "nlNumberBadgeFontFamily": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
   "nlNumberBadgeBackgroundColor": "#154273",
   "nlNumberBadgeBorderColor": "transparent",
   "nlNumberBadgeColor": "#fff",