@rijkshuisstijl-community/design-tokens 1.1.0 → 2.0.0

package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/index.js

@@ -1,311 +1,85 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Mar 2025 14:52:03 GMT
+ * Generated on Tue, 27 May 2025 13:07:14 GMT
  */
 
-export const utrechtPreHeadingColor = "#0F172A";
-export const utrechtPreHeadingFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
-export const utrechtPreHeadingFontWeight = 700;
-export const utrechtPreHeadingLineHeight = "125%";
-export const utrechtPreHeadingFontSize = "1rem";
-export const utrechtAccordionButtonFocusBackgroundColor = "#FDD370";
-export const utrechtAccordionButtonFocusBorderColor = "#154273";
-export const utrechtAccordionButtonFocusColor = "#0F172A";
-export const utrechtAccordionButtonGap = "0.5rem";
-export const utrechtAccordionButtonIconSize = "24px";
-export const utrechtAccordionButtonHoverBackgroundColor = "#F8FAFC";
-export const utrechtAccordionButtonHoverBorderColor = "#94A3B8";
-export const utrechtAccordionButtonHoverColor = "#0F172A";
-export const utrechtAccordionButtonBackgroundColor = "#fff";
-export const utrechtAccordionButtonBorderColor = "#94A3B8";
-export const utrechtAccordionButtonBorderWidth = 0;
-export const utrechtAccordionButtonColor = "#0F172A";
-export const utrechtAccordionButtonActiveBackgroundColor = "#F1F5F9";
-export const utrechtAccordionButtonActiveBorderColor = "#94A3B8";
-export const utrechtAccordionButtonActiveColor = "#0F172A";
-export const utrechtAccordionButtonActiveRowGap = 0;
-export const utrechtAccordionPanelBorderColor = "#94A3B8";
-export const utrechtAccordionPanelBorderWidth = 0;
-export const utrechtAccordionPanelPaddingBlockEnd = "1.5rem";
-export const utrechtAccordionPanelPaddingBlockStart = "1rem";
-export const utrechtAccordionPanelPaddingInlineEnd = "1rem";
-export const utrechtAccordionPanelPaddingInlineStart = "1rem";
-export const utrechtButtonPrimaryActionFocusBackgroundColor = "#FDD370";
-export const utrechtButtonPrimaryActionFocusBorderColor = "transparent";
-export const utrechtButtonPrimaryActionFocusColor = "#fff";
-export const utrechtButtonPrimaryActionHoverBackgroundColor = "#528e7c";
-export const utrechtButtonPrimaryActionHoverBorderColor = "transparent";
-export const utrechtButtonPrimaryActionHoverColor = "#fff";
-export const utrechtButtonPrimaryActionBackgroundColor = "#76d2b6";
-export const utrechtButtonPrimaryActionBorderColor = "transparent";
-export const utrechtButtonPrimaryActionColor = "#fff";
-export const utrechtButtonPrimaryActionDisabledBackgroundColor = "#d6f2e9";
-export const utrechtButtonPrimaryActionDisabledBorderColor = "#C1EBDE";
-export const utrechtButtonPrimaryActionDisabledColor = "#98DDC8";
-export const utrechtButtonPrimaryActionFontWeight = 700;
-export const utrechtButtonPrimaryActionActiveBackgroundColor = "#477e6d";
-export const utrechtButtonPrimaryActionActiveBorderColor = "transparent";
-export const utrechtButtonPrimaryActionActiveColor = "#fff";
-export const utrechtButtonPrimaryActionFontSize = "1.25rem";
-export const utrechtButtonPrimaryActionLineHeight = "1.875rem";
-export const utrechtButtonSecondaryActionFocusBackgroundColor = "#FDD370";
-export const utrechtButtonSecondaryActionFocusBorderColor = "transparent";
-export const utrechtButtonSecondaryActionFocusColor = "#76d2b6";
-export const utrechtButtonSecondaryActionHoverBackgroundColor = "#d6f2e9";
-export const utrechtButtonSecondaryActionHoverBorderColor = "transparent";
-export const utrechtButtonSecondaryActionHoverColor = "#76d2b6";
-export const utrechtButtonSecondaryActionBackgroundColor = "transparent";
-export const utrechtButtonSecondaryActionBorderColor = "#76d2b6";
-export const utrechtButtonSecondaryActionColor = "#76d2b6";
-export const utrechtButtonSecondaryActionDisabledBackgroundColor = "transparent";
-export const utrechtButtonSecondaryActionDisabledBorderColor = "#ACE4D3";
-export const utrechtButtonSecondaryActionDisabledColor = "#ACE4D3";
-export const utrechtButtonSecondaryActionFontWeight = 700;
-export const utrechtButtonSecondaryActionActiveBackgroundColor = "#C1EBDE";
-export const utrechtButtonSecondaryActionActiveBorderColor = "#76d2b6";
-export const utrechtButtonSecondaryActionActiveColor = "#76d2b6";
-export const utrechtButtonSecondaryActionFontSize = "1.25rem";
-export const utrechtButtonSecondaryActionLineHeight = "1.875rem";
-export const utrechtButtonSubtleFocusBackgroundColor = "#FDD370";
-export const utrechtButtonSubtleFocusBorderColor = "transparent";
-export const utrechtButtonSubtleFocusColor = "#76d2b6";
-export const utrechtButtonSubtleFontSize = "1.25rem";
-export const utrechtButtonSubtleFontWeight = 700;
-export const utrechtButtonSubtleHoverBackgroundColor = "transparent";
-export const utrechtButtonSubtleHoverBorderColor = "transparent";
-export const utrechtButtonSubtleHoverColor = "#528e7c";
-export const utrechtButtonSubtleBackgroundColor = "transparent";
-export const utrechtButtonSubtleBorderColor = "transparent";
-export const utrechtButtonSubtleColor = "#76d2b6";
-export const utrechtButtonSubtleDisabledBackgroundColor = "transparent";
-export const utrechtButtonSubtleDisabledBorderColor = "transparent";
-export const utrechtButtonSubtleDisabledColor = "#d6f2e9";
-export const utrechtButtonSubtleActiveBackgroundColor = "transparent";
-export const utrechtButtonSubtleActiveBorderColor = "transparent";
-export const utrechtButtonSubtleActiveColor = "#477e6d";
-export const utrechtButtonSubtleLineHeight = "1.875rem";
-export const utrechtButtonBackgroundColor = "transparent";
-export const utrechtButtonBorderColor = "#334155";
-export const utrechtButtonColor = "#334155";
-export const utrechtButtonBorderRadius = "5px";
-export const utrechtButtonBorderWidth = "1px";
-export const utrechtButtonIconGap = "0.5rem";
-export const utrechtButtonIconSize = "24px";
-export const utrechtButtonFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
-export const utrechtButtonFontSize = "1.25rem";
-export const utrechtButtonFontWeight = 700;
-export const utrechtButtonLineHeight = "150%";
-export const utrechtButtonPaddingBlockEnd = "0.5rem";
-export const utrechtButtonPaddingBlockStart = "0.5rem";
-export const utrechtButtonPaddingInlineEnd = "1rem";
-export const utrechtButtonPaddingInlineStart = "1rem";
-export const utrechtButtonDisabledBackgroundColor = "#F8FAFC";
-export const utrechtButtonDisabledBorderColor = "transparent";
-export const utrechtButtonDisabledColor = "#64748B";
-export const utrechtButtonFocusBackgroundColor = "#FDDE94";
-export const utrechtButtonFocusBorderColor = "transparent";
-export const utrechtButtonFocusColor = "#1E293B";
-export const utrechtButtonHoverBackgroundColor = "#F8FAFC";
-export const utrechtButtonHoverBorderColor = "#1E293B";
-export const utrechtButtonHoverColor = "#1E293B";
-export const utrechtButtonActiveBackgroundColor = "#CBD5E1";
-export const utrechtButtonActiveBorderColor = "#0F172A";
-export const utrechtButtonActiveColor = "#0F172A";
-export const utrechtButtonMinBlockSize = "48px";
-export const utrechtButtonMinInlineSize = "48px";
-export const utrechtButtonColumnGap = "0.5rem";
-export const utrechtCheckboxFocusBackgroundColor = "#FDD370";
-export const utrechtCheckboxFocusBorderColor = "#154273";
-export const utrechtCheckboxFocusBorderWidth = "2px";
-export const utrechtCheckboxCheckedFocusBackgroundColor = "#FDD370";
-export const utrechtCheckboxCheckedFocusBorderWidth = "2px";
-export const utrechtCheckboxCheckedFocusBorderColor = "#154273";
-export const utrechtCheckboxCheckedFocusColor = "#154273";
-export const utrechtCheckboxCheckedBackgroundColor = "#154273";
-export const utrechtCheckboxCheckedBorderColor = "transparent";
-export const utrechtCheckboxCheckedColor = "#fff";
-export const utrechtCheckboxCheckedBorderWidth = "1px";
-export const utrechtCheckboxCheckedDisabledBackgroundColor = "#CBD5E1";
-export const utrechtCheckboxCheckedDisabledBorderColor = "#94A3B8";
-export const utrechtCheckboxCheckedDisabledColor = "#475569";
-export const utrechtCheckboxCheckedHoverBorderWidth = "1px";
-export const utrechtCheckboxCheckedHoverBackgroundColor = "#738eab";
-export const utrechtCheckboxCheckedHoverBorderColor = "transparent";
-export const utrechtCheckboxCheckedHoverColor = "#fff";
-export const utrechtCheckboxCheckedActiveBorderWidth = "1px";
-export const utrechtCheckboxCheckedActiveBackgroundColor = "#4f7196";
-export const utrechtCheckboxCheckedActiveBorderColor = "transparent";
-export const utrechtCheckboxCheckedActiveColor = "#fff";
-export const utrechtCheckboxBorderRadius = "2.5px";
-export const utrechtCheckboxSize = "24px";
-export const utrechtCheckboxIconSize = "24px";
-export const utrechtCheckboxBackgroundColor = "#fff";
-export const utrechtCheckboxBorderColor = "#154273";
-export const utrechtCheckboxInvalidBackgroundColor = "#f9dfdd";
-export const utrechtCheckboxInvalidBorderColor = "#d52b1e";
-export const utrechtCheckboxInvalidBorderWidth = "1px";
-export const utrechtCheckboxDisabledBackgroundColor = "#CBD5E1";
-export const utrechtCheckboxDisabledBorderColor = "#94A3B8";
-export const utrechtCheckboxIndeterminateBackgroundColor = "#154273";
-export const utrechtCheckboxIndeterminateBorderColor = "transparent";
-export const utrechtCheckboxIndeterminateColor = "#fff";
-export const utrechtCheckboxIndeterminateBorderWidth = "1px";
-export const utrechtCheckboxIndeterminateDisabledBackgroundColor = "#CBD5E1";
-export const utrechtCheckboxIndeterminateDisabledBorderColor = "#94A3B8";
-export const utrechtCheckboxIndeterminateDisabledColor = "#475569";
-export const utrechtCheckboxIndeterminateActiveBackgroundColor = "#4f7196";
-export const utrechtCheckboxIndeterminateActiveBorderColor = "transparent";
-export const utrechtCheckboxIndeterminateActiveColor = "#fff";
-export const utrechtCheckboxIndeterminateActiveBorderWidth = "1px";
-export const utrechtCheckboxIndeterminateHoverBackgroundColor = "#738eab";
-export const utrechtCheckboxIndeterminateHoverBorderColor = "transparent";
-export const utrechtCheckboxIndeterminateHoverColor = "#fff";
-export const utrechtCheckboxIndeterminateHoverBorderWidth = "1px";
-export const utrechtCheckboxIndeterminateFocusBackgroundColor = "#fff";
-export const utrechtCheckboxIndeterminateFocusBorderColor = "#154273";
-export const utrechtCheckboxIndeterminateFocusColor = "#154273";
-export const utrechtCheckboxIndeterminateFocusBorderWidth = "2px";
-export const utrechtCheckboxBorderWidth = "1px";
-export const utrechtCheckboxHoverBorderWidth = "1px";
-export const utrechtCheckboxHoverBackgroundColor = "#fff";
-export const utrechtCheckboxHoverBorderColor = "#738eab";
-export const utrechtCheckboxActiveBorderWidth = "1px";
-export const utrechtCheckboxActiveBackgroundColor = "#fff";
-export const utrechtCheckboxActiveBorderColor = "#4f7196";
-export const utrechtRadioButtonFocusBackgroundColor = "#FDD370";
-export const utrechtRadioButtonFocusBorderColor = "#154273";
-export const utrechtRadioButtonFocusBorderWidth = "2px";
-export const utrechtRadioButtonCheckedFocusBackgroundColor = "#FDD370";
-export const utrechtRadioButtonCheckedFocusBorderColor = "#154273";
-export const utrechtRadioButtonCheckedFocusColor = "#154273";
-export const utrechtRadioButtonCheckedFocusBorderWidth = "2px";
-export const utrechtRadioButtonCheckedBackgroundColor = "#154273";
-export const utrechtRadioButtonCheckedBorderColor = "transparent";
-export const utrechtRadioButtonCheckedColor = "#fff";
-export const utrechtRadioButtonCheckedHoverBackgroundColor = "#738eab";
-export const utrechtRadioButtonCheckedHoverBorderColor = "transparent";
-export const utrechtRadioButtonCheckedHoverColor = "#fff";
-export const utrechtRadioButtonCheckedHoverBorderWidth = "1px";
-export const utrechtRadioButtonCheckedActiveBackgroundColor = "#4f7196";
-export const utrechtRadioButtonCheckedActiveBorderColor = "transparent";
-export const utrechtRadioButtonCheckedActiveColor = "#fff";
-export const utrechtRadioButtonCheckedActiveBorderWidth = "1px";
-export const utrechtRadioButtonCheckedDisabledBackgroundColor = "#CBD5E1";
-export const utrechtRadioButtonCheckedDisabledBorderColor = "#94A3B8";
-export const utrechtRadioButtonCheckedDisabledColor = "#475569";
-export const utrechtRadioButtonCheckedBorderWidth = "1px";
-export const utrechtRadioButtonActiveBorderWidth = "1px";
-export const utrechtRadioButtonActiveBackgroundColor = "#fff";
-export const utrechtRadioButtonActiveBorderColor = "#4f7196";
-export const utrechtRadioButtonSize = "24px";
-export const utrechtRadioButtonDotSize = "12px";
-export const utrechtRadioButtonBackgroundColor = "#fff";
-export const utrechtRadioButtonBorderColor = "#154273";
-export const utrechtRadioButtonInvalidBackgroundColor = "#f9dfdd";
-export const utrechtRadioButtonInvalidBorderColor = "#d52b1e";
-export const utrechtRadioButtonInvalidBorderWidth = "1px";
-export const utrechtRadioButtonDisabledBackgroundColor = "#CBD5E1";
-export const utrechtRadioButtonDisabledBorderColor = "#94A3B8";
-export const utrechtRadioButtonDisabledColor = "#475569";
-export const utrechtRadioButtonHoverBackgroundColor = "#fff";
-export const utrechtRadioButtonHoverBorderColor = "#738eab";
-export const utrechtRadioButtonHoverBorderWidth = "1px";
-export const utrechtRadioButtonBorderRadius = "999px";
-export const utrechtRadioButtonBorderWidth = "1px";
-export const utrechtLinkFocusBackgroundColor = "#FDD370";
-export const utrechtLinkFocusColor = "#01689b";
-export const utrechtLinkFocusTextDecoration = "None";
-export const utrechtLinkFocusTextDecorationThickness = "auto";
-export const utrechtLinkColor = "#01689b";
-export const utrechtLinkTextDecorationColor = "#01689b";
-export const utrechtLinkActiveColor = "#42145f";
-export const utrechtLinkActiveTextDecoration = "None";
-export const utrechtLinkHoverColor = "#01496c";
-export const utrechtLinkHoverTextDecoration = "None";
-export const utrechtLinkHoverTextDecorationThickness = "auto";
-export const utrechtLinkVisitedColor = "#42145f";
-export const utrechtLinkTextDecoration = "underline";
-export const utrechtLinkIconInsetBlockStart = "0.25rem";
-export const utrechtLinkIconSize = "24px";
-export const utrechtLinkColumnGap = "0.25rem";
-export const utrechtLinkTextDecorationThickness = "auto";
-export const utrechtLinkTextUnderlineOffset = "0.125rem";
-export const utrechtLinkFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
-export const utrechtLinkFontWeight = 400;
-export const utrechtLinkFontSize = "1.25rem";
-export const utrechtLinkLineHeight = "150%";
-export const utrechtSelectFocusBackgroundColor = "#FDD370";
-export const utrechtSelectFocusBorderColor = "#154273";
-export const utrechtSelectFocusColor = "#0F172A";
-export const utrechtSelectFocusBorderWidth = "2px";
-export const utrechtSelectImageBackgroundPosition = "right 0.5rem center";
-export const utrechtSelectIconSize = "24px";
-export const utrechtSelectBackgroundColor = "#fff";
-export const utrechtSelectBorderColor = "#154273";
-export const utrechtSelectColor = "#0F172A";
-export const utrechtSelectInvalidBackgroundColor = "#f9dfdd";
-export const utrechtSelectInvalidBorderColor = "#d52b1e";
-export const utrechtSelectInvalidColor = "#0F172A";
-export const utrechtSelectInvalidBorderWidth = "1px";
-export const utrechtSelectDisabledBackgroundColor = "#CBD5E1";
-export const utrechtSelectDisabledBorderColor = "#94A3B8";
-export const utrechtSelectDisabledColor = "#475569";
-export const utrechtSelectHoverBackgroundColor = "#fff";
-export const utrechtSelectHoverBorderColor = "#738eab";
-export const utrechtSelectHoverColor = "#0F172A";
-export const utrechtSelectHoverBorderWidth = "1px";
-export const utrechtSelectPaddingBlockEnd = "0.5rem";
-export const utrechtSelectPaddingBlockStart = "0.5rem";
-export const utrechtSelectPaddingInlineEnd = "0.75rem";
-export const utrechtSelectPaddingInlineStart = "0.75rem";
-export const utrechtSelectBorderRadius = "2.5px";
-export const utrechtSelectBorderBottomWidth = "auto";
-export const utrechtSelectBorderWidth = "1px";
-export const utrechtSelectFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
-export const utrechtSelectFontWeight = 400;
-export const utrechtSelectLineHeight = "150%";
-export const utrechtSelectFontSize = "1.25rem";
-export const utrechtSelectMaxInlineSize = "400px";
-export const utrechtTextareaFocusBackgroundColor = "#FDD370";
-export const utrechtTextareaFocusBorderColor = "#154273";
-export const utrechtTextareaFocusColor = "#0F172A";
-export const utrechtTextareaFocusBorderWidth = "2px";
-export const utrechtTextareaMaxInlineSize = "400px";
-export const utrechtTextareaPaddingBlockEnd = "0.5rem";
-export const utrechtTextareaPaddingBlockStart = "0.5rem";
-export const utrechtTextareaPaddingInlineEnd = "0.75rem";
-export const utrechtTextareaPaddingInlineStart = "0.75rem";
-export const utrechtTextareaBackgroundColor = "#fff";
-export const utrechtTextareaBorderColor = "#154273";
-export const utrechtTextareaColor = "#0F172A";
-export const utrechtTextareaInvalidBackgroundColor = "#f9dfdd";
-export const utrechtTextareaInvalidBorderColor = "#d52b1e";
-export const utrechtTextareaInvalidColor = "#0F172A";
-export const utrechtTextareaInvalidBorderWidth = "1px";
-export const utrechtTextareaPlaceholderColor = "#64748B";
-export const utrechtTextareaDisabledBackgroundColor = "#CBD5E1";
-export const utrechtTextareaDisabledBorderColor = "#94A3B8";
-export const utrechtTextareaDisabledColor = "#475569";
-export const utrechtTextareaReadOnlyBackgroundColor = "#F1F5F9";
-export const utrechtTextareaReadOnlyBorderColor = "transparent";
-export const utrechtTextareaReadOnlyColor = "#0F172A";
-export const utrechtTextareaHoverBackgroundColor = "#fff";
-export const utrechtTextareaHoverBorderColor = "#738eab";
-export const utrechtTextareaHoverColor = "#0F172A";
-export const utrechtTextareaHoverBorderWidth = "1px";
-export const utrechtTextareaBorderRadius = "2.5px";
-export const utrechtTextareaBorderBottomWidth = "1px";
-export const utrechtTextareaBorderWidth = "1px";
-export const utrechtTextareaFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
-export const utrechtTextareaFontWeight = 400;
-export const utrechtTextareaLineHeight = "150%";
-export const utrechtTextareaFontSize = "1.25rem";
-export const utrechtTextboxFocusBackgroundColor = "#FDD370";
-export const utrechtTextboxFocusBorderWidth = "2px";
-export const utrechtTextboxFocusBorderColor = "#154273";
-export const utrechtTextboxFocusColor = "#0F172A";
+export const utrechtColumnLayoutColumnRuleColor = "transparent";
+export const utrechtColumnLayoutColumnRuleWidth = "0px";
+export const utrechtColumnLayoutColumnWidth = "400px";
+export const utrechtColumnLayoutGap = "0.75rem";
+export const utrechtBlockquoteBackgroundColor = "transparent";
+export const utrechtBlockquoteBorderInlineStartWidth = 0;
+export const utrechtBlockquoteBorderColor = "transparent";
+export const utrechtBlockquoteBorderRadius = 0;
+export const utrechtBlockquoteBorderWidth = 0;
+export const utrechtBlockquoteColor = "#154273";
+export const utrechtBlockquoteFontSize = "1.25rem";
+export const utrechtBlockquoteFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtBlockquotePaddingBlockEnd = "2rem";
+export const utrechtBlockquotePaddingBlockStart = "2rem";
+export const utrechtBlockquotePaddingInlineEnd = "2rem";
+export const utrechtBlockquotePaddingInlineStart = "2rem";
+export const utrechtBlockquoteRowGap = "0.75rem";
+export const utrechtBlockquoteAttributionColor = "#154273";
+export const utrechtBlockquoteAttributionFontSize = "1.25rem";
+export const utrechtBlockquoteContentColor = "#154273";
+export const utrechtBlockquoteContentFontSize = "1.25rem";
+export const utrechtBlockquoteContentFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtBlockquoteContentLineHeight = "150%";
+export const utrechtBlockquoteContentFontWeight = 400;
+export const utrechtBlockquoteCaptionFontSize = "1.25rem";
+export const utrechtBlockquoteCaptionFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtBlockquoteCaptionLineHeight = "150%";
+export const utrechtBlockquoteCaptionFontWeight = 400;
+export const utrechtBlockquoteCaptionPaddingBlockStart = "0.75rem";
+export const utrechtBlockquoteCaptionColor = "#154273";
+export const utrechtBlockquoteMarginBlockEnd = 0;
+export const utrechtBlockquoteMarginBlockStart = 0;
+export const utrechtBlockquoteMarginInlineEnd = 0;
+export const utrechtBlockquoteMarginInlineStart = 0;
+export const utrechtBlockquoteBorderBlockStartWidth = 0;
+export const utrechtBlockquoteBorderBlockEndWidth = 0;
+export const utrechtBlockquoteBorderInlineEndWidth = 0;
+export const utrechtBlockquoteBorderStartStartRadius = 0;
+export const utrechtBlockquoteBorderStartEndRadius = 0;
+export const utrechtBlockquoteBorderEndStartRadius = 0;
+export const utrechtBlockquoteBorderEndEndRadius = 0;
+export const utrechtBlockquoteBlueCornerBorderVariationBorderColor = "#76d2b6";
+export const utrechtBlockquoteBlueCornerBorderVariationBorderBlockEndWidth = "2px";
+export const utrechtBlockquoteBlueCornerBorderVariationBorderInlineEndWidth = "2px";
+export const utrechtBlockquoteBlueCornerBorderVariationBorderEndEndRadius = "3rem";
+export const utrechtBlockquotePinkBackgroundVariationBackgroundColor = "#F6BDE1";
+export const utrechtBlockquotePinkBackgroundVariationBorderEndStartRadius = "3rem";
+export const utrechtBlockquotePinkBackgroundVariationPadding = "2.5rem";
+export const utrechtBlockquotePinkLeftBorderVariationBorderColor = "#F6BDE1";
+export const utrechtBlockquotePinkLeftBorderVariationBorderInlineStartWidth = "0.75rem";
+export const utrechtBlockquotePinkLeftBorderVariationPaddingInlineStart = "2.5rem";
+export const utrechtBlockquotePinkLeftBorderVariationPaddingInlineEnd = "2.5rem";
+export const utrechtBlockquotePinkLeftBorderVariationPaddingBlockStart = "1.5rem";
+export const utrechtBlockquotePinkLeftBorderVariationPaddingBlockEnd = "1.5rem";
+export const utrechtBlockquotePinkCornerBorderVariationBorderColor = "#F6BDE1";
+export const utrechtBlockquotePinkCornerBorderVariationBorderBlockStartWidth = "0.25rem";
+export const utrechtBlockquotePinkCornerBorderVariationBorderInlineStartWidth = "0.25rem";
+export const utrechtBlockquotePinkCornerBorderVariationBorderStartStartRadius = "3rem";
+export const utrechtBlockquotePinkCornerBorderVariationPadding = "2.5rem";
+export const utrechtIconColor = "inherit";
+export const utrechtIconSize = "24px";
+export const utrechtIconInsetBlockStart = 0;
+export const utrechtUnorderedListPaddingInlineStart = "1.5rem";
+export const utrechtUnorderedListMarginBlockEnd = "0.25rem";
+export const utrechtUnorderedListMarginBlockStart = "0.25rem";
+export const utrechtUnorderedListColor = "#0F172A";
+export const utrechtUnorderedListFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtUnorderedListFontWeight = 400;
+export const utrechtUnorderedListFontSize = "1.25rem";
+export const utrechtUnorderedListLineHeight = "150%";
+export const utrechtUnorderedListItemPaddingInlineStart = "0.5rem";
+export const utrechtUnorderedListItemMarginBlockEnd = "0.25rem";
+export const utrechtUnorderedListItemMarginBlockStart = "0.25rem";
+export const utrechtUnorderedListMarkerColor = "#0F172A";
+export const utrechtUnorderedListMarkerBorderColor = "#0F172A";
 export const utrechtTextboxBorderRadius = "2.5px";
