@rijkshuisstijl-community/design-tokens 1.1.0 → 2.0.0

package/dist/index.js

@@ -1,514 +1,17 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Mar 2025 14:52:03 GMT
+ * Generated on Tue, 27 May 2025 13:07:13 GMT
  */
 
-export const rhcSubNavBarBackgroundColor = "#f2f4f6";
-export const rhcSubNavBarColumnGap = "0.5rem";
-export const rhcSubNavBarColumnWidth = "375px";
-export const rhcSubNavBarPaddingBlockEnd = "2rem";
-export const rhcSubNavBarPaddingBlockStart = "2rem";
-export const rhcSubNavBarInlineSize = "100%";
-export const rhcSubNavBarContentPaddingInlineEnd = "1rem";
-export const rhcSubNavBarContentPaddingInlineStart = "1rem";
-export const rhcSubNavBarContentMaxInlineSize = "1280px";
-export const rhcSubNavBarContentListRowGap = "0.5rem";
-export const rhcToggletipColor = "#fff";
-export const rhcToggletipBackgroundColor = "#007bc7";
-export const rhcToggletipBorderColor = "transparent";
-export const rhcToggletipBorderRadius = "5px";
-export const rhcToggletipBorderWidth = "1px";
-export const rhcToggletipIconSize = "24px";
-export const rhcToggletipSize = "24px";
-export const rhcToggletipActiveColor = "#007bc7";
-export const rhcToggletipActiveBackgroundColor = "#fff";
-export const rhcToggletipActiveBorderColor = "#007bc7";
-export const rhcToggletipHoverColor = "#0F172A";
-export const rhcToggletipHoverBackgroundColor = "#66AFDD";
-export const rhcToggletipFocusColor = "#fff";
-export const rhcToggletipFocusBackgroundColor = "#007bc7";
-export const rhcSidenavDisplay = "flex";
-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 rhcSidenavLinkFontWeight = 400;
-export const rhcSidenavLinkCurrentFontWeight = 700;
-export const rhcSidenavLinkCurrentColor = "#0F172A";
-export const rhcSidenavLinkColor = "#01689b";
-export const rhcSidenavLinkActiveColor = "#42145f";
-export const rhcSidenavLinkActiveTextDecoration = "underline";
-export const rhcSidenavLinkFocusBorderRadius = "5px";
-export const rhcSidenavLinkFocusBorderWidth = "2px";
-export const rhcSidenavLinkFocusBorderStyle = "solid";
-export const rhcSidenavLinkFocusBorderColor = "#154273";
-export const rhcSidenavLinkFocusBackgroundColor = "none";
-export const rhcSidenavLinkFocusColor = "#01689b";
-export const rhcSidenavLinkFocusTextDecoration = "None";
-export const rhcSidenavLinkHoverColor = "#15496a";
-export const rhcSidenavLinkHoverTextDecoration = "underline";
-export const rhcSidenavLinkPaddingBlockStart = "0.75rem";
-export const rhcSidenavLinkPaddingBlockEnd = "0.75rem";
-export const rhcSidenavLinkTextDecoration = "None";
-export const rhcSidenavLinkColumnGap = "0.5rem";
-export const rhcRadioGroupPaddingBlockEnd = "0.5rem";
-export const rhcRadioGroupPaddingBlockStart = "0.5rem";
-export const rhcRadioGroupRowGap = "1rem";
-export const rhcNavigationListIconBackgroundColor = "#0F172A";
-export const rhcNavigationListIconBorderRadius = "999px";
-export const rhcNavigationListIconColor = "#fff";
-export const rhcNavigationListItemIconPaddingInline = "0.5rem";
-export const rhcNavigationListItemIconPaddingBlock = "0.5rem";
-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 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 rhcNavigationListItemBackgroundColor = "#fff";
-export const rhcNavigationListItemColor = "#334155";
-export const rhcNavigationListItemBorderWidth = "1px";
-export const rhcNavigationListItemBorderColor = "#CBD5E1";
-export const rhcNavigationListItemHeadingColor = "#0F172A";
-export const rhcNavigationListItemColumnGap = "1rem";
-export const rhcNavigationListItemMinHeight = "48px";
-export const rhcNavigationListItemPaddingBlock = "0.75rem";
-export const rhcNavigationListItemPaddingInline = "1rem";
-export const rhcNavBarBorderBlockEndWidth = "1px";
-export const rhcNavBarMaxInlineSize = "1280px";
-export const rhcNavBarPaddingInline = "1rem";
-export const rhcNavBarContainerInlineSize = "100%";
-export const rhcNavBarContentColumnGap = "1rem";
-export const rhcNavBarIconColor = "#0F172A";
-export const rhcNavBarIconActiveColor = "#fff";
-export const rhcNavBarIconSize = "24px";
-export const rhcNavBarLinkActiveBackgroundColor = "#154273";
-export const rhcNavBarLinkActiveColor = "#fff";
-export const rhcNavBarLinkBackgroundColor = "#fff";
-export const rhcNavBarLinkColor = "#154273";
-export const rhcNavBarLinkFocusBackgroundColor = "#dce3ea";
-export const rhcNavBarLinkFocusColor = "#154273";
-export const rhcNavBarLinkHoverBackgroundColor = "#F8FAFC";
-export const rhcNavBarLinkHoverColor = "#154273";
-export const rhcNavBarLinkPaddingBlockEnd = "1rem";
-export const rhcNavBarLinkPaddingBlockStart = "1rem";
-export const rhcNavBarLinkPaddingInlineEnd = "0.75rem";
-export const rhcNavBarLinkPaddingInlineStart = "0.75rem";
-export const rhcNavBarLinkColumnGap = "0.5rem";
-export const rhcNavBarHeadingFontWeight = 700;
-export const rhcNavBarBackgroundColor = "#fff";
-export const rhcNavBarColor = "#154273";
-export const rhcNavBarBorderColor = "#4f7196";
-export const rhcMessageListItemBackgroundColor = "#fff";
-export const rhcMessageListItemBorderColor = "#CBD5E1";
-export const rhcMessageListItemBorderWidth = "1px";
-export const rhcMessageListItemColor = "#334155";
-export const rhcMessageListItemColumnGap = "1rem";
-export const rhcMessageListItemIconSize = "24px";
-export const rhcMessageListItemIconColor = "#0F172A";
-export const rhcMessageListItemMinHeight = "48px";
-export const rhcMessageListItemPaddingBlock = "0.75rem";
-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 rhcMessageListItemLabelFontSize = "1.25rem";
-export const rhcMessageListItemLabelFontWeight = 700;
-export const rhcMessageListItemLabelLineHeight = "150%";
-export const rhcMessageListItemHeadingColor = "#0F172A";
-export const rhcLogoImageBackgroundColor = "#fff";
-export const rhcLogoImageInlineSize = "48px";
-export const rhcLogoImageBlockSize = "96px";
-export const rhcLogoImageColor = "#154273";
-export const rhcLogoTitleFontWeight = 600;
-export const rhcLogoTitleLineHeight = "1.063rem";
-export const rhcLogoTitleFontSize = "0.913rem";
-export const rhcLogoTitlePaddingBlockStart = "3.125rem";
-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 rhcLogoColor = "#154273";
-export const rhcLinkListCardBackgroundColor = "#fff";
-export const rhcLinkListCardPaddingBlockStart = "1.5rem";
-export const rhcLinkListCardPaddingBlockEnd = "1.5rem";
-export const rhcLinkListCardRowGap = "1rem";
-export const rhcLinkListCardPaddingInlineStart = "1.5rem";
-export const rhcLinkListCardPaddingInlineEnd = "1.5rem";
-export const rhcLinkListTextDecoration = "None";
-export const rhcIconOnlyButtonPaddingBlockEnd = "0.75rem";
-export const rhcIconOnlyButtonPaddingBlockStart = "0.75rem";
-export const rhcIconOnlyButtonPaddingInlineEnd = "0.75rem";
-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 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 rhcHeroMessageColor = "#fff";
-export const rhcHeroMessageRowGap = "0.125rem";
-export const rhcHeroMessagePaddingBlockEnd = "1rem";
-export const rhcHeroMessagePaddingInlineEnd = "1rem";
-export const rhcHeroMessagePaddingInlineStart = "1rem";
-export const rhcHeroMessagePaddingBlockStart = "1rem";
-export const rhcHeroMessageBorderRadius = "20px";
-export const rhcHeroMessageInlineSize = "90%";
-export const rhcHeroBorderRadius = "40px";
-export const rhcHeroInlineSize = "100%";
-export const rhcFormFieldRadioOptionColumnGap = "0.5rem";
-export const rhcFormFieldRadioOptionFontWeight = 400;
-export const rhcFormFieldRadioOptionRowGap = "0.5rem";
-export const rhcFormFieldRadioOptionLabelMarginBlockEnd = 0;
-export const rhcFormFieldRadioOptionInputMarginBlockStart = "0.25rem";
-export const rhcFormFieldCheckboxOptionColumnGap = "0.5rem";
-export const rhcFormFieldCheckboxOptionMarginBlockEnd = 0;
-export const rhcPageFooterColumnGap = "1.5rem";
-export const rhcPageFooterColumnWidth = "200px";
-export const rhcPageFooterColumnTitleMarginBlockEnd = "0.75rem";
-export const rhcPageFooterContentMaxInlineSize = "1280px";
-export const rhcPageFooterContentPaddingInlineStart = "1rem";
-export const rhcPageFooterContentPaddingInlineEnd = "1rem";
-export const rhcPageFooterContentColumnGap = "2rem";
-export const rhcPageFooterBorderBlockStartWidth = "2px";
-export const rhcPageFooterBorderBlockStartColor = "#738eab";
-export const rhcPageFooterBorderBlockStartStyle = "solid";
-export const rhcPageFooterOutlinedBackgroundColor = "#fff";
-export const rhcPageFooterOutlinedColor = "#154273";
-export const rhcPageFooterOutlinedBorderColor = "#154273";
-export const rhcPageFooterPaddingBlockStart = "2.5rem";
-export const rhcPageFooterPaddingBlockEnd = "2.5rem";
-export const rhcPageFooterPaddingInlineStart = "2.5rem";
-export const rhcPageFooterPaddingInlineEnd = "2.5rem";
-export const rhcPageFooterFlexDirection = "column";
-export const rhcFileInputColumnGap = "0.75rem";
-export const rhcFileInputRowGap = "0.75rem";
-export const rhcFileInputFeedbackColor = "#475569";
-export const rhcFileInputFeedbackFontSize = "1rem";
-export const rhcFileBorderStyle = "solid";
-export const rhcFileBorderColor = "#154273";
-export const rhcFileBorderWidth = "1px";
-export const rhcFileBorderRadius = "5px";
-export const rhcFilePaddingInlineStart = "1rem";
-export const rhcFilePaddingInlineEnd = "1rem";
-export const rhcFilePaddingBlockStart = "0.75rem";
-export const rhcFilePaddingBlockEnd = "0.75rem";
-export const rhcFileColumnGap = "0.25rem";
-export const rhcFileErrorBorderColor = "#d52b1e";
-export const rhcFileSubtitleColor = "#64748B";
-export const rhcDotBadgeBorderRadius = "999px";
-export const rhcDotBadgeColor = "#d52b1e";
-export const rhcDotBadgeSize = "12px";
-export const rhcCodeInputSize = "48px";
-export const rhcCodeInputGroupColumnGap = "0.5rem";
-export const rhcCheckboxGroupPaddingBlockEnd = "0.5rem";
-export const rhcCheckboxGroupPaddingBlockStart = "0.5rem";
-export const rhcCheckboxGroupRowGap = "1rem";
-export const rhcCardAsLinkBackgroundColor = "#fff";
-export const rhcCardAsLinkBorderColor = "#CBD5E1";
-export const rhcCardAsLinkBorderRadius = "5px";
-export const rhcCardAsLinkBorderWidth = "1px";
-export const rhcCardAsLinkColor = "#0F172A";
-export const rhcCardAsLinkColumnGap = "1rem";
-export const rhcCardAsLinkInlineSize = "328px";
-export const rhcCardAsLinkIconColor = "#154273";
-export const rhcCardAsLinkIconSize = "24px";
-export const rhcCardAsLinkLinkColor = "#01689b";
-export const rhcCardAsLinkLinkTextDecoration = "underline";
-export const rhcCardAsLinkLinkActiveTextDecoration = "none";
-export const rhcCardAsLinkLinkHoverTextDecoration = "none";
-export const rhcCardAsLinkLinkFocusTextDecoration = "none";
-export const rhcCardAsLinkMetadataColor = "#334155";
-export const rhcCardAsLinkPaddingBlockEnd = "1rem";
-export const rhcCardAsLinkPaddingBlockStart = "1rem";
-export const rhcCardAsLinkPaddingInlineEnd = "1rem";
-export const rhcCardAsLinkPaddingInlineStart = "1rem";
-export const rhcCardAsLinkRowGap = "0.75rem";
-export const rhcCardAsLinkActiveBackgroundColor = "#F1F5F9";
-export const rhcCardAsLinkActiveTextDecoration = "underline";
-export const rhcCardAsLinkHoverBackgroundColor = "#F8FAFC";
-export const rhcCardAsLinkHoverTextDecoration = "underline";
-export const rhcCardAsLinkFocusBackgroundColor = "#dce3ea";
-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 rhcCardAsLinkHeadingPaddingBlockStart = "0.5rem";
-export const rhcCardAsLinkHeadingFontSize = "1.5rem";
-export const rhcCardAsLinkHeadingFontWeight = 700;
-export const rhcCardAsLinkHorizontalBackgroundColor = "#154273";
-export const rhcCardAsLinkHorizontalBorderColor = "transparent";
-export const rhcCardAsLinkHorizontalColor = "#fff";
-export const rhcCardAsLinkHorizontalMaxBlockSize = "96px";
-export const rhcCardAsLinkHorizontalPaddingBlockEnd = 0;
-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 rhcAccordionButtonFontSize = "1.25rem";
-export const rhcAccordionButtonFontWeight = 400;
-export const rhcAccordionButtonLineHeight = "150%";
-export const rhcAccordionButtonIconMarginBlock = "0.25rem";
-export const rhcAccordionButtonPaddingBlockEnd = "0.75rem";
-export const rhcAccordionButtonPaddingBlockStart = "0.75rem";
-export const rhcAccordionButtonPaddingInlineEnd = "1rem";
-export const rhcAccordionButtonPaddingInlineStart = "1rem";
-export const rhcAccordionButtonExpandedBackgroundColor = "#fff";
-export const rhcAccordionButtonExpandedColor = "#0F172A";
-export const rhcAccordionSectionBorderBlockEndWidth = "1px";
-export const rhcAccordionSectionBorderWidth = 0;
-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 rhcColorFocusOutline = "#000";
-export const rhcColorForegroundDefault = "#0F172A";
-export const rhcColorForegroundSubdued = "#334155";
-export const rhcColorForegroundOnEmphasis = "#fff";
-export const rhcColorForegroundLink = "#01689b";
-export const rhcColorBorderDefault = "#64748B";
-export const rhcColorBorderSubdued = "#94A3B8";
-export const rhcColorBorderStrong = "#0F172A";
-export const rhcColorCanvas = "#fff";
-export const rhcColorFeedbackSuccessDefault = "#39870c";
-export const rhcColorFeedbackSuccessSubdued = "#e1eddb";
-export const rhcColorFeedbackInfoDefault = "#007bc7";
-export const rhcColorFeedbackInfoSubdued = "#d9ebf7";
-export const rhcColorFeedbackErrorDefault = "#d52b1e";
-export const rhcColorFeedbackErrorSubdued = "#f9dfdd";
-export const rhcColorFeedbackWarningDefault = "#ffb612";
-export const rhcColorFeedbackWarningSubdued = "#fff4db";
-export const rhcColorAccent500 = "#8fcae7";
-export const rhcColorPrimary50 = "#dce3ea";
-export const rhcColorPrimary100 = "#b8c6d5";
-export const rhcColorPrimary200 = "#95a9c0";
-export const rhcColorPrimary300 = "#738eab";
-export const rhcColorPrimary400 = "#4f7196";
-export const rhcColorPrimary500 = "#154273";
-export const rhcColorPrimaryHover = "#162f50";
-export const rhcColorCoolGrey50 = "#F8FAFC";
-export const rhcColorCoolGrey100 = "#F1F5F9";
-export const rhcColorCoolGrey200 = "#E2E8F0";
-export const rhcColorCoolGrey300 = "#CBD5E1";
-export const rhcColorCoolGrey400 = "#94A3B8";
-export const rhcColorCoolGrey500 = "#64748B";
-export const rhcColorCoolGrey600 = "#475569";
-export const rhcColorCoolGrey700 = "#334155";
-export const rhcColorCoolGrey800 = "#1E293B";
-export const rhcColorCoolGrey900 = "#0F172A";
-export const rhcColorLichtblauw50 = "#eef7fb";
-export const rhcColorLichtblauw100 = "#ddeff8";
-export const rhcColorLichtblauw200 = "#CCE7F4";
-export const rhcColorLichtblauw300 = "#BCDFF0";
-export const rhcColorLichtblauw400 = "#ABD7ED";
-export const rhcColorLichtblauw500 = "#8fcae7";
-export const rhcColorViolet50 = "#f2d9e7";
-export const rhcColorViolet100 = "#e5b3d0";
-export const rhcColorViolet200 = "#D88CB7";
-export const rhcColorViolet300 = "#CB66A0";
-export const rhcColorViolet400 = "#BE4088";
-export const rhcColorViolet500 = "#a90061";
-export const rhcColorPaars50 = "#e3dce7";
-export const rhcColorPaars100 = "#c6b9cf";
-export const rhcColorPaars200 = "#A995B7";
-export const rhcColorPaars300 = "#8D729F";
-export const rhcColorPaars400 = "#714f87";
-export const rhcColorPaars500 = "#42145f";
-export const rhcColorHemelblauw50 = "#d9ebf7";
-export const rhcColorHemelblauw100 = "#b3d7ee";
-export const rhcColorHemelblauw200 = "#8CC3E6";
-export const rhcColorHemelblauw300 = "#66AFDD";
-export const rhcColorHemelblauw400 = "#409CD5";
-export const rhcColorHemelblauw500 = "#007bc7";
-export const rhcColorDonkerblauw50 = "#d9e8f0";
-export const rhcColorDonkerblauw100 = "#b3d2e1";
-export const rhcColorDonkerblauw200 = "#8CBBD2";
-export const rhcColorDonkerblauw300 = "#66A4C3";
-export const rhcColorDonkerblauw400 = "#408EB4";
-export const rhcColorDonkerblauw500 = "#01689b";
-export const rhcColorMintgroen50 = "#eaf8f4";
-export const rhcColorMintgroen100 = "#d6f2e9";
-export const rhcColorMintgroen200 = "#C1EBDE";
-export const rhcColorMintgroen300 = "#ACE4D3";
-export const rhcColorMintgroen400 = "#98DDC8";
-export const rhcColorMintgroen500 = "#76d2b6";
-export const rhcColorMosgroen50 = "#ebebd9";
-export const rhcColorMosgroen100 = "#d6d7b3";
-export const rhcColorMosgroen200 = "#C1C38C";
-export const rhcColorMosgroen300 = "#ADAF66";
-export const rhcColorMosgroen400 = "#999C40";
-export const rhcColorMosgroen500 = "#777b00";
-export const rhcColorGroen50 = "#e1eddb";
-export const rhcColorGroen100 = "#c4dbb6";
-export const rhcColorGroen200 = "#A5C991";
-export const rhcColorGroen300 = "#88B76D";
-export const rhcColorGroen400 = "#6AA549";
-export const rhcColorGroen500 = "#39870c";
-export const rhcColorDonkergroen50 = "#dfe6e1";
-export const rhcColorDonkergroen100 = "#becdc3";
-export const rhcColorDonkergroen200 = "#9DB4A4";
-export const rhcColorDonkergroen300 = "#7D9B87";
-export const rhcColorDonkergroen400 = "#5D8269";
-export const rhcColorDonkergroen500 = "#275937";
-export const rhcColorBruin50 = "#efeada";
-export const rhcColorBruin100 = "#dfd4b6";
-export const rhcColorBruin200 = "#CFBF90";
-export const rhcColorBruin300 = "#BFA96C";
-export const rhcColorBruin400 = "#AF9447";
-export const rhcColorBruin500 = "#94710a";
-export const rhcColorDonkerbruin50 = "#e8e0df";
-export const rhcColorDonkerbruin100 = "#d1c2be";
-export const rhcColorDonkerbruin200 = "#BAA39D";
-export const rhcColorDonkerbruin300 = "#A3847D";
-export const rhcColorDonkerbruin400 = "#8D665D";
-export const rhcColorDonkerbruin500 = "#673327";
-export const rhcColorGeel50 = "#fefbdd";
-export const rhcColorGeel100 = "#fdf6bc";
-export const rhcColorGeel200 = "#FCF199";
-export const rhcColorGeel300 = "#FBED78";
-export const rhcColorGeel400 = "#FAE856";
-export const rhcColorGeel500 = "#f9e11e";
-export const rhcColorDonkergeel50 = "#fff4db";
-export const rhcColorDonkergeel100 = "#ffe9b8";
-export const rhcColorDonkergeel200 = "#FDDE94";
-export const rhcColorDonkergeel300 = "#FDD370";
-export const rhcColorDonkergeel400 = "#FDC84D";
-export const rhcColorDonkergeel500 = "#ffb612";
-export const rhcColorOranje50 = "#fbead9";
-export const rhcColorOranje100 = "#f6d4b3";
-export const rhcColorOranje200 = "#F1BE8C";
-export const rhcColorOranje300 = "#EDA966";
-export const rhcColorOranje400 = "#E89440";
-export const rhcColorOranje500 = "#e17000";
-export const rhcColorRood50 = "#f9dfdd";
-export const rhcColorRood100 = "#f2bfbc";
-export const rhcColorRood200 = "#EC9F99";
-export const rhcColorRood300 = "#E67F78";
-export const rhcColorRood400 = "#DF6056";
-export const rhcColorRood500 = "#d52b1e";
-export const rhcColorRoze50 = "#fdeff8";
-export const rhcColorRoze100 = "#fbdef0";
-export const rhcColorRoze200 = "#F8CEE8";
-export const rhcColorRoze300 = "#F6BDE1";
-export const rhcColorRoze400 = "#F4ADD9";
-export const rhcColorRoze500 = "#f092cd";
-export const rhcColorRobijnrood50 = "#f7d9e7";
-export const rhcColorRobijnrood100 = "#efb3ce";
-export const rhcColorRobijnrood200 = "#E78CB6";
-export const rhcColorRobijnrood300 = "#DF669D";
-export const rhcColorRobijnrood400 = "#D74085";
-export const rhcColorRobijnrood500 = "#ca005d";
-export const rhcColorLintblauw50 = "#dce3ea";
-export const rhcColorLintblauw100 = "#b8c6d5";
-export const rhcColorLintblauw200 = "#95a9c0";
-export const rhcColorLintblauw300 = "#738eab";
-export const rhcColorLintblauw400 = "#4f7196";
-export const rhcColorLintblauw500 = "#154273";
-export const rhcColorWit = "#fff";
-export const rhcColorZwart = "#000";
-export const rhcColorNone = "transparent";
-export const rhcFocusOutlineOffset = "0.125rem";
-export const rhcFocusOutlineStyle = "solid";
-export const rhcFocusOutlineWidth = "2px";
-export const rhcFontSizeHeadingLevel1 = "3.125rem";
-export const rhcFontSizeHeadingLevel2 = "2.5rem";
-export const rhcFontSizeHeadingLevel3 = "1.875rem";
-export const rhcFontSizeHeadingLevel4 = "1.5rem";
-export const rhcFontSizeHeadingLevel5 = "1.25rem";
-export const rhcFontSizeParagraphIntro = "1.5rem";
-export const rhcFontSizeParagraphDefault = "1.25rem";
-export const rhcFontSizeParagraphSmall = "1.125rem";
-export const rhcFontSizeXsDesktop = "1.25rem";
-export const rhcFontSizeXsTablet = "1.125rem";
-export const rhcFontSizeXsMobile = "1rem";
-export const rhcFontSizeSmDesktop = "1.5rem";
-export const rhcFontSizeSmTablet = "1.35rem";
-export const rhcFontSizeSmMobile = "1.2rem";
-export const rhcFontSizeMdDesktop = "1.875rem";
-export const rhcFontSizeMdTablet = "1.688rem";
-export const rhcFontSizeMdMobile = "1.5rem";
-export const rhcFontSizeLgDesktop = "2.5rem";
-export const rhcFontSizeLgTablet = "2.25rem";
-export const rhcFontSizeLgMobile = "2rem";
-export const rhcFontSizeXlDesktop = "3.125rem";
-export const rhcFontSizeXlTablet = "2.813rem";
-export const rhcFontSizeXlMobile = "2.5rem";
-export const rhcLineHeightParagraph = "150%";
-export const rhcLineHeightSm = "125%";
-export const rhcLineHeightMd = "150%";
-export const rhcSizeTarget = "48px";
-export const rhcSizeIconFunctional = "24px";
-export const rhcSizeQuarterLint = "12px";
-export const rhcSizeHalfLint = "24px";
-export const rhcSizeLint = "48px";
-export const rhcSize2Lint = "96px";
-export const rhcSize3Lint = "1440px";
-export const rhcFontWeightExtraBold = 800;
-export const rhcFontWeightBold = 700;
-export const rhcFontWeightSemiBold = 550;
-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 rhcFontFamilySecondary = "RijksoverheidSerifWeb, 'Times New Roman', serif";
-export const rhcBorderWidthDefault = "1px";
-export const rhcBorderWidthM = "2px";
-export const rhcBorderWidthNone = "0px";
-export const rhcSpace0 = 0;
-export const rhcSpace25 = "0.125rem";
-export const rhcSpace50 = "0.25rem";
-export const rhcSpace100 = "0.5rem";
-export const rhcSpace150 = "0.75rem";
-export const rhcSpace200 = "1rem";
-export const rhcSpace300 = "1.5rem";
-export const rhcSpace400 = "2rem";
-export const rhcSpace500 = "2.5rem";
-export const rhcSpace600 = "3rem";
-export const rhcSpace700 = "3.5rem";
-export const utrechtIconColor = "inherit";
-export const utrechtIconSize = "24px";
-export const utrechtIconInsetBlockStart = 0;
+export const utrechtColumnLayoutColumnRuleColor = "transparent";
+export const utrechtColumnLayoutColumnRuleWidth = "0px";
+export const utrechtColumnLayoutColumnWidth = "400px";
+export const utrechtColumnLayoutGap = "0.75rem";
 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 utrechtUnorderedListFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
 export const utrechtUnorderedListFontWeight = 400;
 export const utrechtUnorderedListFontSize = "1.25rem";
 export const utrechtUnorderedListLineHeight = "150%";