-export const utrechtTextboxFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtTextboxFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
 export const utrechtTextboxFontSize = "1.25rem";
 export const utrechtTextboxFontWeight = 400;
 export const utrechtTextboxLineHeight = "150%";
@@ -315,7 +89,7 @@ export const utrechtTextboxPaddingBlockStart = "0.5rem";
 export const utrechtTextboxPaddingInlineEnd = "0.75rem";
 export const utrechtTextboxPaddingInlineStart = "0.75rem";
 export const utrechtTextboxBackgroundColor = "#fff";
-export const utrechtTextboxBorderColor = "#154273";
+export const utrechtTextboxBorderColor = "#76d2b6";
 export const utrechtTextboxColor = "#0F172A";
 export const utrechtTextboxInvalidBackgroundColor = "#f9dfdd";
 export const utrechtTextboxInvalidBorderColor = "#d52b1e";
@@ -324,6 +98,10 @@ export const utrechtTextboxInvalidBorderWidth = "1px";
 export const utrechtTextboxPlaceholderColor = "#64748B";
 export const utrechtTextboxBorderBlockEndWidth = "auto";
 export const utrechtTextboxBorderWidth = "1px";
+export const utrechtTextboxFocusBorderWidth = "2px";
+export const utrechtTextboxFocusBackgroundColor = "#fff";
+export const utrechtTextboxFocusBorderColor = "#76d2b6";
+export const utrechtTextboxFocusColor = "#0F172A";
 export const utrechtTextboxDisabledBackgroundColor = "#CBD5E1";
 export const utrechtTextboxDisabledBorderColor = "#94A3B8";
 export const utrechtTextboxDisabledColor = "#475569";