@@ -518,7 +21,7 @@ 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%";
@@ -581,19 +84,19 @@ 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 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";
@@ -602,7 +105,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";
@@ -618,7 +121,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";
@@ -632,7 +135,7 @@ export const utrechtTableContainerBoxInlineStartShadowSpread = 0;
 export const utrechtTableContainerBoxInlineStartShadowColor = "#0000001a";
 export const utrechtTableFontSize = "1.25rem";
 export const utrechtSkipLinkFontWeight = 700;
-export const utrechtSkipLinkFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtSkipLinkFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
 export const utrechtSkipLinkFontSize = "1.25rem";
 export const utrechtSkipLinkLineHeight = "150%";
 export const utrechtSkipLinkMinBlockSize = "48px";
@@ -690,7 +193,7 @@ 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 utrechtSelectFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
 export const utrechtSelectFontWeight = 400;
 export const utrechtSelectLineHeight = "150%";
 export const utrechtSelectFontSize = "1.25rem";
@@ -736,12 +239,12 @@ export const utrechtRadioButtonHoverBorderWidth = "1px";
 export const utrechtRadioButtonBorderRadius = "999px";
 export const utrechtRadioButtonBorderWidth = "1px";
 export const utrechtPreHeadingColor = "#0F172A";
-export const utrechtPreHeadingFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
+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%";
@@ -759,7 +262,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%";
@@ -788,40 +291,43 @@ 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 utrechtLinkFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
 export const utrechtLinkFontWeight = 400;
 export const utrechtLinkFontSize = "1.25rem";
 export const utrechtLinkLineHeight = "150%";