@@ -332,62 +110,51 @@ export const utrechtTextboxReadOnlyBorderColor = "transparent";
 export const utrechtTextboxReadOnlyColor = "#0F172A";
 export const utrechtTextboxHoverBorderWidth = "1px";
 export const utrechtTextboxHoverBackgroundColor = "#fff";
-export const utrechtTextboxHoverBorderColor = "#738eab";
+export const utrechtTextboxHoverBorderColor = "#ACE4D3";
 export const utrechtTextboxHoverColor = "#0F172A";
-export const utrechtCounterBadgeBackgroundColor = "#FDD370";
-export const utrechtSkipLinkFocusBackgroundColor = "#FDD370";
-export const utrechtSkipLinkFocusBorderColor = "#154273";
-export const utrechtSkipLinkFocusBorderStyle = "solid";
-export const utrechtSkipLinkFocusBorderWidth = "2px";
-export const utrechtSkipLinkFocusColor = "#0F172A";
-export const utrechtSkipLinkFocusTextDecoration = "None";
-export const utrechtSkipLinkFontWeight = 700;
-export const utrechtSkipLinkFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
-export const utrechtSkipLinkFontSize = "1.25rem";
-export const utrechtSkipLinkLineHeight = "150%";
-export const utrechtSkipLinkMinBlockSize = "48px";
-export const utrechtSkipLinkMinInlineSize = "48px";
-export const utrechtSkipLinkPaddingBlockEnd = "0.75rem";
-export const utrechtSkipLinkPaddingBlockStart = "0.75rem";
-export const utrechtSkipLinkPaddingInlineEnd = "1rem";
-export const utrechtSkipLinkPaddingInlineStart = "1rem";
-export const utrechtSkipLinkFocusVisibleOutlineColor = "#000";
-export const utrechtSkipLinkBackgroundColor = "#154273";
-export const utrechtSkipLinkBorderColor = "transparent";
-export const utrechtSkipLinkColor = "#fff";
-export const utrechtSkipLinkBorderWidth = "2px";
-export const utrechtSkipLinkBoxBlockEndShadowOffsetX = 0;
-export const utrechtSkipLinkBoxBlockEndShadowOffsetY = "16px";
-export const utrechtSkipLinkBoxBlockEndShadowBlurRadius = "48px";
-export const utrechtSkipLinkBoxBlockEndShadowSpreadRadius = 0;
-export const utrechtSkipLinkBoxBlockEndShadowColor = "#0000001a";
-export const utrechtSkipLinkTextDecoration = "underline";
-export const utrechtSkipLinkTextUnderlineOffset = "0.125rem";
-export const utrechtIconColor = "inherit";
-export const utrechtIconSize = "24px";
-export const utrechtIconInsetBlockStart = 0;
-export const utrechtUnorderedListPaddingInlineStart = "1.5rem";
-export const utrechtUnorderedListMarginBlockEnd = "0.25rem";
-export const utrechtUnorderedListMarginBlockStart = "0.25rem";
-export const utrechtUnorderedListColor = "#0F172A";
-export const utrechtUnorderedListFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
-export const utrechtUnorderedListFontWeight = 400;
-export const utrechtUnorderedListFontSize = "1.25rem";
-export const utrechtUnorderedListLineHeight = "150%";
-export const utrechtUnorderedListItemPaddingInlineStart = "0.5rem";
-export const utrechtUnorderedListItemMarginBlockEnd = "0.25rem";
-export const utrechtUnorderedListItemMarginBlockStart = "0.25rem";
-export const utrechtUnorderedListMarkerColor = "#0F172A";
-export const utrechtUnorderedListMarkerBorderColor = "#0F172A";
+export const utrechtTextareaMaxInlineSize = "400px";
+export const utrechtTextareaPaddingBlockEnd = "0.5rem";
+export const utrechtTextareaPaddingBlockStart = "0.5rem";
+export const utrechtTextareaPaddingInlineEnd = "0.75rem";
+export const utrechtTextareaPaddingInlineStart = "0.75rem";
+export const utrechtTextareaBackgroundColor = "#fff";
+export const utrechtTextareaBorderColor = "#76d2b6";
+export const utrechtTextareaColor = "#0F172A";
+export const utrechtTextareaInvalidBackgroundColor = "#f9dfdd";
+export const utrechtTextareaInvalidBorderColor = "#d52b1e";
+export const utrechtTextareaInvalidColor = "#0F172A";
+export const utrechtTextareaInvalidBorderWidth = "1px";
+export const utrechtTextareaPlaceholderColor = "#64748B";
+export const utrechtTextareaFocusBackgroundColor = "#fff";
+export const utrechtTextareaFocusBorderColor = "#76d2b6";
+export const utrechtTextareaFocusColor = "#0F172A";
+export const utrechtTextareaFocusBorderWidth = "2px";
+export const utrechtTextareaDisabledBackgroundColor = "#CBD5E1";
+export const utrechtTextareaDisabledBorderColor = "#94A3B8";
+export const utrechtTextareaDisabledColor = "#475569";
+export const utrechtTextareaReadOnlyBackgroundColor = "#F1F5F9";
+export const utrechtTextareaReadOnlyBorderColor = "transparent";
+export const utrechtTextareaReadOnlyColor = "#0F172A";
+export const utrechtTextareaHoverBackgroundColor = "#fff";
+export const utrechtTextareaHoverBorderColor = "#ACE4D3";
+export const utrechtTextareaHoverColor = "#0F172A";
+export const utrechtTextareaHoverBorderWidth = "1px";
+export const utrechtTextareaBorderRadius = "2.5px";
+export const utrechtTextareaBorderBottomWidth = "1px";
+export const utrechtTextareaBorderWidth = "1px";
+export const utrechtTextareaFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtTextareaFontWeight = 400;
+export const utrechtTextareaLineHeight = "150%";
+export const utrechtTextareaFontSize = "1.25rem";
 export const utrechtTableHeaderCellLineHeight = "150%";
 export const utrechtTableHeaderCellColor = "#0F172A";
-export const utrechtTableHeaderCellFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtTableHeaderCellFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
 export const utrechtTableHeaderCellFontWeight = 700;
 export const utrechtTableHeaderCellFontSize = "1.25rem";
 export const utrechtTableCaptionLineHeight = "125%";
 export const utrechtTableCaptionMarginBlockEnd = "1.5rem";
 export const utrechtTableCaptionColor = "#0F172A";
-export const utrechtTableCaptionFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtTableCaptionFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
 export const utrechtTableCaptionFontWeight = 700;
 export const utrechtTableCaptionFontSize = "1.875rem";
 export const utrechtTableCellPaddingBlockEnd = "0.75rem";
@@ -396,7 +163,7 @@ export const utrechtTableCellPaddingInlineEnd = "1rem";
 export const utrechtTableCellPaddingInlineStart = "1rem";
 export const utrechtTableCellLineHeight = "150%";
 export const utrechtTableDataCellColor = "#0F172A";
-export const utrechtTableDataCellFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtTableDataCellFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
 export const utrechtTableDataCellFontWeight = 400;
 export const utrechtTableDataCellLineHeight = "150%";
 export const utrechtTableDataCellFontSize = "1.25rem";
@@ -412,7 +179,7 @@ export const utrechtTableRowBackgroundColor = "transparent";
 export const utrechtTableFooterCellFontWeight = 700;
 export const utrechtTableFooterCellFontSize = "1.25rem";
 export const utrechtTableFooterCellColor = "#0F172A";
-export const utrechtTableFooterCellFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtTableFooterCellFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
 export const utrechtTableFooterCellLineHeight = "150%";
 export const utrechtTableContainerBoxInlineEndShadowX = 0;
 export const utrechtTableContainerBoxInlineEndShadowY = "16px";
@@ -425,12 +192,117 @@ export const utrechtTableContainerBoxInlineStartShadowBlur = "48px";
 export const utrechtTableContainerBoxInlineStartShadowSpread = 0;
 export const utrechtTableContainerBoxInlineStartShadowColor = "#0000001a";
 export const utrechtTableFontSize = "1.25rem";
+export const utrechtSkipLinkFontWeight = 700;
+export const utrechtSkipLinkFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtSkipLinkFontSize = "1.25rem";
+export const utrechtSkipLinkLineHeight = "150%";
+export const utrechtSkipLinkMinBlockSize = "48px";
+export const utrechtSkipLinkMinInlineSize = "48px";
+export const utrechtSkipLinkPaddingBlockEnd = "0.75rem";
+export const utrechtSkipLinkPaddingBlockStart = "0.75rem";
+export const utrechtSkipLinkPaddingInlineEnd = "1rem";
+export const utrechtSkipLinkPaddingInlineStart = "1rem";
+export const utrechtSkipLinkFocusBackgroundColor = "#fff";
+export const utrechtSkipLinkFocusBorderColor = "#76d2b6";
+export const utrechtSkipLinkFocusBorderStyle = "solid";
+export const utrechtSkipLinkFocusBorderWidth = "2px";
+export const utrechtSkipLinkFocusColor = "#0F172A";
+export const utrechtSkipLinkFocusTextDecoration = "None";
+export const utrechtSkipLinkFocusVisibleOutlineColor = "#000";
+export const utrechtSkipLinkBackgroundColor = "#76d2b6";
+export const utrechtSkipLinkBorderColor = "transparent";
+export const utrechtSkipLinkColor = "#fff";
+export const utrechtSkipLinkBorderWidth = "2px";
+export const utrechtSkipLinkBoxBlockEndShadowOffsetX = 0;
+export const utrechtSkipLinkBoxBlockEndShadowOffsetY = "16px";
+export const utrechtSkipLinkBoxBlockEndShadowBlurRadius = "48px";
+export const utrechtSkipLinkBoxBlockEndShadowSpreadRadius = 0;
+export const utrechtSkipLinkBoxBlockEndShadowColor = "#0000001a";
+export const utrechtSkipLinkTextDecoration = "underline";
+export const utrechtSkipLinkTextUnderlineOffset = "0.125rem";
 export const utrechtSeparatorColor = "#CBD5E1";
 export const utrechtSeparatorBlockSize = "2px";
 export const utrechtSeparatorMarginBlockEnd = "0.75rem";
 export const utrechtSeparatorMarginBlockStart = "0.75rem";
+export const utrechtSelectImageBackgroundPosition = "right 0.5rem center";
+export const utrechtSelectIconSize = "24px";
+export const utrechtSelectBackgroundColor = "#fff";
+export const utrechtSelectBorderColor = "#76d2b6";
+export const utrechtSelectColor = "#0F172A";
+export const utrechtSelectInvalidBackgroundColor = "#f9dfdd";
+export const utrechtSelectInvalidBorderColor = "#d52b1e";
+export const utrechtSelectInvalidColor = "#0F172A";
+export const utrechtSelectInvalidBorderWidth = "1px";
+export const utrechtSelectFocusBackgroundColor = "#fff";
+export const utrechtSelectFocusBorderColor = "#76d2b6";
+export const utrechtSelectFocusColor = "#0F172A";
+export const utrechtSelectFocusBorderWidth = "2px";
+export const utrechtSelectDisabledBackgroundColor = "#CBD5E1";
+export const utrechtSelectDisabledBorderColor = "#94A3B8";
+export const utrechtSelectDisabledColor = "#475569";
+export const utrechtSelectHoverBackgroundColor = "#fff";
+export const utrechtSelectHoverBorderColor = "#ACE4D3";
+export const utrechtSelectHoverColor = "#0F172A";
+export const utrechtSelectHoverBorderWidth = "1px";
+export const utrechtSelectPaddingBlockEnd = "0.5rem";
+export const utrechtSelectPaddingBlockStart = "0.5rem";
+export const utrechtSelectPaddingInlineEnd = "0.75rem";
+export const utrechtSelectPaddingInlineStart = "0.75rem";
+export const utrechtSelectBorderRadius = "2.5px";
+export const utrechtSelectBorderBottomWidth = "auto";
+export const utrechtSelectBorderWidth = "1px";
+export const utrechtSelectFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtSelectFontWeight = 400;
+export const utrechtSelectLineHeight = "150%";
+export const utrechtSelectFontSize = "1.25rem";
+export const utrechtSelectMaxInlineSize = "400px";
+export const utrechtRadioButtonActiveBorderWidth = "1px";
+export const utrechtRadioButtonActiveBackgroundColor = "#fff";
+export const utrechtRadioButtonActiveBorderColor = "#98DDC8";
+export const utrechtRadioButtonSize = "24px";
+export const utrechtRadioButtonDotSize = "12px";
+export const utrechtRadioButtonBackgroundColor = "#fff";
+export const utrechtRadioButtonBorderColor = "#76d2b6";
+export const utrechtRadioButtonInvalidBackgroundColor = "#f9dfdd";
+export const utrechtRadioButtonInvalidBorderColor = "#d52b1e";
+export const utrechtRadioButtonInvalidBorderWidth = "1px";
+export const utrechtRadioButtonFocusBackgroundColor = "#fff";
+export const utrechtRadioButtonFocusBorderColor = "#76d2b6";
+export const utrechtRadioButtonFocusBorderWidth = "2px";
+export const utrechtRadioButtonDisabledBackgroundColor = "#CBD5E1";
+export const utrechtRadioButtonDisabledBorderColor = "#94A3B8";
+export const utrechtRadioButtonDisabledColor = "#475569";
+export const utrechtRadioButtonCheckedBackgroundColor = "#76d2b6";
+export const utrechtRadioButtonCheckedBorderColor = "transparent";
+export const utrechtRadioButtonCheckedColor = "#fff";
+export const utrechtRadioButtonCheckedHoverBackgroundColor = "#ACE4D3";
+export const utrechtRadioButtonCheckedHoverBorderColor = "transparent";
+export const utrechtRadioButtonCheckedHoverColor = "#fff";
+export const utrechtRadioButtonCheckedHoverBorderWidth = "1px";
+export const utrechtRadioButtonCheckedActiveBackgroundColor = "#98DDC8";
+export const utrechtRadioButtonCheckedActiveBorderColor = "transparent";
+export const utrechtRadioButtonCheckedActiveColor = "#fff";
+export const utrechtRadioButtonCheckedActiveBorderWidth = "1px";
+export const utrechtRadioButtonCheckedFocusBackgroundColor = "#fff";
+export const utrechtRadioButtonCheckedFocusBorderColor = "#76d2b6";
+export const utrechtRadioButtonCheckedFocusColor = "#76d2b6";
+export const utrechtRadioButtonCheckedFocusBorderWidth = "2px";
+export const utrechtRadioButtonCheckedDisabledBackgroundColor = "#CBD5E1";
+export const utrechtRadioButtonCheckedDisabledBorderColor = "#94A3B8";
+export const utrechtRadioButtonCheckedDisabledColor = "#475569";
+export const utrechtRadioButtonCheckedBorderWidth = "1px";
+export const utrechtRadioButtonHoverBackgroundColor = "#fff";
+export const utrechtRadioButtonHoverBorderColor = "#ACE4D3";
+export const utrechtRadioButtonHoverBorderWidth = "1px";
+export const utrechtRadioButtonBorderRadius = "999px";
+export const utrechtRadioButtonBorderWidth = "1px";
+export const utrechtPreHeadingColor = "#0F172A";
+export const utrechtPreHeadingFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtPreHeadingFontWeight = 700;
+export const utrechtPreHeadingLineHeight = "125%";
+export const utrechtPreHeadingFontSize = "1rem";
 export const utrechtParagraphColor = "#0F172A";
-export const utrechtParagraphFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtParagraphFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
 export const utrechtParagraphFontSize = "1.25rem";
 export const utrechtParagraphFontWeight = 400;
 export const utrechtParagraphLineHeight = "150%";
@@ -448,7 +320,7 @@ export const utrechtOrderedListItemPaddingInlineStart = 0;
 export const utrechtOrderedListItemMarginBlockEnd = "0.25rem";
 export const utrechtOrderedListItemMarginBlockStart = "0.25rem";
 export const utrechtOrderedListColor = "#0F172A";
-export const utrechtOrderedListFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtOrderedListFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
 export const utrechtOrderedListFontWeight = 400;
 export const utrechtOrderedListFontSize = "1.25rem";
 export const utrechtOrderedListLineHeight = "150%";
@@ -459,36 +331,58 @@ export const utrechtLinkListItemColumnGap = "0.5rem";
 export const utrechtLinkListItemTextDecoration = "None";
 export const utrechtLinkListIconSize = "24px";
 export const utrechtLinkListIconInsetBlockStart = "0.188rem";
-export const utrechtHeading1Color = "#154273";
-export const utrechtHeading1FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtLinkColor = "#01689b";
+export const utrechtLinkTextDecorationColor = "#01689b";
+export const utrechtLinkActiveColor = "#42145f";
+export const utrechtLinkActiveTextDecoration = "None";
+export const utrechtLinkFocusBackgroundColor = "transparent";
+export const utrechtLinkFocusColor = "#01689b";
+export const utrechtLinkFocusTextDecoration = "None";
+export const utrechtLinkFocusTextDecorationThickness = "auto";
+export const utrechtLinkHoverColor = "#01496c";
+export const utrechtLinkHoverTextDecoration = "None";
+export const utrechtLinkHoverTextDecorationThickness = "auto";
+export const utrechtLinkVisitedColor = "#42145f";
+export const utrechtLinkTextDecoration = "underline";
+export const utrechtLinkIconInsetBlockStart = "0.25rem";
+export const utrechtLinkIconSize = "24px";
+export const utrechtLinkColumnGap = "0.25rem";
+export const utrechtLinkTextDecorationThickness = "auto";
+export const utrechtLinkTextUnderlineOffset = "0.125rem";
+export const utrechtLinkFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtLinkFontWeight = 400;
+export const utrechtLinkFontSize = "1.25rem";
+export const utrechtLinkLineHeight = "150%";
+export const utrechtHeading1Color = "#76d2b6";
+export const utrechtHeading1FontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
 export const utrechtHeading1FontWeight = 700;
 export const utrechtHeading1LineHeight = "125%";
 export const utrechtHeading1FontSize = "3.125rem";
 export const utrechtHeading1MarginBlockEnd = 0;
 export const utrechtHeading1MarginBlockStart = 0;