+export const utrechtIconColor = "inherit";
+export const utrechtIconSize = "24px";
+export const utrechtIconInsetBlockStart = 0;
 export const utrechtHeading1Color = "#154273";
-export const utrechtHeading1FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
+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 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 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 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 utrechtHeading5FontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
 export const utrechtHeading5FontWeight = 700;
 export const utrechtHeading5LineHeight = "125%";
 export const utrechtHeading5FontSize = "1.25rem";
@@ -831,20 +337,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";
@@ -876,7 +382,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%";
@@ -893,7 +399,7 @@ 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 utrechtNumberBadgeFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
 export const utrechtNumberBadgeBackgroundColor = "#154273";
 export const utrechtNumberBadgeBorderColor = "transparent";
 export const utrechtNumberBadgeColor = "#fff";
@@ -964,14 +470,14 @@ export const utrechtButtonGroupMarginBlockStart = "0px";
 export const utrechtButtonGroupPaddingBlockEnd = "0px";
 export const utrechtButtonGroupPaddingBlockStart = "0px";
 export const utrechtButtonGroupRowGap = "0.5rem";
-export const utrechtButtonBackgroundColor = "transparent";
-export const utrechtButtonBorderColor = "#334155";
-export const utrechtButtonColor = "#334155";
+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 = "Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtButtonFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
 export const utrechtButtonFontSize = "1.25rem";
 export const utrechtButtonFontWeight = 700;
 export const utrechtButtonLineHeight = "150%";