-export const utrechtHeading2Color = "#154273";
-export const utrechtHeading2FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtHeading2Color = "#76d2b6";
+export const utrechtHeading2FontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
 export const utrechtHeading2FontWeight = 700;
 export const utrechtHeading2LineHeight = "125%";
 export const utrechtHeading2FontSize = "2.5rem";
 export const utrechtHeading2MarginBlockEnd = 0;
 export const utrechtHeading2MarginBlockStart = 0;
-export const utrechtHeading3Color = "#154273";
-export const utrechtHeading3FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtHeading3Color = "#76d2b6";
+export const utrechtHeading3FontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
 export const utrechtHeading3FontWeight = 700;
 export const utrechtHeading3LineHeight = "125%";
 export const utrechtHeading3FontSize = "1.875rem";
 export const utrechtHeading3MarginBlockEnd = 0;
 export const utrechtHeading3MarginBlockStart = 0;
-export const utrechtHeading4Color = "#154273";
-export const utrechtHeading4FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtHeading4Color = "#76d2b6";
+export const utrechtHeading4FontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
 export const utrechtHeading4FontWeight = 700;
 export const utrechtHeading4LineHeight = "125%";
 export const utrechtHeading4FontSize = "1.5rem";
 export const utrechtHeading4MarginBlockEnd = 0;
 export const utrechtHeading4MarginBlockStart = 0;
-export const utrechtHeading5Color = "#154273";
-export const utrechtHeading5FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtHeading5Color = "#76d2b6";
+export const utrechtHeading5FontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
 export const utrechtHeading5FontWeight = 700;
 export const utrechtHeading5LineHeight = "125%";
 export const utrechtHeading5FontSize = "1.25rem";
@@ -498,20 +392,20 @@ export const utrechtFormLabelColor = "#0F172A";
 export const utrechtFormLabelFontSize = "1.25rem";
 export const utrechtFormLabelFontWeight = 700;
 export const utrechtFormFieldLabelColor = "#0F172A";
-export const utrechtFormFieldLabelFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtFormFieldLabelFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
 export const utrechtFormFieldLabelFontSize = "1.25rem";
 export const utrechtFormFieldLabelFontWeight = 700;
 export const utrechtFormFieldLabelLineHeight = "150%";
 export const utrechtFormFieldErrorMessageIconSize = "24px";
 export const utrechtFormFieldErrorMessageIconMarginInlineEnd = "0.5rem";
 export const utrechtFormFieldErrorMessageColor = "#d52b1e";
-export const utrechtFormFieldErrorMessageFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtFormFieldErrorMessageFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
 export const utrechtFormFieldErrorMessageFontSize = "1.25rem";
 export const utrechtFormFieldErrorMessageFontWeight = 400;
 export const utrechtFormFieldErrorMessageMarginBlockEnd = "0.5rem";
 export const utrechtFormFieldErrorMessagePaddingBlockEnd = "0.5rem";
 export const utrechtFormFieldDescriptionColor = "#334155";
-export const utrechtFormFieldDescriptionFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtFormFieldDescriptionFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
 export const utrechtFormFieldDescriptionFontSize = "1.25rem";
 export const utrechtFormFieldDescriptionLineHeight = "150%";
 export const utrechtFormFieldDescriptionMarginBlockStart = "-0.5rem";
@@ -524,7 +418,7 @@ export const utrechtFormFieldInvalidBorderInlineStartWidth = "0px";
 export const utrechtFormFieldInvalidPaddingInlineStart = 0;
 export const utrechtFormFieldLabelMarginBlockEnd = "0.5rem";
 export const utrechtFormFieldErrorMessageLineHeight = "normal";
-export const utrechtPageFooterBackgroundColor = "#154273";
+export const utrechtPageFooterBackgroundColor = "#76d2b6";
 export const utrechtPageFooterColor = "#fff";
 export const utrechtPageFooterPaddingBlockStart = "3rem";
 export const utrechtPageFooterPaddingBlockEnd = "3rem";
@@ -543,7 +437,7 @@ export const utrechtFigureImgBorderEndStartRadius = 0;
 export const utrechtFigureImgBorderStartEndRadius = 0;
 export const utrechtFigureImgBorderStartStartRadius = 0;
 export const utrechtFormFieldsetLegendColor = "#0F172A";
-export const utrechtFormFieldsetLegendFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtFormFieldsetLegendFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
 export const utrechtFormFieldsetLegendFontSize = "1.25rem";
 export const utrechtFormFieldsetLegendFontWeight = 700;
 export const utrechtFormFieldsetLegendLineHeight = "150%";
@@ -560,12 +454,70 @@ export const utrechtNumberBadgeMinInlineSize = "24px";
 export const utrechtNumberBadgeFontWeight = 700;
 export const utrechtNumberBadgeBorderWidth = "0px";
 export const utrechtNumberBadgeBorderRadius = "999px";
-export const utrechtNumberBadgeFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
-export const utrechtNumberBadgeBackgroundColor = "#154273";
+export const utrechtNumberBadgeFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtNumberBadgeBackgroundColor = "#76d2b6";
 export const utrechtNumberBadgeBorderColor = "transparent";
 export const utrechtNumberBadgeColor = "#fff";
 export const utrechtNumberBadgePaddingInline = "0.5rem";
 export const utrechtNumberBadgePaddingBlock = "0.5rem";
+export const utrechtCheckboxBorderRadius = "2.5px";
+export const utrechtCheckboxSize = "24px";
+export const utrechtCheckboxIconSize = "24px";
+export const utrechtCheckboxBackgroundColor = "#fff";
+export const utrechtCheckboxBorderColor = "#76d2b6";
+export const utrechtCheckboxInvalidBackgroundColor = "#f9dfdd";
+export const utrechtCheckboxInvalidBorderColor = "#d52b1e";
+export const utrechtCheckboxInvalidBorderWidth = "1px";
+export const utrechtCheckboxFocusBackgroundColor = "#fff";
+export const utrechtCheckboxFocusBorderColor = "#76d2b6";
+export const utrechtCheckboxFocusBorderWidth = "2px";
+export const utrechtCheckboxDisabledBackgroundColor = "#CBD5E1";
+export const utrechtCheckboxDisabledBorderColor = "#94A3B8";
+export const utrechtCheckboxCheckedBackgroundColor = "#76d2b6";
+export const utrechtCheckboxCheckedBorderColor = "transparent";
+export const utrechtCheckboxCheckedColor = "#fff";
+export const utrechtCheckboxCheckedBorderWidth = "1px";
+export const utrechtCheckboxCheckedDisabledBackgroundColor = "#CBD5E1";
+export const utrechtCheckboxCheckedDisabledBorderColor = "#94A3B8";
+export const utrechtCheckboxCheckedDisabledColor = "#475569";
+export const utrechtCheckboxCheckedFocusBorderWidth = "2px";
+export const utrechtCheckboxCheckedFocusBackgroundColor = "#fff";
+export const utrechtCheckboxCheckedFocusBorderColor = "#76d2b6";
+export const utrechtCheckboxCheckedFocusColor = "#76d2b6";
+export const utrechtCheckboxCheckedHoverBorderWidth = "1px";
+export const utrechtCheckboxCheckedHoverBackgroundColor = "#ACE4D3";
+export const utrechtCheckboxCheckedHoverBorderColor = "transparent";
+export const utrechtCheckboxCheckedHoverColor = "#fff";
+export const utrechtCheckboxCheckedActiveBorderWidth = "1px";
+export const utrechtCheckboxCheckedActiveBackgroundColor = "#98DDC8";
+export const utrechtCheckboxCheckedActiveBorderColor = "transparent";
+export const utrechtCheckboxCheckedActiveColor = "#fff";
+export const utrechtCheckboxIndeterminateBackgroundColor = "#76d2b6";
+export const utrechtCheckboxIndeterminateBorderColor = "transparent";
+export const utrechtCheckboxIndeterminateColor = "#fff";
+export const utrechtCheckboxIndeterminateBorderWidth = "1px";
+export const utrechtCheckboxIndeterminateDisabledBackgroundColor = "#CBD5E1";
+export const utrechtCheckboxIndeterminateDisabledBorderColor = "#94A3B8";
+export const utrechtCheckboxIndeterminateDisabledColor = "#475569";
+export const utrechtCheckboxIndeterminateActiveBackgroundColor = "#98DDC8";
+export const utrechtCheckboxIndeterminateActiveBorderColor = "transparent";
+export const utrechtCheckboxIndeterminateActiveColor = "#fff";
+export const utrechtCheckboxIndeterminateActiveBorderWidth = "1px";
+export const utrechtCheckboxIndeterminateHoverBackgroundColor = "#ACE4D3";
+export const utrechtCheckboxIndeterminateHoverBorderColor = "transparent";
+export const utrechtCheckboxIndeterminateHoverColor = "#fff";
+export const utrechtCheckboxIndeterminateHoverBorderWidth = "1px";
+export const utrechtCheckboxIndeterminateFocusBackgroundColor = "#fff";
+export const utrechtCheckboxIndeterminateFocusBorderColor = "#76d2b6";
+export const utrechtCheckboxIndeterminateFocusColor = "#76d2b6";
+export const utrechtCheckboxIndeterminateFocusBorderWidth = "2px";
+export const utrechtCheckboxBorderWidth = "1px";
+export const utrechtCheckboxHoverBorderWidth = "1px";
+export const utrechtCheckboxHoverBackgroundColor = "#fff";
+export const utrechtCheckboxHoverBorderColor = "#ACE4D3";
+export const utrechtCheckboxActiveBorderWidth = "1px";
+export const utrechtCheckboxActiveBackgroundColor = "#fff";
+export const utrechtCheckboxActiveBorderColor = "#98DDC8";
 export const utrechtButtonGroupBackgroundColor = "transparent";
 export const utrechtButtonGroupColumnGap = "0.5rem";
 export const utrechtButtonGroupMarginBlockEnd = "0px";
@@ -573,6 +525,102 @@ export const utrechtButtonGroupMarginBlockStart = "0px";
 export const utrechtButtonGroupPaddingBlockEnd = "0px";
 export const utrechtButtonGroupPaddingBlockStart = "0px";
 export const utrechtButtonGroupRowGap = "0.5rem";
+export const utrechtButtonBackgroundColor = "#0F172A";
+export const utrechtButtonBorderColor = "transparent";
+export const utrechtButtonColor = "#fff";
+export const utrechtButtonBorderRadius = "5px";
+export const utrechtButtonBorderWidth = "1px";
+export const utrechtButtonIconGap = "0.5rem";
+export const utrechtButtonIconSize = "24px";
+export const utrechtButtonFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtButtonFontSize = "1.25rem";
+export const utrechtButtonFontWeight = 700;
+export const utrechtButtonLineHeight = "150%";
+export const utrechtButtonPaddingBlockEnd = "0.5rem";
+export const utrechtButtonPaddingBlockStart = "0.5rem";
+export const utrechtButtonPaddingInlineEnd = "1rem";
+export const utrechtButtonPaddingInlineStart = "1rem";
+export const utrechtButtonDisabledBackgroundColor = "#E2E8F0";
+export const utrechtButtonDisabledBorderColor = "transparent";
+export const utrechtButtonDisabledColor = "#94A3B8";
+export const utrechtButtonFocusBackgroundColor = "#475569";
+export const utrechtButtonFocusBorderColor = "transparent";
+export const utrechtButtonFocusColor = "#fff";
+export const utrechtButtonHoverBackgroundColor = "#475569";
+export const utrechtButtonHoverBorderColor = "transparent";
+export const utrechtButtonHoverColor = "#fff";
+export const utrechtButtonActiveBackgroundColor = "#1E293B";
+export const utrechtButtonActiveBorderColor = "transparent";
+export const utrechtButtonActiveColor = "#fff";
+export const utrechtButtonMinBlockSize = "48px";
+export const utrechtButtonMinInlineSize = "48px";
+export const utrechtButtonColumnGap = "0.5rem";
+export const utrechtButtonPrimaryActionHoverBackgroundColor = "#528e7c";
+export const utrechtButtonPrimaryActionHoverBorderColor = "transparent";
+export const utrechtButtonPrimaryActionHoverColor = "#fff";
+export const utrechtButtonPrimaryActionBackgroundColor = "#76d2b6";
+export const utrechtButtonPrimaryActionBorderColor = "transparent";
+export const utrechtButtonPrimaryActionColor = "#fff";
+export const utrechtButtonPrimaryActionDisabledBackgroundColor = "#d6f2e9";
+export const utrechtButtonPrimaryActionDisabledBorderColor = "transparent";
+export const utrechtButtonPrimaryActionDisabledColor = "#98DDC8";
+export const utrechtButtonPrimaryActionFocusBackgroundColor = "#528e7c";
+export const utrechtButtonPrimaryActionFocusBorderColor = "transparent";
+export const utrechtButtonPrimaryActionFocusColor = "#fff";
+export const utrechtButtonPrimaryActionFontWeight = 700;
+export const utrechtButtonPrimaryActionActiveBackgroundColor = "#477e6d";
+export const utrechtButtonPrimaryActionActiveBorderColor = "transparent";
+export const utrechtButtonPrimaryActionActiveColor = "#fff";
+export const utrechtButtonPrimaryActionFontSize = "1.25rem";
+export const utrechtButtonPrimaryActionLineHeight = "1.875rem";
+export const utrechtButtonPrimaryActionPressedBackgroundColor = "#477869";
+export const utrechtButtonPrimaryActionPressedBorderColor = "transparent";
+export const utrechtButtonPrimaryActionPressedColor = "#fff";
+export const utrechtButtonSecondaryActionHoverBackgroundColor = "#eaf8f4";
+export const utrechtButtonSecondaryActionHoverBorderColor = "#528e7c";
+export const utrechtButtonSecondaryActionHoverColor = "#528e7c";
+export const utrechtButtonSecondaryActionBackgroundColor = "transparent";
+export const utrechtButtonSecondaryActionBorderColor = "#76d2b6";
+export const utrechtButtonSecondaryActionColor = "#76d2b6";
+export const utrechtButtonSecondaryActionDisabledBackgroundColor = "transparent";
+export const utrechtButtonSecondaryActionDisabledBorderColor = "#C1EBDE";
+export const utrechtButtonSecondaryActionDisabledColor = "#ACE4D3";
+export const utrechtButtonSecondaryActionFocusBackgroundColor = "#eaf8f4";
+export const utrechtButtonSecondaryActionFocusBorderColor = "transparent";
+export const utrechtButtonSecondaryActionFocusColor = "#528e7c";
+export const utrechtButtonSecondaryActionFontWeight = 700;
+export const utrechtButtonSecondaryActionActiveBackgroundColor = "#C1EBDE";
+export const utrechtButtonSecondaryActionActiveBorderColor = "#477869";
+export const utrechtButtonSecondaryActionActiveColor = "#528e7c";
+export const utrechtButtonSecondaryActionFontSize = "1.25rem";
+export const utrechtButtonSecondaryActionLineHeight = "1.875rem";
+export const utrechtButtonSecondaryActionPressedBackgroundColor = "#d6f2e9";
+export const utrechtButtonSecondaryActionPressedBorderColor = "#477869";
+export const utrechtButtonSecondaryActionPressedColor = "#477869";
+export const utrechtButtonSubtleFontSize = "1.25rem";
+export const utrechtButtonSubtleFontWeight = 700;
+export const utrechtButtonSubtleHoverBackgroundColor = "#eaf8f4";
+export const utrechtButtonSubtleHoverBorderColor = "transparent";
+export const utrechtButtonSubtleHoverColor = "#528e7c";
+export const utrechtButtonSubtleBackgroundColor = "transparent";
+export const utrechtButtonSubtleBorderColor = "transparent";
+export const utrechtButtonSubtleColor = "#76d2b6";
+export const utrechtButtonSubtleDisabledBackgroundColor = "transparent";
+export const utrechtButtonSubtleDisabledBorderColor = "transparent";
+export const utrechtButtonSubtleDisabledColor = "#d6f2e9";
+export const utrechtButtonSubtleFocusBackgroundColor = "#eaf8f4";
+export const utrechtButtonSubtleFocusBorderColor = "transparent";
+export const utrechtButtonSubtleFocusColor = "#528e7c";
+export const utrechtButtonSubtleActiveBackgroundColor = "#C1EBDE";
+export const utrechtButtonSubtleActiveBorderColor = "transparent";
+export const utrechtButtonSubtleActiveColor = "#477e6d";
+export const utrechtButtonSubtleLineHeight = "1.875rem";
+export const utrechtButtonSubtlePressedBackgroundColor = "#d6f2e9";
+export const utrechtButtonSubtlePressedBorderColor = "transparent";
+export const utrechtButtonSubtlePressedColor = "#477869";
+export const utrechtButtonPressedBackgroundColor = "#1E293B";
+export const utrechtButtonPressedBorderColor = "transparent";
+export const utrechtButtonPressedColor = "#fff";
 export const utrechtBreadcrumbNavLineHeight = 1.4;
 export const utrechtBreadcrumbNavFontSize = "1.25rem";
 export const utrechtBreadcrumbNavLinkIconSize = "24px";
@@ -596,59 +644,10 @@ export const utrechtBreadcrumbNavDividerSize = "24px";
 export const utrechtBreadcrumbNavDividerColor = "#334155";
 export const utrechtBreadcrumbNavDividerInsetBlockStart = 0;
 export const utrechtBreadcrumbNavMarginInline = "0.5rem";
-export const utrechtBreadcrumbNavFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtBreadcrumbNavFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
 export const utrechtBreadcrumbNavFontWeight = 400;
-export const utrechtBlockquoteCaptionFontSize = "1.25rem";
-export const utrechtBlockquoteCaptionFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
-export const utrechtBlockquoteCaptionLineHeight = "150%";
-export const utrechtBlockquoteCaptionFontWeight = 400;
-export const utrechtBlockquoteCaptionPaddingBlockStart = "0.75rem";
-export const utrechtBlockquoteCaptionColor = "#334155";
-export const utrechtBlockquoteContentFontFamily = "RijksoverheidSerifWeb, 'Times New Roman', serif";
-export const utrechtBlockquoteContentLineHeight = "150%";
-export const utrechtBlockquoteContentFontWeight = 400;
-export const utrechtBlockquoteContentFontSize = "1.5rem";
-export const utrechtBlockquoteContentColor = "#0F172A";
-export const utrechtBlockquoteMarginBlockEnd = 0;
-export const utrechtBlockquoteMarginBlockStart = 0;
-export const utrechtBlockquoteMarginInlineEnd = 0;
-export const utrechtBlockquoteMarginInlineStart = 0;
-export const utrechtBlockquotePaddingBlockEnd = "2rem";
-export const utrechtBlockquotePaddingBlockStart = "2rem";
-export const utrechtBlockquotePaddingInlineEnd = "2rem";
-export const utrechtBlockquotePaddingInlineStart = "2rem";
-export const utrechtBlockquoteRowGap = "0.75rem";
-export const utrechtBlockquoteBackgroundColor = "transparent";
-export const utrechtBlockquoteBorderColor = "#76d2b6";
-export const utrechtBlockquoteBorderBlockStartWidth = 0;
-export const utrechtBlockquoteBorderBlockEndWidth = 0;
-export const utrechtBlockquoteBorderInlineStartWidth = 0;
-export const utrechtBlockquoteBorderInlineEndWidth = 0;
-export const utrechtBlockquoteBorderStartStartRadius = 0;
-export const utrechtBlockquoteBorderStartEndRadius = 0;
-export const utrechtBlockquoteBorderEndStartRadius = 0;
-export const utrechtBlockquoteBorderEndEndRadius = 0;
-export const utrechtBlockquoteBorderWidth = "2px";
-export const utrechtBlockquoteBlueCornerBorderVariationBorderColor = "#76d2b6";
-export const utrechtBlockquoteBlueCornerBorderVariationBorderBlockEndWidth = "2px";
-export const utrechtBlockquoteBlueCornerBorderVariationBorderInlineEndWidth = "2px";
-export const utrechtBlockquoteBlueCornerBorderVariationBorderEndEndRadius = "3rem";
-export const utrechtBlockquotePinkBackgroundVariationBackgroundColor = "#F6BDE1";
-export const utrechtBlockquotePinkBackgroundVariationBorderEndStartRadius = "3rem";
-export const utrechtBlockquotePinkBackgroundVariationPadding = "2.5rem";
-export const utrechtBlockquotePinkLeftBorderVariationBorderColor = "#F6BDE1";
-export const utrechtBlockquotePinkLeftBorderVariationBorderInlineStartWidth = "0.75rem";
-export const utrechtBlockquotePinkLeftBorderVariationPaddingInlineStart = "2.5rem";
-export const utrechtBlockquotePinkLeftBorderVariationPaddingInlineEnd = "2.5rem";
-export const utrechtBlockquotePinkLeftBorderVariationPaddingBlockStart = "1.5rem";
-export const utrechtBlockquotePinkLeftBorderVariationPaddingBlockEnd = "1.5rem";
-export const utrechtBlockquotePinkCornerBorderVariationBorderColor = "#F6BDE1";
-export const utrechtBlockquotePinkCornerBorderVariationBorderBlockStartWidth = "0.25rem";
-export const utrechtBlockquotePinkCornerBorderVariationBorderInlineStartWidth = "0.25rem";
-export const utrechtBlockquotePinkCornerBorderVariationBorderStartStartRadius = "3rem";
-export const utrechtBlockquotePinkCornerBorderVariationPadding = "2.5rem";
 export const utrechtArticleMaxInlineSize = "75ch";
-export const utrechtAlertHeadingFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtAlertHeadingFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
 export const utrechtAlertHeadingFontWeight = 700;
 export const utrechtAlertHeadingLineHeight = "150%";
 export const utrechtAlertHeadingFontSize = "1.25rem";