@@ -979,18 +485,18 @@ export const utrechtButtonPaddingBlockEnd = "0.5rem";
 export const utrechtButtonPaddingBlockStart = "0.5rem";
 export const utrechtButtonPaddingInlineEnd = "1rem";
 export const utrechtButtonPaddingInlineStart = "1rem";
-export const utrechtButtonDisabledBackgroundColor = "#F8FAFC";
+export const utrechtButtonDisabledBackgroundColor = "#E2E8F0";
 export const utrechtButtonDisabledBorderColor = "transparent";
-export const utrechtButtonDisabledColor = "#64748B";
-export const utrechtButtonFocusBackgroundColor = "#FDDE94";
+export const utrechtButtonDisabledColor = "#94A3B8";
+export const utrechtButtonFocusBackgroundColor = "#475569";
 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 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";
@@ -1001,9 +507,9 @@ export const utrechtButtonPrimaryActionBackgroundColor = "#154273";
 export const utrechtButtonPrimaryActionBorderColor = "transparent";
 export const utrechtButtonPrimaryActionColor = "#fff";
 export const utrechtButtonPrimaryActionDisabledBackgroundColor = "#b8c6d5";
-export const utrechtButtonPrimaryActionDisabledBorderColor = "#95a9c0";
+export const utrechtButtonPrimaryActionDisabledBorderColor = "transparent";
 export const utrechtButtonPrimaryActionDisabledColor = "#4f7196";
-export const utrechtButtonPrimaryActionFocusBackgroundColor = "#154273";
+export const utrechtButtonPrimaryActionFocusBackgroundColor = "#162f50";
 export const utrechtButtonPrimaryActionFocusBorderColor = "transparent";
 export const utrechtButtonPrimaryActionFocusColor = "#fff";
 export const utrechtButtonPrimaryActionFontWeight = 700;
@@ -1012,27 +518,33 @@ export const utrechtButtonPrimaryActionActiveBorderColor = "transparent";
 export const utrechtButtonPrimaryActionActiveColor = "#fff";
 export const utrechtButtonPrimaryActionFontSize = "1.25rem";
 export const utrechtButtonPrimaryActionLineHeight = "1.875rem";
-export const utrechtButtonSecondaryActionHoverBackgroundColor = "#b8c6d5";
-export const utrechtButtonSecondaryActionHoverBorderColor = "transparent";
-export const utrechtButtonSecondaryActionHoverColor = "#154273";
+export const utrechtButtonPrimaryActionPressedBackgroundColor = "#162945";
+export const utrechtButtonPrimaryActionPressedBorderColor = "transparent";
+export const utrechtButtonPrimaryActionPressedColor = "#fff";
+export const utrechtButtonSecondaryActionHoverBackgroundColor = "#dce3ea";
+export const utrechtButtonSecondaryActionHoverBorderColor = "#162f50";
+export const utrechtButtonSecondaryActionHoverColor = "#162f50";
 export const utrechtButtonSecondaryActionBackgroundColor = "transparent";
 export const utrechtButtonSecondaryActionBorderColor = "#154273";
 export const utrechtButtonSecondaryActionColor = "#154273";
 export const utrechtButtonSecondaryActionDisabledBackgroundColor = "transparent";