@@ -684,9 +683,31 @@ export const utrechtAlertIconSize = "24px";
 export const utrechtAlertMessageLineHeight = "150%";
 export const utrechtAlertMessageColumnGap = "0.5rem";
 export const utrechtAlertBorderRadius = "5px";
+export const utrechtAccordionPanelBorderColor = "#94A3B8";
+export const utrechtAccordionPanelBorderWidth = 0;
+export const utrechtAccordionPanelPaddingBlockEnd = "1.5rem";
+export const utrechtAccordionPanelPaddingBlockStart = "1rem";
+export const utrechtAccordionPanelPaddingInlineEnd = "1rem";
+export const utrechtAccordionPanelPaddingInlineStart = "1rem";
+export const utrechtAccordionButtonGap = "0.5rem";
+export const utrechtAccordionButtonIconSize = "24px";
+export const utrechtAccordionButtonHoverBackgroundColor = "#F8FAFC";
+export const utrechtAccordionButtonHoverBorderColor = "#94A3B8";
+export const utrechtAccordionButtonHoverColor = "#0F172A";
+export const utrechtAccordionButtonBackgroundColor = "#fff";
+export const utrechtAccordionButtonBorderColor = "#94A3B8";
+export const utrechtAccordionButtonBorderWidth = 0;
+export const utrechtAccordionButtonColor = "#0F172A";
+export const utrechtAccordionButtonFocusBackgroundColor = "#eaf8f4";
+export const utrechtAccordionButtonFocusBorderColor = "#76d2b6";
+export const utrechtAccordionButtonFocusColor = "#0F172A";
+export const utrechtAccordionButtonActiveBackgroundColor = "#F1F5F9";
+export const utrechtAccordionButtonActiveBorderColor = "#94A3B8";
+export const utrechtAccordionButtonActiveColor = "#0F172A";
+export const utrechtAccordionButtonActiveRowGap = 0;
 export const utrechtDocumentBackgroundColor = "#fff";
 export const utrechtDocumentColor = "#0F172A";
-export const utrechtDocumentFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtDocumentFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
 export const utrechtDocumentFontSize = "1.25rem";
 export const utrechtDocumentLineHeight = "150%";
 export const utrechtDocumentFontWeight = 400;
@@ -696,11 +717,32 @@ export const utrechtRichTextFriendMarginBlockEnd = "0.5rem";
 export const utrechtRichTextBestFriendMarginBlockEnd = "0.25rem";
 export const utrechtRichTextConfidantMarginBlockEnd = 0;
 export const utrechtPointerTargetMinSize = "48px";
-export const utrechtFocusOutlineColor = "#76d2b6";
+export const utrechtFocusOutlineColor = "#000";
 export const utrechtFocusOutlineOffset = "0.125rem";
 export const utrechtFocusOutlineStyle = "solid";
 export const utrechtFocusOutlineWidth = "2px";
 export const utrechtFocusInverseOutlineColor = "#fff";
+export const rhcKeepComment = "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset components/blockquote.";
+export const rhcKeepTopLeftBorderRadiusTopLeft = "48px";
+export const rhcKeepTopLeftBorderRadiusTopRight = 0;
+export const rhcKeepTopLeftBorderRadiusBottomRight = 0;
+export const rhcKeepTopLeftBorderRadiusBottomLeft = 0;
+export const rhcKeepTopRightBorderRadiusTopRight = "48px";
+export const rhcKeepTopRightBorderRadiusTopLeft = 0;
+export const rhcKeepTopRightBorderRadiusBottomRight = 0;
+export const rhcKeepTopRightBorderRadiusBottomLeft = 0;
+export const rhcKeepBottomRightBorderRadiusTopLeft = 0;
+export const rhcKeepBottomRightBorderRadiusTopRight = 0;
+export const rhcKeepBottomRightBorderRadiusBottomRight = "48px";
+export const rhcKeepBottomRightBorderRadiusBottomLeft = 0;
+export const rhcKeepBottomLeftBorderRadiusTopLeft = 0;
+export const rhcKeepBottomLeftBorderRadiusTopRight = 0;
+export const rhcKeepBottomLeftBorderRadiusBottomRight = 0;
+export const rhcKeepBottomLeftBorderRadiusBottomLeft = "48px";
+export const rhcRoundedCornerXsBorderRadius = "24px";
+export const rhcRoundedCornerMdBorderRadius = "48px";
+export const rhcRoundedCornerXlBorderRadius = "96px";
+export const rhcRoundedCornerBorderWidth = "2px";
 export const rhcColorPrimary50 = "#eaf8f4";
 export const rhcColorPrimary100 = "#d6f2e9";
 export const rhcColorPrimary200 = "#C1EBDE";
@@ -708,11 +750,13 @@ export const rhcColorPrimary300 = "#ACE4D3";
 export const rhcColorPrimary400 = "#98DDC8";
 export const rhcColorPrimary500 = "#76d2b6";
 export const rhcColorPrimaryHover = "#528e7c";
-export const rhcColorFocusOutline = "#76d2b6";
+export const rhcColorFocusOutline = "#000";
 export const rhcColorForegroundDefault = "#0F172A";
 export const rhcColorForegroundSubdued = "#334155";
-export const rhcColorForegroundOnEmphasis = "#fff";
 export const rhcColorForegroundLink = "#01689b";
+export const rhcColorForegroundOnDarkColor = "#fff";
+export const rhcColorForegroundOnLightColor = "#000";
+export const rhcColorForegroundOnEmphasis = "#fff";
 export const rhcColorBorderDefault = "#64748B";
 export const rhcColorBorderSubdued = "#94A3B8";
 export const rhcColorBorderStrong = "#0F172A";
@@ -726,6 +770,7 @@ export const rhcColorFeedbackErrorSubdued = "#f9dfdd";
 export const rhcColorFeedbackWarningDefault = "#ffb612";
 export const rhcColorFeedbackWarningSubdued = "#fff4db";
 export const rhcColorAccent500 = "#8fcae7";
+export const rhcColorAccent2500 = "#f092cd";
 export const rhcColorCoolGrey50 = "#F8FAFC";
 export const rhcColorCoolGrey100 = "#F1F5F9";
 export const rhcColorCoolGrey200 = "#E2E8F0";
@@ -876,7 +921,7 @@ export const rhcSidenavLinkLineHeight = "150%";
 export const rhcSidenavLinkIconSize = "24px";
 export const rhcSidenavLinkIconMarginInline = "0.5rem";
 export const rhcSidenavLinkFontSize = "1.25rem";
-export const rhcSidenavLinkFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
+export const rhcSidenavLinkFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
 export const rhcSidenavLinkFontWeight = 400;
 export const rhcSidenavLinkCurrentFontWeight = 700;
 export const rhcSidenavLinkCurrentColor = "#0F172A";
@@ -886,7 +931,7 @@ export const rhcSidenavLinkActiveTextDecoration = "underline";
 export const rhcSidenavLinkFocusBorderRadius = "5px";
 export const rhcSidenavLinkFocusBorderWidth = "2px";
 export const rhcSidenavLinkFocusBorderStyle = "solid";
-export const rhcSidenavLinkFocusBorderColor = "#154273";
+export const rhcSidenavLinkFocusBorderColor = "#76d2b6";
 export const rhcSidenavLinkFocusBackgroundColor = "none";
 export const rhcSidenavLinkFocusColor = "#01689b";
 export const rhcSidenavLinkFocusTextDecoration = "None";
@@ -908,13 +953,13 @@ export const rhcNavigationListItemIconSize = "24px";
 export const rhcNavigationListItemContentFontSize = "1.125rem";
 export const rhcNavigationListItemContentColumnGap = "0.5rem";
 export const rhcNavigationListItemContentRowGap = "0.25rem";
-export const rhcNavigationListItemLabelFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
+export const rhcNavigationListItemLabelFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
 export const rhcNavigationListItemLabelFontSize = "1.875rem";
 export const rhcNavigationListItemLabelFontWeight = 700;
 export const rhcNavigationListItemLabelLineHeight = "150%";
 export const rhcNavigationListItemActiveBackgroundColor = "#F1F5F9";
 export const rhcNavigationListItemHoverBackgroundColor = "#F8FAFC";
-export const rhcNavigationListItemFocusBackgroundColor = "#dce3ea";
+export const rhcNavigationListItemFocusBackgroundColor = "#eaf8f4";
 export const rhcNavigationListItemBackgroundColor = "#fff";
 export const rhcNavigationListItemColor = "#334155";
 export const rhcNavigationListItemBorderWidth = "1px";
@@ -962,7 +1007,7 @@ export const rhcMessageListItemPaddingInline = "1rem";
 export const rhcMessageListItemContentFontSize = "1.125rem";
 export const rhcMessageListItemContentColumnGap = "0.5rem";
 export const rhcMessageListItemContentRowGap = "0.5rem";
-export const rhcMessageListItemLabelFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
+export const rhcMessageListItemLabelFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
 export const rhcMessageListItemLabelFontSize = "1.25rem";
 export const rhcMessageListItemLabelFontWeight = 700;
 export const rhcMessageListItemLabelLineHeight = "150%";
@@ -979,7 +1024,7 @@ export const rhcLogoSubtitleFontWeight = 400;
 export const rhcLogoSubtitleLineHeight = "1rem";
 export const rhcLogoSubtitleFontSize = "0.775rem";
 export const rhcLogoColumnGap = "12px";
-export const rhcLogoFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
+export const rhcLogoFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
 export const rhcLogoColor = "#154273";
 export const rhcLinkListCardBackgroundColor = "#fff";
 export const rhcLinkListCardPaddingBlockStart = "1.5rem";
@@ -995,12 +1040,12 @@ export const rhcIconOnlyButtonPaddingInlineStart = "0.75rem";
 export const rhcHeroHeadingFontWeight = 700;
 export const rhcHeroHeadingLineHeight = "125%";
 export const rhcHeroHeadingFontSize = "1.875rem";
-export const rhcHeroHeadingFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
+export const rhcHeroHeadingFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
 export const rhcHeroSubHeadingFontWeight = 400;
 export const rhcHeroSubHeadingLineHeight = "150%";
 export const rhcHeroSubHeadingFontSize = "1.25rem";
-export const rhcHeroSubHeadingFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
-export const rhcHeroMessageBackgroundColor = "#154273";
+export const rhcHeroSubHeadingFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const rhcHeroMessageBackgroundColor = "#76d2b6";
 export const rhcHeroMessageColor = "#fff";
 export const rhcHeroMessageRowGap = "0.125rem";
 export const rhcHeroMessagePaddingBlockEnd = "1rem";
@@ -1026,7 +1071,7 @@ export const rhcPageFooterContentPaddingInlineStart = "1rem";
 export const rhcPageFooterContentPaddingInlineEnd = "1rem";
 export const rhcPageFooterContentColumnGap = "2rem";
 export const rhcPageFooterBorderBlockStartWidth = "2px";
-export const rhcPageFooterBorderBlockStartColor = "#738eab";
+export const rhcPageFooterBorderBlockStartColor = "#ACE4D3";
 export const rhcPageFooterBorderBlockStartStyle = "solid";
 export const rhcPageFooterOutlinedBackgroundColor = "#fff";
 export const rhcPageFooterOutlinedColor = "#76d2b6";
@@ -1041,7 +1086,7 @@ export const rhcFileInputRowGap = "0.75rem";
 export const rhcFileInputFeedbackColor = "#475569";
 export const rhcFileInputFeedbackFontSize = "1rem";
 export const rhcFileBorderStyle = "solid";