-export const utrechtButtonSecondaryActionDisabledBorderColor = "#738eab";
+export const utrechtButtonSecondaryActionDisabledBorderColor = "#95a9c0";
 export const utrechtButtonSecondaryActionDisabledColor = "#738eab";
-export const utrechtButtonSecondaryActionFocusBackgroundColor = "#b8c6d5";
+export const utrechtButtonSecondaryActionFocusBackgroundColor = "#dce3ea";
 export const utrechtButtonSecondaryActionFocusBorderColor = "transparent";
-export const utrechtButtonSecondaryActionFocusColor = "#154273";
+export const utrechtButtonSecondaryActionFocusColor = "#162f50";
 export const utrechtButtonSecondaryActionFontWeight = 700;
 export const utrechtButtonSecondaryActionActiveBackgroundColor = "#95a9c0";
-export const utrechtButtonSecondaryActionActiveBorderColor = "#154273";
-export const utrechtButtonSecondaryActionActiveColor = "#154273";
+export const utrechtButtonSecondaryActionActiveBorderColor = "#162945";
+export const utrechtButtonSecondaryActionActiveColor = "#162f50";
 export const utrechtButtonSecondaryActionFontSize = "1.25rem";
 export const utrechtButtonSecondaryActionLineHeight = "1.875rem";
+export const utrechtButtonSecondaryActionPressedBackgroundColor = "#b8c6d5";
+export const utrechtButtonSecondaryActionPressedBorderColor = "#162945";
+export const utrechtButtonSecondaryActionPressedColor = "#162945";
 export const utrechtButtonSubtleFontSize = "1.25rem";
 export const utrechtButtonSubtleFontWeight = 700;
-export const utrechtButtonSubtleHoverBackgroundColor = "transparent";
+export const utrechtButtonSubtleHoverBackgroundColor = "#dce3ea";
 export const utrechtButtonSubtleHoverBorderColor = "transparent";
 export const utrechtButtonSubtleHoverColor = "#162f50";
 export const utrechtButtonSubtleBackgroundColor = "transparent";
@@ -1043,11 +555,17 @@ export const utrechtButtonSubtleDisabledBorderColor = "transparent";
 export const utrechtButtonSubtleDisabledColor = "#b8c6d5";
 export const utrechtButtonSubtleFocusBackgroundColor = "#dce3ea";
 export const utrechtButtonSubtleFocusBorderColor = "transparent";
-export const utrechtButtonSubtleFocusColor = "#154273";
-export const utrechtButtonSubtleActiveBackgroundColor = "transparent";
+export const utrechtButtonSubtleFocusColor = "#162f50";
+export const utrechtButtonSubtleActiveBackgroundColor = "#95a9c0";
 export const utrechtButtonSubtleActiveBorderColor = "transparent";
 export const utrechtButtonSubtleActiveColor = "#0d2845";
 export const utrechtButtonSubtleLineHeight = "1.875rem";
+export const utrechtButtonSubtlePressedBackgroundColor = "#b8c6d5";
+export const utrechtButtonSubtlePressedBorderColor = "transparent";
+export const utrechtButtonSubtlePressedColor = "#162945";
+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";
@@ -1071,39 +589,45 @@ 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 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 = "Fira Sans, Arial, Verdana, sans-serif";
+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 = "#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 utrechtBlockquoteCaptionColor = "#154273";
 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 = "#154273";
 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 = "#154273";
 export const utrechtBlockquoteBlueCornerBorderVariationBorderBlockEndWidth = "2px";
 export const utrechtBlockquoteBlueCornerBorderVariationBorderInlineEndWidth = "2px";
@@ -1123,7 +647,7 @@ export const utrechtBlockquotePinkCornerBorderVariationBorderInlineStartWidth =
 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";
@@ -1183,7 +707,7 @@ 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;
@@ -1198,8 +722,513 @@ export const utrechtFocusOutlineOffset = "0.125rem";
 export const utrechtFocusOutlineStyle = "solid";
 export const utrechtFocusOutlineWidth = "2px";
 export const utrechtFocusInverseOutlineColor = "#fff";
+export const rhcToggletipColor = "#fff";
+export const rhcToggletipBackgroundColor = "#007bc7";
+export const rhcToggletipBorderColor = "transparent";
+export const rhcToggletipBorderRadius = "5px";
+export const rhcToggletipBorderWidth = "1px";
+export const rhcToggletipIconSize = "24px";
+export const rhcToggletipSize = "24px";
+export const rhcToggletipActiveColor = "#007bc7";
+export const rhcToggletipActiveBackgroundColor = "#fff";
+export const rhcToggletipActiveBorderColor = "#007bc7";
+export const rhcToggletipHoverColor = "#0F172A";
+export const rhcToggletipHoverBackgroundColor = "#66AFDD";
+export const rhcToggletipFocusColor = "#fff";
+export const rhcToggletipFocusBackgroundColor = "#007bc7";
+export const rhcSubNavBarBackgroundColor = "#f2f4f6";
+export const rhcSubNavBarColumnGap = "0.5rem";
+export const rhcSubNavBarColumnWidth = "375px";
+export const rhcSubNavBarPaddingBlockEnd = "2rem";
+export const rhcSubNavBarPaddingBlockStart = "2rem";
+export const rhcSubNavBarInlineSize = "100%";
+export const rhcSubNavBarContentPaddingInlineEnd = "1rem";
+export const rhcSubNavBarContentPaddingInlineStart = "1rem";
+export const rhcSubNavBarContentMaxInlineSize = "1280px";
+export const rhcSubNavBarContentListRowGap = "0.5rem";
+export const rhcSidenavDisplay = "flex";
+export const rhcSidenavLinkLineHeight = "150%";
+export const rhcSidenavLinkIconSize = "24px";
+export const rhcSidenavLinkIconMarginInline = "0.5rem";
+export const rhcSidenavLinkFontSize = "1.25rem";
+export const rhcSidenavLinkFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const rhcSidenavLinkFontWeight = 400;
+export const rhcSidenavLinkCurrentFontWeight = 700;
+export const rhcSidenavLinkCurrentColor = "#0F172A";
+export const rhcSidenavLinkColor = "#01689b";
+export const rhcSidenavLinkActiveColor = "#42145f";
+export const rhcSidenavLinkActiveTextDecoration = "underline";
+export const rhcSidenavLinkFocusBorderRadius = "5px";
+export const rhcSidenavLinkFocusBorderWidth = "2px";
+export const rhcSidenavLinkFocusBorderStyle = "solid";
+export const rhcSidenavLinkFocusBorderColor = "#154273";
+export const rhcSidenavLinkFocusBackgroundColor = "none";
+export const rhcSidenavLinkFocusColor = "#01689b";
+export const rhcSidenavLinkFocusTextDecoration = "None";
+export const rhcSidenavLinkHoverColor = "#15496a";
+export const rhcSidenavLinkHoverTextDecoration = "underline";
+export const rhcSidenavLinkPaddingBlockStart = "0.75rem";
+export const rhcSidenavLinkPaddingBlockEnd = "0.75rem";
+export const rhcSidenavLinkTextDecoration = "None";
+export const rhcSidenavLinkColumnGap = "0.5rem";
+export const rhcRadioGroupPaddingBlockEnd = "0.5rem";
+export const rhcRadioGroupPaddingBlockStart = "0.5rem";
+export const rhcRadioGroupRowGap = "1rem";
+export const rhcNavigationListIconBackgroundColor = "#0F172A";
+export const rhcNavigationListIconBorderRadius = "999px";
+export const rhcNavigationListIconColor = "#fff";
+export const rhcNavigationListItemIconPaddingInline = "0.5rem";
+export const rhcNavigationListItemIconPaddingBlock = "0.5rem";
+export const rhcNavigationListItemIconSize = "24px";
+export const rhcNavigationListItemContentFontSize = "1.125rem";
+export const rhcNavigationListItemContentColumnGap = "0.5rem";
+export const rhcNavigationListItemContentRowGap = "0.25rem";
+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 rhcNavigationListItemBackgroundColor = "#fff";
+export const rhcNavigationListItemColor = "#334155";
+export const rhcNavigationListItemBorderWidth = "1px";
+export const rhcNavigationListItemBorderColor = "#CBD5E1";
+export const rhcNavigationListItemHeadingColor = "#0F172A";
+export const rhcNavigationListItemColumnGap = "1rem";
+export const rhcNavigationListItemMinHeight = "48px";
+export const rhcNavigationListItemPaddingBlock = "0.75rem";
+export const rhcNavigationListItemPaddingInline = "1rem";
+export const rhcNavBarBorderBlockEndWidth = "1px";
+export const rhcNavBarMaxInlineSize = "1280px";
+export const rhcNavBarPaddingInline = "1rem";
+export const rhcNavBarContainerInlineSize = "100%";
+export const rhcNavBarContentColumnGap = "1rem";
+export const rhcNavBarIconColor = "#0F172A";
+export const rhcNavBarIconActiveColor = "#fff";
+export const rhcNavBarIconSize = "24px";
+export const rhcNavBarLinkActiveBackgroundColor = "#154273";
+export const rhcNavBarLinkActiveColor = "#fff";
+export const rhcNavBarLinkBackgroundColor = "#fff";
+export const rhcNavBarLinkColor = "#154273";
+export const rhcNavBarLinkFocusBackgroundColor = "#dce3ea";
+export const rhcNavBarLinkFocusColor = "#154273";
+export const rhcNavBarLinkHoverBackgroundColor = "#F8FAFC";
+export const rhcNavBarLinkHoverColor = "#154273";
+export const rhcNavBarLinkPaddingBlockEnd = "1rem";
+export const rhcNavBarLinkPaddingBlockStart = "1rem";
+export const rhcNavBarLinkPaddingInlineEnd = "0.75rem";
+export const rhcNavBarLinkPaddingInlineStart = "0.75rem";
+export const rhcNavBarLinkColumnGap = "0.5rem";
+export const rhcNavBarHeadingFontWeight = 700;
+export const rhcNavBarBackgroundColor = "#fff";
+export const rhcNavBarColor = "#154273";
+export const rhcNavBarBorderColor = "#4f7196";
+export const rhcMessageListItemBackgroundColor = "#fff";
+export const rhcMessageListItemBorderColor = "#CBD5E1";
+export const rhcMessageListItemBorderWidth = "1px";
+export const rhcMessageListItemColor = "#334155";
+export const rhcMessageListItemColumnGap = "1rem";
+export const rhcMessageListItemIconSize = "24px";
+export const rhcMessageListItemIconColor = "#0F172A";
+export const rhcMessageListItemMinHeight = "48px";
+export const rhcMessageListItemPaddingBlock = "0.75rem";
+export const rhcMessageListItemPaddingInline = "1rem";
+export const rhcMessageListItemContentFontSize = "1.125rem";
+export const rhcMessageListItemContentColumnGap = "0.5rem";
+export const rhcMessageListItemContentRowGap = "0.5rem";
+export const rhcMessageListItemLabelFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const rhcMessageListItemLabelFontSize = "1.25rem";
+export const rhcMessageListItemLabelFontWeight = 700;
+export const rhcMessageListItemLabelLineHeight = "150%";
+export const rhcMessageListItemHeadingColor = "#0F172A";
+export const rhcLogoImageBackgroundColor = "#fff";
+export const rhcLogoImageInlineSize = "48px";
+export const rhcLogoImageBlockSize = "96px";
+export const rhcLogoImageColor = "#154273";
+export const rhcLogoTitleFontWeight = 600;
+export const rhcLogoTitleLineHeight = "1.063rem";
+export const rhcLogoTitleFontSize = "0.913rem";
+export const rhcLogoTitlePaddingBlockStart = "3.125rem";
+export const rhcLogoSubtitleFontWeight = 400;
+export const rhcLogoSubtitleLineHeight = "1rem";
+export const rhcLogoSubtitleFontSize = "0.775rem";
+export const rhcLogoColumnGap = "12px";
+export const rhcLogoFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const rhcLogoColor = "#154273";
+export const rhcLinkListCardBackgroundColor = "#fff";
+export const rhcLinkListCardPaddingBlockStart = "1.5rem";
+export const rhcLinkListCardPaddingBlockEnd = "1.5rem";
+export const rhcLinkListCardRowGap = "1rem";
+export const rhcLinkListCardPaddingInlineStart = "1.5rem";
+export const rhcLinkListCardPaddingInlineEnd = "1.5rem";
+export const rhcLinkListTextDecoration = "None";
+export const rhcIconOnlyButtonPaddingBlockEnd = "0.75rem";
+export const rhcIconOnlyButtonPaddingBlockStart = "0.75rem";
+export const rhcIconOnlyButtonPaddingInlineEnd = "0.75rem";
+export const rhcIconOnlyButtonPaddingInlineStart = "0.75rem";
+export const rhcHeroHeadingFontWeight = 700;
+export const rhcHeroHeadingLineHeight = "125%";
+export const rhcHeroHeadingFontSize = "1.875rem";
+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 = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const rhcHeroMessageBackgroundColor = "#154273";
+export const rhcHeroMessageColor = "#fff";
+export const rhcHeroMessageRowGap = "0.125rem";
+export const rhcHeroMessagePaddingBlockEnd = "1rem";
+export const rhcHeroMessagePaddingInlineEnd = "1rem";
+export const rhcHeroMessagePaddingInlineStart = "1rem";
+export const rhcHeroMessagePaddingBlockStart = "1rem";
+export const rhcHeroMessageBorderRadius = "20px";
+export const rhcHeroMessageInlineSize = "90%";
+export const rhcHeroBorderRadius = "40px";
+export const rhcHeroInlineSize = "100%";
+export const rhcFormFieldRadioOptionColumnGap = "0.5rem";
+export const rhcFormFieldRadioOptionFontWeight = 400;
+export const rhcFormFieldRadioOptionRowGap = "0.5rem";
+export const rhcFormFieldRadioOptionLabelMarginBlockEnd = 0;
+export const rhcFormFieldRadioOptionInputMarginBlockStart = "0.25rem";
+export const rhcFormFieldCheckboxOptionColumnGap = "0.5rem";
+export const rhcFormFieldCheckboxOptionMarginBlockEnd = 0;
+export const rhcPageFooterColumnGap = "1.5rem";
+export const rhcPageFooterColumnWidth = "200px";
+export const rhcPageFooterColumnTitleMarginBlockEnd = "0.75rem";
+export const rhcPageFooterContentMaxInlineSize = "1280px";
+export const rhcPageFooterContentPaddingInlineStart = "1rem";
+export const rhcPageFooterContentPaddingInlineEnd = "1rem";
+export const rhcPageFooterContentColumnGap = "2rem";
+export const rhcPageFooterBorderBlockStartWidth = "2px";
+export const rhcPageFooterBorderBlockStartColor = "#738eab";
+export const rhcPageFooterBorderBlockStartStyle = "solid";
+export const rhcPageFooterOutlinedBackgroundColor = "#fff";
+export const rhcPageFooterOutlinedColor = "#154273";
+export const rhcPageFooterOutlinedBorderColor = "#154273";
+export const rhcPageFooterPaddingBlockStart = "2.5rem";
+export const rhcPageFooterPaddingBlockEnd = "2.5rem";
+export const rhcPageFooterPaddingInlineStart = "2.5rem";
+export const rhcPageFooterPaddingInlineEnd = "2.5rem";
+export const rhcPageFooterFlexDirection = "column";
+export const rhcFileInputColumnGap = "0.75rem";
+export const rhcFileInputRowGap = "0.75rem";
+export const rhcFileInputFeedbackColor = "#475569";
+export const rhcFileInputFeedbackFontSize = "1rem";
+export const rhcFileBorderStyle = "solid";
+export const rhcFileBorderColor = "#154273";
+export const rhcFileBorderWidth = "1px";
+export const rhcFileBorderRadius = "5px";
+export const rhcFilePaddingInlineStart = "1rem";
+export const rhcFilePaddingInlineEnd = "1rem";
+export const rhcFilePaddingBlockStart = "0.75rem";
+export const rhcFilePaddingBlockEnd = "0.75rem";
+export const rhcFileColumnGap = "0.25rem";
+export const rhcFileErrorBorderColor = "#d52b1e";
+export const rhcFileSubtitleColor = "#64748B";
+export const rhcDotBadgeBorderRadius = "999px";
+export const rhcDotBadgeColor = "#d52b1e";
+export const rhcDotBadgeSize = "12px";
+export const rhcCodeInputSize = "48px";
+export const rhcCodeInputGroupColumnGap = "0.5rem";
+export const rhcCheckboxGroupPaddingBlockEnd = "0.5rem";
+export const rhcCheckboxGroupPaddingBlockStart = "0.5rem";
+export const rhcCheckboxGroupRowGap = "1rem";
+export const rhcCardAsLinkBackgroundColor = "#fff";
+export const rhcCardAsLinkBorderColor = "#CBD5E1";
+export const rhcCardAsLinkBorderRadius = "5px";
+export const rhcCardAsLinkBorderWidth = "1px";
+export const rhcCardAsLinkColor = "#0F172A";
+export const rhcCardAsLinkColumnGap = "1rem";
+export const rhcCardAsLinkInlineSize = "328px";
+export const rhcCardAsLinkIconColor = "#154273";
+export const rhcCardAsLinkIconSize = "24px";
+export const rhcCardAsLinkLinkColor = "#01689b";
+export const rhcCardAsLinkLinkTextDecoration = "underline";
+export const rhcCardAsLinkLinkActiveTextDecoration = "none";
+export const rhcCardAsLinkLinkHoverTextDecoration = "none";
+export const rhcCardAsLinkLinkFocusTextDecoration = "none";
+export const rhcCardAsLinkMetadataColor = "#334155";
+export const rhcCardAsLinkPaddingBlockEnd = "1rem";
+export const rhcCardAsLinkPaddingBlockStart = "1rem";
+export const rhcCardAsLinkPaddingInlineEnd = "1rem";
+export const rhcCardAsLinkPaddingInlineStart = "1rem";
+export const rhcCardAsLinkRowGap = "0.75rem";
+export const rhcCardAsLinkActiveBackgroundColor = "#F1F5F9";
+export const rhcCardAsLinkActiveTextDecoration = "underline";
+export const rhcCardAsLinkHoverBackgroundColor = "#F8FAFC";
+export const rhcCardAsLinkHoverTextDecoration = "underline";
+export const rhcCardAsLinkFocusBackgroundColor = "#dce3ea";
+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 rhcCardAsLinkHeadingPaddingBlockStart = "0.5rem";
+export const rhcCardAsLinkHeadingFontSize = "1.5rem";
+export const rhcCardAsLinkHeadingFontWeight = 700;
+export const rhcCardAsLinkHorizontalBackgroundColor = "#154273";
+export const rhcCardAsLinkHorizontalBorderColor = "transparent";
+export const rhcCardAsLinkHorizontalColor = "#fff";
+export const rhcCardAsLinkHorizontalMaxBlockSize = "96px";
+export const rhcCardAsLinkHorizontalPaddingBlockEnd = 0;
+export const rhcCardAsLinkHorizontalPaddingBlockStart = 0;
+export const rhcCardAsLinkHorizontalPaddingInlineEnd = "1rem";
+export const rhcCardAsLinkHorizontalPaddingInlineStart = "1rem";
+export const rhcCardAsLinkHorizontalHeadingInlineSize = "200px";
+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 rhcAccordionButtonFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const rhcAccordionButtonFontSize = "1.25rem";
+export const rhcAccordionButtonFontWeight = 400;
+export const rhcAccordionButtonLineHeight = "150%";
+export const rhcAccordionButtonIconMarginBlock = "0.25rem";
+export const rhcAccordionButtonPaddingBlockEnd = "0.75rem";
+export const rhcAccordionButtonPaddingBlockStart = "0.75rem";
+export const rhcAccordionButtonPaddingInlineEnd = "1rem";
+export const rhcAccordionButtonPaddingInlineStart = "1rem";
+export const rhcAccordionButtonExpandedBackgroundColor = "#fff";
+export const rhcAccordionButtonExpandedColor = "#0F172A";
+export const rhcAccordionSectionBorderBlockEndWidth = "1px";
+export const rhcAccordionSectionBorderWidth = 0;
+export const rhcAccordionSectionBorderColor = "#94A3B8";
+export const rhcAccordionHeaderMargin = 0;
+export const rhcAccordionBorderRadius = "0px";
+export const rhcAccordionColor = "#0F172A";
+export const rhcRoundedCornerXsBorderRadius = "24px";
+export const rhcRoundedCornerMdBorderRadius = "48px";
+export const rhcRoundedCornerXlBorderRadius = "96px";
+export const rhcRoundedCornerBorderWidth = "2px";
+export const rhcBorderRadiusSm = "2.5px";
+export const rhcBorderRadiusMd = "5px";
+export const rhcBorderRadiusCircle = "999px";
+export const rhcBorderRadiusNone = "0px";
+export const rhcColorFocusOutline = "#000";
+export const rhcColorForegroundDefault = "#0F172A";
+export const rhcColorForegroundSubdued = "#334155";
+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";
+export const rhcColorCanvas = "#fff";
+export const rhcColorFeedbackSuccessDefault = "#39870c";
+export const rhcColorFeedbackSuccessSubdued = "#e1eddb";
+export const rhcColorFeedbackInfoDefault = "#007bc7";
+export const rhcColorFeedbackInfoSubdued = "#d9ebf7";
+export const rhcColorFeedbackErrorDefault = "#d52b1e";
+export const rhcColorFeedbackErrorSubdued = "#f9dfdd";
+export const rhcColorFeedbackWarningDefault = "#ffb612";
+export const rhcColorFeedbackWarningSubdued = "#fff4db";
+export const rhcColorAccent500 = "#8fcae7";
+export const rhcColorAccent2500 = "#f092cd";
+export const rhcColorPrimary50 = "#dce3ea";
+export const rhcColorPrimary100 = "#b8c6d5";
+export const rhcColorPrimary200 = "#95a9c0";
+export const rhcColorPrimary300 = "#738eab";
+export const rhcColorPrimary400 = "#4f7196";
+export const rhcColorPrimary500 = "#154273";
+export const rhcColorPrimaryHover = "#162f50";
+export const rhcColorCoolGrey50 = "#F8FAFC";
+export const rhcColorCoolGrey100 = "#F1F5F9";
+export const rhcColorCoolGrey200 = "#E2E8F0";
+export const rhcColorCoolGrey300 = "#CBD5E1";
+export const rhcColorCoolGrey400 = "#94A3B8";
+export const rhcColorCoolGrey500 = "#64748B";
+export const rhcColorCoolGrey600 = "#475569";
+export const rhcColorCoolGrey700 = "#334155";
+export const rhcColorCoolGrey800 = "#1E293B";
+export const rhcColorCoolGrey900 = "#0F172A";
+export const rhcColorLichtblauw50 = "#eef7fb";
+export const rhcColorLichtblauw100 = "#ddeff8";
+export const rhcColorLichtblauw200 = "#CCE7F4";
+export const rhcColorLichtblauw300 = "#BCDFF0";
+export const rhcColorLichtblauw400 = "#ABD7ED";
+export const rhcColorLichtblauw500 = "#8fcae7";
+export const rhcColorViolet50 = "#f2d9e7";
+export const rhcColorViolet100 = "#e5b3d0";
+export const rhcColorViolet200 = "#D88CB7";
+export const rhcColorViolet300 = "#CB66A0";
+export const rhcColorViolet400 = "#BE4088";
+export const rhcColorViolet500 = "#a90061";
+export const rhcColorPaars50 = "#e3dce7";
+export const rhcColorPaars100 = "#c6b9cf";
+export const rhcColorPaars200 = "#A995B7";
+export const rhcColorPaars300 = "#8D729F";
+export const rhcColorPaars400 = "#714f87";
+export const rhcColorPaars500 = "#42145f";
+export const rhcColorHemelblauw50 = "#d9ebf7";
+export const rhcColorHemelblauw100 = "#b3d7ee";
+export const rhcColorHemelblauw200 = "#8CC3E6";
+export const rhcColorHemelblauw300 = "#66AFDD";
+export const rhcColorHemelblauw400 = "#409CD5";
+export const rhcColorHemelblauw500 = "#007bc7";
+export const rhcColorDonkerblauw50 = "#d9e8f0";
+export const rhcColorDonkerblauw100 = "#b3d2e1";
+export const rhcColorDonkerblauw200 = "#8CBBD2";
+export const rhcColorDonkerblauw300 = "#66A4C3";
+export const rhcColorDonkerblauw400 = "#408EB4";
+export const rhcColorDonkerblauw500 = "#01689b";
+export const rhcColorMintgroen50 = "#eaf8f4";
+export const rhcColorMintgroen100 = "#d6f2e9";
+export const rhcColorMintgroen200 = "#C1EBDE";
+export const rhcColorMintgroen300 = "#ACE4D3";
+export const rhcColorMintgroen400 = "#98DDC8";
+export const rhcColorMintgroen500 = "#76d2b6";
+export const rhcColorMosgroen50 = "#ebebd9";
+export const rhcColorMosgroen100 = "#d6d7b3";
+export const rhcColorMosgroen200 = "#C1C38C";
+export const rhcColorMosgroen300 = "#ADAF66";
+export const rhcColorMosgroen400 = "#999C40";
+export const rhcColorMosgroen500 = "#777b00";
+export const rhcColorGroen50 = "#e1eddb";
+export const rhcColorGroen100 = "#c4dbb6";
+export const rhcColorGroen200 = "#A5C991";
+export const rhcColorGroen300 = "#88B76D";
+export const rhcColorGroen400 = "#6AA549";
+export const rhcColorGroen500 = "#39870c";
+export const rhcColorDonkergroen50 = "#dfe6e1";
+export const rhcColorDonkergroen100 = "#becdc3";
+export const rhcColorDonkergroen200 = "#9DB4A4";
+export const rhcColorDonkergroen300 = "#7D9B87";
+export const rhcColorDonkergroen400 = "#5D8269";
+export const rhcColorDonkergroen500 = "#275937";
+export const rhcColorBruin50 = "#efeada";
+export const rhcColorBruin100 = "#dfd4b6";
+export const rhcColorBruin200 = "#CFBF90";
+export const rhcColorBruin300 = "#BFA96C";
+export const rhcColorBruin400 = "#AF9447";
+export const rhcColorBruin500 = "#94710a";
+export const rhcColorDonkerbruin50 = "#e8e0df";
+export const rhcColorDonkerbruin100 = "#d1c2be";
+export const rhcColorDonkerbruin200 = "#BAA39D";
+export const rhcColorDonkerbruin300 = "#A3847D";
+export const rhcColorDonkerbruin400 = "#8D665D";
+export const rhcColorDonkerbruin500 = "#673327";
+export const rhcColorGeel50 = "#fefbdd";
+export const rhcColorGeel100 = "#fdf6bc";
+export const rhcColorGeel200 = "#FCF199";
+export const rhcColorGeel300 = "#FBED78";
+export const rhcColorGeel400 = "#FAE856";
+export const rhcColorGeel500 = "#f9e11e";
+export const rhcColorDonkergeel50 = "#fff4db";
+export const rhcColorDonkergeel100 = "#ffe9b8";
+export const rhcColorDonkergeel200 = "#FDDE94";
+export const rhcColorDonkergeel300 = "#FDD370";
+export const rhcColorDonkergeel400 = "#FDC84D";
+export const rhcColorDonkergeel500 = "#ffb612";
+export const rhcColorOranje50 = "#fbead9";
+export const rhcColorOranje100 = "#f6d4b3";
+export const rhcColorOranje200 = "#F1BE8C";
+export const rhcColorOranje300 = "#EDA966";
+export const rhcColorOranje400 = "#E89440";
+export const rhcColorOranje500 = "#e17000";
+export const rhcColorRood50 = "#f9dfdd";
+export const rhcColorRood100 = "#f2bfbc";
+export const rhcColorRood200 = "#EC9F99";
+export const rhcColorRood300 = "#E67F78";
+export const rhcColorRood400 = "#DF6056";
+export const rhcColorRood500 = "#d52b1e";
+export const rhcColorRoze50 = "#fdeff8";
+export const rhcColorRoze100 = "#fbdef0";
+export const rhcColorRoze200 = "#F8CEE8";
+export const rhcColorRoze300 = "#F6BDE1";
+export const rhcColorRoze400 = "#F4ADD9";
+export const rhcColorRoze500 = "#f092cd";
+export const rhcColorRobijnrood50 = "#f7d9e7";
+export const rhcColorRobijnrood100 = "#efb3ce";
+export const rhcColorRobijnrood200 = "#E78CB6";
+export const rhcColorRobijnrood300 = "#DF669D";
+export const rhcColorRobijnrood400 = "#D74085";
+export const rhcColorRobijnrood500 = "#ca005d";
+export const rhcColorLintblauw50 = "#dce3ea";
+export const rhcColorLintblauw100 = "#b8c6d5";
+export const rhcColorLintblauw200 = "#95a9c0";
+export const rhcColorLintblauw300 = "#738eab";
+export const rhcColorLintblauw400 = "#4f7196";
+export const rhcColorLintblauw500 = "#154273";
+export const rhcColorWit = "#fff";
+export const rhcColorZwart = "#000";
+export const rhcColorNone = "transparent";
+export const rhcFocusOutlineOffset = "0.125rem";
+export const rhcFocusOutlineStyle = "solid";
+export const rhcFocusOutlineWidth = "2px";
+export const rhcFontSizeHeadingLevel1 = "3.125rem";
+export const rhcFontSizeHeadingLevel2 = "2.5rem";
+export const rhcFontSizeHeadingLevel3 = "1.875rem";
+export const rhcFontSizeHeadingLevel4 = "1.5rem";
+export const rhcFontSizeHeadingLevel5 = "1.25rem";
+export const rhcFontSizeParagraphIntro = "1.5rem";
+export const rhcFontSizeParagraphDefault = "1.25rem";
+export const rhcFontSizeParagraphSmall = "1.125rem";
+export const rhcFontSizeXsDesktop = "1.25rem";
+export const rhcFontSizeXsTablet = "1.125rem";
+export const rhcFontSizeXsMobile = "1rem";
+export const rhcFontSizeSmDesktop = "1.5rem";
+export const rhcFontSizeSmTablet = "1.35rem";
+export const rhcFontSizeSmMobile = "1.2rem";
+export const rhcFontSizeMdDesktop = "1.875rem";
+export const rhcFontSizeMdTablet = "1.688rem";
+export const rhcFontSizeMdMobile = "1.5rem";
+export const rhcFontSizeLgDesktop = "2.5rem";
+export const rhcFontSizeLgTablet = "2.25rem";
+export const rhcFontSizeLgMobile = "2rem";
+export const rhcFontSizeXlDesktop = "3.125rem";
+export const rhcFontSizeXlTablet = "2.813rem";
+export const rhcFontSizeXlMobile = "2.5rem";
+export const rhcLineHeightParagraph = "150%";
+export const rhcLineHeightSm = "125%";
+export const rhcLineHeightMd = "150%";
+export const rhcSizeTarget = "48px";
+export const rhcSizeIconFunctional = "24px";
+export const rhcSizeQuarterLint = "12px";
+export const rhcSizeHalfLint = "24px";
+export const rhcSizeLint = "48px";
+export const rhcSize2Lint = "96px";
+export const rhcSize3Lint = "1440px";
+export const rhcFontWeightExtraBold = 800;
+export const rhcFontWeightBold = 700;
+export const rhcFontWeightSemiBold = 550;
+export const rhcFontWeightRegular = 400;
+export const rhcFontWeightChosenRegular = 400;
+export const rhcFontWeightLight = 300;
+export const rhcFontWeightThin = 200;
+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";
+export const rhcBorderWidthNone = "0px";
+export const rhcSpace0 = 0;
+export const rhcSpace25 = "0.125rem";
+export const rhcSpace50 = "0.25rem";
+export const rhcSpace100 = "0.5rem";
+export const rhcSpace150 = "0.75rem";
+export const rhcSpace200 = "1rem";
+export const rhcSpace300 = "1.5rem";
+export const rhcSpace400 = "2rem";
+export const rhcSpace500 = "2.5rem";
+export const rhcSpace600 = "3rem";
+export const rhcSpace700 = "3.5rem";
 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";
@@ -1227,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%";
@@ -1255,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 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 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 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 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 nlHeadingLevel5FontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
 export const nlHeadingLevel5FontWeight = 700;
 export const nlHeadingLevel5LineHeight = "125%";
 export const nlHeadingLevel5FontSize = "1.25rem";
@@ -1301,7 +1330,7 @@ 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 nlNumberBadgeFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
 export const nlNumberBadgeBackgroundColor = "#154273";
 export const nlNumberBadgeBorderColor = "transparent";
 export const nlNumberBadgeColor = "#fff";