-export const rhcFileBorderColor = "#154273";
+export const rhcFileBorderColor = "#76d2b6";
 export const rhcFileBorderWidth = "1px";
 export const rhcFileBorderRadius = "5px";
 export const rhcFilePaddingInlineStart = "1rem";
@@ -1066,7 +1111,7 @@ export const rhcCardAsLinkBorderWidth = "1px";
 export const rhcCardAsLinkColor = "#0F172A";
 export const rhcCardAsLinkColumnGap = "1rem";
 export const rhcCardAsLinkInlineSize = "328px";
-export const rhcCardAsLinkIconColor = "#154273";
+export const rhcCardAsLinkIconColor = "#76d2b6";
 export const rhcCardAsLinkIconSize = "24px";
 export const rhcCardAsLinkLinkColor = "#01689b";
 export const rhcCardAsLinkLinkTextDecoration = "underline";
@@ -1083,17 +1128,17 @@ export const rhcCardAsLinkActiveBackgroundColor = "#F1F5F9";
 export const rhcCardAsLinkActiveTextDecoration = "underline";
 export const rhcCardAsLinkHoverBackgroundColor = "#F8FAFC";
 export const rhcCardAsLinkHoverTextDecoration = "underline";
-export const rhcCardAsLinkFocusBackgroundColor = "#dce3ea";
+export const rhcCardAsLinkFocusBackgroundColor = "#eaf8f4";
 export const rhcCardAsLinkFocusTextDecoration = "underline";
 export const rhcCardAsLinkFullBleedBackgroundColor = "#000";
 export const rhcCardAsLinkFullBleedBorderColor = "transparent";
 export const rhcCardAsLinkFullBleedColor = "#fff";
 export const rhcCardAsLinkFullBleedOpacity = 0.5;
-export const rhcCardAsLinkHeadingColor = "#154273";
+export const rhcCardAsLinkHeadingColor = "#76d2b6";
 export const rhcCardAsLinkHeadingPaddingBlockStart = "0.5rem";
 export const rhcCardAsLinkHeadingFontSize = "1.5rem";
 export const rhcCardAsLinkHeadingFontWeight = 700;
-export const rhcCardAsLinkHorizontalBackgroundColor = "#154273";
+export const rhcCardAsLinkHorizontalBackgroundColor = "#76d2b6";
 export const rhcCardAsLinkHorizontalBorderColor = "transparent";
 export const rhcCardAsLinkHorizontalColor = "#fff";
 export const rhcCardAsLinkHorizontalMaxBlockSize = "96px";
@@ -1102,7 +1147,7 @@ export const rhcCardAsLinkHorizontalPaddingBlockStart = 0;
 export const rhcCardAsLinkHorizontalPaddingInlineEnd = "1rem";
 export const rhcCardAsLinkHorizontalPaddingInlineStart = "1rem";
 export const rhcCardAsLinkHorizontalHeadingInlineSize = "200px";
-export const rhcAccordionButtonFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
+export const rhcAccordionButtonFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
 export const rhcAccordionButtonFontSize = "1.25rem";
 export const rhcAccordionButtonFontWeight = 400;
 export const rhcAccordionButtonLineHeight = "150%";
@@ -1119,25 +1164,8 @@ export const rhcAccordionSectionBorderColor = "#94A3B8";
 export const rhcAccordionHeaderMargin = 0;
 export const rhcAccordionBorderRadius = "0px";
 export const rhcAccordionColor = "#0F172A";
-export const rhcKeepTopLeftBorderRadiusTopLeft = "48px";
-export const rhcKeepTopLeftBorderRadiusTopRight = 0;
-export const rhcKeepTopLeftBorderRadiusBottomRight = 0;
-export const rhcKeepTopLeftBorderRadiusBottomLeft = 0;
-export const rhcKeepTopRightBorderRadiusTopRight = "48px";
-export const rhcKeepTopRightBorderRadiusTopLeft = 0;
-export const rhcKeepTopRightBorderRadiusBottomRight = 0;
-export const rhcKeepTopRightBorderRadiusBottomLeft = 0;
-export const rhcKeepBottomRightBorderRadiusTopLeft = 0;
-export const rhcKeepBottomRightBorderRadiusTopRight = 0;
-export const rhcKeepBottomRightBorderRadiusBottomRight = "48px";
-export const rhcKeepBottomRightBorderRadiusBottomLeft = 0;
-export const rhcKeepBottomLeftBorderRadiusTopLeft = 0;
-export const rhcKeepBottomLeftBorderRadiusTopRight = 0;
-export const rhcKeepBottomLeftBorderRadiusBottomRight = 0;
-export const rhcKeepBottomLeftBorderRadiusBottomLeft = "48px";
 export const rhcBorderRadiusSm = "2.5px";
 export const rhcBorderRadiusMd = "5px";
-export const rhcBorderRadiusKeep = "48px";
 export const rhcBorderRadiusCircle = "999px";
 export const rhcBorderRadiusNone = "0px";
 export const rhcFocusOutlineOffset = "0.125rem";
@@ -1183,7 +1211,7 @@ export const rhcFontWeightRegular = 400;
 export const rhcFontWeightChosenRegular = 400;
 export const rhcFontWeightLight = 300;
 export const rhcFontWeightThin = 200;
-export const rhcFontFamilyPrimary = "Fira Sans, Arial, Verdana, sans-serif";
+export const rhcFontFamilyPrimary = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
 export const rhcFontFamilySecondary = "RijksoverheidSerifWeb, 'Times New Roman', serif";
 export const rhcBorderWidthDefault = "1px";
 export const rhcBorderWidthM = "2px";
@@ -1199,12 +1227,8 @@ export const rhcSpace400 = "2rem";
 export const rhcSpace500 = "2.5rem";
 export const rhcSpace600 = "3rem";
 export const rhcSpace700 = "3.5rem";
-export const overwriteFocusBackground = "#FDD370";
-export const todoNavBarLinkFocusBackgroundColor = "#FDD370";
-export const todoPaginationPageLinkFocusBackgroundColor = "#FDD370";
-export const denhaagSidenavLinkFocusBackgroundColor = "#FDD370";
 export const nlSkipLinkFontWeight = 700;
-export const nlSkipLinkFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
+export const nlSkipLinkFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
 export const nlSkipLinkFontSize = "1.25rem";
 export const nlSkipLinkLineHeight = "150%";
 export const nlSkipLinkMinBlockSize = "48px";
@@ -1214,13 +1238,13 @@ export const nlSkipLinkPaddingBlockStart = "0.75rem";
 export const nlSkipLinkPaddingInlineEnd = "1rem";
 export const nlSkipLinkPaddingInlineStart = "1rem";
 export const nlSkipLinkFocusBackgroundColor = "#fff";
-export const nlSkipLinkFocusBorderColor = "#154273";
+export const nlSkipLinkFocusBorderColor = "#76d2b6";
 export const nlSkipLinkFocusBorderStyle = "solid";
 export const nlSkipLinkFocusBorderWidth = "2px";
 export const nlSkipLinkFocusColor = "#0F172A";
 export const nlSkipLinkFocusTextDecoration = "None";
 export const nlSkipLinkFocusVisibleOutlineColor = "#000";
-export const nlSkipLinkBackgroundColor = "#154273";
+export const nlSkipLinkBackgroundColor = "#76d2b6";
 export const nlSkipLinkBorderColor = "transparent";
 export const nlSkipLinkColor = "#fff";
 export const nlSkipLinkBorderWidth = "2px";
@@ -1232,7 +1256,7 @@ export const nlSkipLinkBoxBlockEndShadowColor = "#0000001a";
 export const nlSkipLinkTextDecoration = "underline";
 export const nlSkipLinkTextUnderlineOffset = "0.125rem";
 export const nlParagraphColor = "#0F172A";
-export const nlParagraphFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
+export const nlParagraphFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
 export const nlParagraphFontSize = "1.25rem";
 export const nlParagraphFontWeight = 400;
 export const nlParagraphLineHeight = "150%";
@@ -1260,40 +1284,40 @@ export const nlLinkIconSize = "24px";
 export const nlLinkColumnGap = "0.25rem";
 export const nlLinkTextDecorationThickness = "auto";
 export const nlLinkTextUnderlineOffset = "0.125rem";
-export const nlLinkFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
+export const nlLinkFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
 export const nlLinkFontWeight = 400;
 export const nlLinkFontSize = "1.25rem";
 export const nlLinkLineHeight = "150%";
-export const nlHeadingLevel1Color = "#154273";
-export const nlHeadingLevel1FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
+export const nlHeadingLevel1Color = "#76d2b6";
+export const nlHeadingLevel1FontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
 export const nlHeadingLevel1FontWeight = 700;
 export const nlHeadingLevel1LineHeight = "125%";
 export const nlHeadingLevel1FontSize = "3.125rem";
 export const nlHeadingLevel1MarginBlockEnd = 0;
 export const nlHeadingLevel1MarginBlockStart = 0;
-export const nlHeadingLevel2Color = "#154273";
-export const nlHeadingLevel2FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
+export const nlHeadingLevel2Color = "#76d2b6";
+export const nlHeadingLevel2FontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
 export const nlHeadingLevel2FontWeight = 700;
 export const nlHeadingLevel2LineHeight = "125%";
 export const nlHeadingLevel2FontSize = "2.5rem";
 export const nlHeadingLevel2MarginBlockEnd = 0;
 export const nlHeadingLevel2MarginBlockStart = 0;
-export const nlHeadingLevel3Color = "#154273";
-export const nlHeadingLevel3FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
+export const nlHeadingLevel3Color = "#76d2b6";
+export const nlHeadingLevel3FontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
 export const nlHeadingLevel3FontWeight = 700;
 export const nlHeadingLevel3LineHeight = "125%";
 export const nlHeadingLevel3FontSize = "1.875rem";
 export const nlHeadingLevel3MarginBlockEnd = 0;
 export const nlHeadingLevel3MarginBlockStart = 0;
-export const nlHeadingLevel4Color = "#154273";
-export const nlHeadingLevel4FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
+export const nlHeadingLevel4Color = "#76d2b6";
+export const nlHeadingLevel4FontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
 export const nlHeadingLevel4FontWeight = 700;
 export const nlHeadingLevel4LineHeight = "125%";
 export const nlHeadingLevel4FontSize = "1.5rem";
 export const nlHeadingLevel4MarginBlockEnd = 0;
 export const nlHeadingLevel4MarginBlockStart = 0;
-export const nlHeadingLevel5Color = "#154273";
-export const nlHeadingLevel5FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
+export const nlHeadingLevel5Color = "#76d2b6";
+export const nlHeadingLevel5FontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
 export const nlHeadingLevel5FontWeight = 700;
 export const nlHeadingLevel5LineHeight = "125%";
 export const nlHeadingLevel5FontSize = "1.25rem";
@@ -1306,8 +1330,8 @@ export const nlNumberBadgeMinInlineSize = "24px";
 export const nlNumberBadgeFontWeight = 700;
 export const nlNumberBadgeBorderWidth = "0px";
 export const nlNumberBadgeBorderRadius = "999px";
-export const nlNumberBadgeFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
-export const nlNumberBadgeBackgroundColor = "#154273";
+export const nlNumberBadgeFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const nlNumberBadgeBackgroundColor = "#76d2b6";
 export const nlNumberBadgeBorderColor = "transparent";
 export const nlNumberBadgeColor = "#fff";
 export const nlNumberBadgePaddingInline = "0.5rem";