@rijkshuisstijl-community/design-tokens 9.0.0 → 10.0.1

package/dist/index.js

@@ -1,117 +1,430 @@
 /**
- * Do not edit directly
- * Generated on Mon, 27 Oct 2025 09:20:39 GMT
+ * Do not edit directly, this file was auto-generated.
+ * Generated on Mon, 15 Dec 2025 18:39:45 GMT
  */
 
-export const amsPaginationFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
-export const amsPaginationFontSize = "1.25rem";
-export const amsPaginationFontWeight = 400;
-export const amsPaginationLineHeight = "150%";
-export const amsPaginationLinkColor = "#01689b";
-export const amsPaginationLinkGap = "0.25rem";
-export const amsPaginationLinkOutlineOffset = "0.125rem";
-export const amsPaginationLinkPaddingInline = "0.25rem";
-export const amsPaginationLinkCurrentFontWeight = 700;
-export const amsPaginationLinkHoverColor = "#01496c";
-export const amsPaginationLinkHoverTextDecorationLine = "underline";
+export const rhcBorderRadiusRound = "999px";
+export const rhcBorderRadiusNone = "0px";
+export const rhcBorderRadiusSm = "2.5px";
+export const rhcBorderRadiusMd = "5px";
+export const rhcBorderWidthSm = "1px";
+export const rhcBorderWidthMd = "2px";
+export const rhcBorderWidthNone = "0px";
+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 = "#ffffff";
+export const rhcColorZwart = "#000000";
+export const rhcColorTransparent = "rgba(0, 0, 0, 0)";
+export const rhcColorForegroundDefault = "#0f172a";
+export const rhcColorForegroundSubtle = "#334155";
+export const rhcColorForegroundLink = "#01689b";
+export const rhcColorForegroundOnDarkColor = "#ffffff";
+export const rhcColorForegroundOnLightColor = "#000000";
+export const rhcColorBorderDefault = "#64748b";
+export const rhcColorBorderSubtle = "#94a3b8";
+export const rhcColorBorderStrong = "#0f172a";
+export const rhcColorBgDocument = "#ffffff";
+export const rhcColorPositiveDefault = "#39870c";
+export const rhcColorPositiveSubtle = "#e1eddb";
+export const rhcColorInfoDefault = "#007bc7";
+export const rhcColorInfoSubtle = "#d9ebf7";
+export const rhcColorNegativeDefault = "#d52b1e";
+export const rhcColorNegativeSubtle = "#f9dfdd";
+export const rhcColorWarningDefault = "#ffb612";
+export const rhcColorWarningSubtle = "#fff4db";
+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"; // Originally rhc.color.primary.500 darkened (lch) by 0.3
+export const rhcColorPrimaryActive = "#162945"; // Originally rhc.color.primary.500 darkened (lch) by 0.4
+export const rhcSizeQuarterLint = "12px";
+export const rhcSizeHalfLint = "24px";
+export const rhcSizeLint = "48px";
+export const rhcSize2Lint = "96px";
+export const rhcSize3Lint = "144px";
+export const rhcSizePointerTarget = "48px";
+export const rhcSizeIconMd = "24px";
+export const rhcSpace0 = "0rem";
+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 rhcFocusOutlineColor = "#000000";
+export const rhcFocusInverseOutlineColor = "#ffffff";
+export const rhcFocusOutlineOffset = "0.125rem";
+export const rhcFocusOutlineStyle = "solid";
+export const rhcFocusOutlineWidth = "2px";
+export const rhcRoundedCornerOverflow = "hidden"; // [code-only]
+export const rhcRoundedCornerSmBorderRadius = "24px";
+export const rhcRoundedCornerMdBorderRadius = "48px";
+export const rhcRoundedCornerLgBorderRadius = "96px";
+export const rhcBlockquoteMarginBlockEnd = "0rem";
+export const rhcBlockquoteMarginBlockStart = "0rem";
+export const rhcBlockquoteMarginInlineEnd = "0rem";
+export const rhcBlockquoteMarginInlineStart = "0rem";
+export const rhcBreadcrumbNavLinkCurrentColor = "#334155";
+export const rhcIconOnlyButtonPaddingBlockEnd = "0.75rem";
+export const rhcIconOnlyButtonPaddingBlockStart = "0.75rem";
+export const rhcIconOnlyButtonPaddingInlineEnd = "0.75rem";
+export const rhcIconOnlyButtonPaddingInlineStart = "0.75rem";
+export const rhcCardBackgroundColor = "#ffffff";
+export const rhcCardBorderColor = "#cbd5e1";
+export const rhcCardBorderRadius = "5px";
+export const rhcCardBorderWidth = "1px";
+export const rhcCardColor = "#0f172a";
+export const rhcCardColumnGap = "1rem";
+export const rhcCardInlineSize = "328px";
+export const rhcCardIconColor = "#154273";
+export const rhcCardIconSize = "24px";
+export const rhcCardLinkColor = "#01689b";
+export const rhcCardLinkTextDecoration = "underline";
+export const rhcCardLinkActiveTextDecoration = "none";
+export const rhcCardLinkHoverTextDecoration = "none";
+export const rhcCardLinkFocusTextDecoration = "none";
+export const rhcCardMetadataColor = "#334155";
+export const rhcCardPaddingBlockEnd = "1rem";
+export const rhcCardPaddingBlockStart = "1rem";
+export const rhcCardPaddingInlineEnd = "1rem";
+export const rhcCardPaddingInlineStart = "1rem";
+export const rhcCardRowGap = "0.75rem";
+export const rhcCardActiveBackgroundColor = "#f1f5f9";
+export const rhcCardActiveTextDecoration = "underline";
+export const rhcCardHoverBackgroundColor = "#f8fafc";
+export const rhcCardHoverTextDecoration = "underline";
+export const rhcCardFocusBackgroundColor = "#dce3ea";
+export const rhcCardFocusTextDecoration = "underline";
+export const rhcCardFullBleedBackgroundColor = "#000000";
+export const rhcCardFullBleedBorderColor = "rgba(0, 0, 0, 0)";
+export const rhcCardFullBleedColor = "#ffffff";
+export const rhcCardFullBleedOpacity = "0.5";
+export const rhcCardHeadingColor = "#154273";
+export const rhcCardHeadingPaddingBlockStart = "0.5rem";
+export const rhcCardHeadingFontSize = "1.5rem";
+export const rhcCardHeadingFontWeight = "700";
+export const rhcCardHorizontalBackgroundColor = "#154273";
+export const rhcCardHorizontalBorderColor = "rgba(0, 0, 0, 0)";
+export const rhcCardHorizontalColor = "#ffffff";
+export const rhcCardHorizontalMaxBlockSize = "96px";
+export const rhcCardHorizontalPaddingBlockEnd = "0";
+export const rhcCardHorizontalPaddingBlockStart = "0";
+export const rhcCardHorizontalPaddingInlineEnd = "1rem";
+export const rhcCardHorizontalPaddingInlineStart = "1rem";
+export const rhcCardHorizontalHeadingInlineSize = "200px";
+export const rhcCardAsLinkBackgroundColor = "#ffffff";
+export const rhcCardAsLinkBorderColor = "#cbd5e1";
+export const rhcCardAsLinkBorderRadius = "5px";
+export const rhcCardAsLinkBorderWidth = "1px";
+export const rhcCardAsLinkColor = "#0f172a";
+export const rhcCardAsLinkColumnGap = "1rem";
+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 = "#000000";
+export const rhcCardAsLinkFullBleedBorderColor = "rgba(0, 0, 0, 0)";
+export const rhcCardAsLinkFullBleedColor = "#ffffff";
+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 = "rgba(0, 0, 0, 0)";
+export const rhcCardAsLinkHorizontalColor = "#ffffff";
+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 rhcCheckboxGroupPaddingBlockEnd = "0.5rem";
+export const rhcCheckboxGroupPaddingBlockStart = "0.5rem";
+export const rhcCheckboxGroupRowGap = "1rem";
+export const rhcCodeInputSize = "48px";
+export const rhcCodeInputGroupColumnGap = "0.5rem";
+export const rhcDataBadgeButtonColumnGap = "0.125rem";
+export const rhcDataBadgeButtonHoverBackgroundColor = "#154273";
+export const rhcDataBadgeButtonHoverColor = "#ffffff";
+export const rhcDataSummaryFontFamily =
+  "'Fira Sans', Arial, Verdana, sans-serif";
+export const rhcDataSummaryItemValueFontWeight = "400";
+export const rhcDataSummaryItemValueRowPaddingBlockEnd = "0.75rem";
+export const rhcDataSummaryItemValueRowPaddingBlockStart = "0.75rem";
+export const rhcDataSummaryItemValueRowPaddingInlineEnd = "0rem";
+export const rhcDataSummaryItemValueRowPaddingInlineStart = "0px";
+export const rhcDataSummaryItemValuePaddingBlockEnd = "0.75rem";
+export const rhcDataSummaryItemValuePaddingBlockStart = "0rem";
+export const rhcDataSummaryItemValuePaddingInlineEnd = "0rem";
+export const rhcDataSummaryItemValuePaddingInlineStart = "0rem";
+export const rhcDataSummaryItemKeyFontWeight = "700";
+export const rhcDataSummaryItemKeyRowPaddingBlockEnd = "0.75rem";
+export const rhcDataSummaryItemKeyRowPaddingBlockStart = "0.75rem";
+export const rhcDataSummaryItemKeyRowPaddingInlineEnd = "1rem";
+export const rhcDataSummaryItemKeyRowPaddingInlineStart = "0rem";
+export const rhcDataSummaryItemKeyPaddingBlockEnd = "0.25rem";
+export const rhcDataSummaryItemKeyPaddingBlockStart = "0.75rem";
+export const rhcDataSummaryItemKeyPaddingInlineEnd = "0rem";
+export const rhcDataSummaryItemKeyPaddingInlineStart = "0rem";
+export const rhcDataSummaryItemBorderWidth = "1px";
+export const rhcDataSummaryItemBorderColor = "#cbd5e1";
+export const rhcDataSummaryItemBorderBlockEndStyle = "solid";
+export const rhcDataSummaryItemColor = "#0f172a";
+export const rhcDataSummaryFontSize = "1.25rem";
+export const rhcDataSummaryLineHeight = "150%";
+export const rhcDataSummaryItemActionRowPaddingBlockEnd = "0.75rem";
+export const rhcDataSummaryItemActionRowPaddingBlockStart = "0.75rem";
+export const rhcDataSummaryItemActionRowPaddingInlineEnd = "0rem";
+export const rhcDataSummaryItemActionRowPaddingInlineStart = "1rem";
+export const rhcDataSummaryItemActionPaddingBlockEnd = "0.75rem";
+export const rhcDataSummaryItemActionPaddingBlockStart = "0.75rem";
+export const rhcDataSummaryItemActionPaddingInlineEnd = "1rem";
+export const rhcDataSummaryItemActionPaddingInlineStart = "0rem";
+export const rhcDotBadgeBorderRadius = "999px";
+export const rhcDotBadgeColor = "#d52b1e";
+export const rhcDotBadgeSize = "12px";
 export const rhcExpandableCheckboxGroupDetailsMarginBlockStart = "0.5rem";
 export const rhcExpandableCheckboxGroupSummaryColor = "#01689b";
 export const rhcExpandableCheckboxGroupSummaryMarginBlockEnd = "0.5rem";
 export const rhcExpandableCheckboxGroupSummaryMarginBlockStart = "0.5rem";
 export const rhcExpandableCheckboxGroupSummaryTextDecoration = "underline";
-export const rhcUnorderedListNestedMarginInlineStart = "0rem";
-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 = "'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.25rem";
-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 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 rhcFormFieldCheckboxOptionColumnGap = "0.5rem";
+export const rhcFormFieldCheckboxOptionMarginBlockEnd = "0rem";
+export const rhcFormFieldRadioOptionColumnGap = "0.5rem";
+export const rhcFormFieldRadioOptionFontWeight = "400";
+export const rhcFormFieldRadioOptionRowGap = "0.5rem";
+export const rhcFormFieldRadioOptionLabelMarginBlockEnd = "0rem";
+export const rhcFormFieldRadioOptionInputMarginBlockStart = "0.25rem";
+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 = "#ffffff";
+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 rhcLinkListCardBackgroundColor = "#ffffff";
+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 rhcLinkColumnGap = "0.25rem";
+export const rhcLogoImageBackgroundColor = "#ffffff";
+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 rhcMessageListItemBackgroundColor = "#ffffff";
+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.25rem";
+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 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 rhcNavBarIconColor = "#0f172a";
+export const rhcNavBarIconActiveColor = "#ffffff";
 export const rhcNavBarIconSize = "24px";
 export const rhcNavBarLinkActiveBackgroundColor = "#154273";
-export const rhcNavBarLinkActiveColor = "#fff";
-export const rhcNavBarLinkBackgroundColor = "#fff";
+export const rhcNavBarLinkActiveColor = "#ffffff";
+export const rhcNavBarLinkBackgroundColor = "#ffffff";
 export const rhcNavBarLinkColor = "#154273";
 export const rhcNavBarLinkFocusBackgroundColor = "#dce3ea";
 export const rhcNavBarLinkFocusColor = "#154273";
-export const rhcNavBarLinkHoverBackgroundColor = "#F8FAFC";
+export const rhcNavBarLinkHoverBackgroundColor = "#f8fafc";
 export const rhcNavBarLinkHoverColor = "#154273";
 export const rhcNavBarLinkPaddingBlockEnd = "1rem";
 export const rhcNavBarLinkPaddingBlockStart = "1rem";
@@ -119,892 +432,325 @@ export const rhcNavBarLinkPaddingInlineEnd = "0.75rem";
 export const rhcNavBarLinkPaddingInlineStart = "0.75rem";
 export const rhcNavBarLinkColumnGap = "0.5rem";
 export const rhcNavBarLinkFontSize = "1.25rem";
-export const rhcNavBarHeadingFontWeight = 700;
-export const rhcNavBarBackgroundColor = "#fff";
+export const rhcNavBarHeadingFontWeight = "700";
+export const rhcNavBarBackgroundColor = "#ffffff";
 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.25rem";
-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 rhcLinkColumnGap = "0.25rem";
-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 = "0rem";
-export const rhcFormFieldRadioOptionInputMarginBlockStart = "0.25rem";
-export const rhcFormFieldCheckboxOptionColumnGap = "0.5rem";
-export const rhcFormFieldCheckboxOptionMarginBlockEnd = "0rem";
-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 rhcDataSummaryFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
-export const rhcDataSummaryItemValueFontWeight = 400;
-export const rhcDataSummaryItemValueRowPaddingBlockEnd = "0.75rem";
-export const rhcDataSummaryItemValueRowPaddingBlockStart = "0.75rem";
-export const rhcDataSummaryItemValueRowPaddingInlineEnd = "0rem";
-export const rhcDataSummaryItemValueRowPaddingInlineStart = "0px";
-export const rhcDataSummaryItemValuePaddingBlockEnd = "0.75rem";
-export const rhcDataSummaryItemValuePaddingBlockStart = "0rem";
-export const rhcDataSummaryItemValuePaddingInlineEnd = "0rem";
-export const rhcDataSummaryItemValuePaddingInlineStart = "0rem";
-export const rhcDataSummaryItemKeyFontWeight = 700;
-export const rhcDataSummaryItemKeyRowPaddingBlockEnd = "0.75rem";
-export const rhcDataSummaryItemKeyRowPaddingBlockStart = "0.75rem";
-export const rhcDataSummaryItemKeyRowPaddingInlineEnd = "1rem";
-export const rhcDataSummaryItemKeyRowPaddingInlineStart = "0rem";
-export const rhcDataSummaryItemKeyPaddingBlockEnd = "0.25rem";
-export const rhcDataSummaryItemKeyPaddingBlockStart = "0.75rem";
-export const rhcDataSummaryItemKeyPaddingInlineEnd = "0rem";
-export const rhcDataSummaryItemKeyPaddingInlineStart = "0rem";
-export const rhcDataSummaryItemBorderWidth = "1px";
-export const rhcDataSummaryItemBorderColor = "#CBD5E1";
-export const rhcDataSummaryItemBorderBlockEndStyle = "solid";
-export const rhcDataSummaryItemColor = "#0F172A";
-export const rhcDataSummaryFontSize = "1.25rem";
-export const rhcDataSummaryLineHeight = "150%";
-export const rhcDataSummaryItemActionRowPaddingBlockEnd = "0.75rem";
-export const rhcDataSummaryItemActionRowPaddingBlockStart = "0.75rem";
-export const rhcDataSummaryItemActionRowPaddingInlineEnd = "0rem";
-export const rhcDataSummaryItemActionRowPaddingInlineStart = "1rem";
-export const rhcDataSummaryItemActionPaddingBlockEnd = "0.75rem";
-export const rhcDataSummaryItemActionPaddingBlockStart = "0.75rem";
-export const rhcDataSummaryItemActionPaddingInlineEnd = "1rem";
-export const rhcDataSummaryItemActionPaddingInlineStart = "0rem";
-export const rhcDataBadgeButtonColumnGap = "0.125rem";
-export const rhcDataBadgeButtonHoverBackgroundColor = "#154273";
-export const rhcDataBadgeButtonHoverColor = "#fff";
-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 rhcCardBackgroundColor = "#fff";
-export const rhcCardBorderColor = "#CBD5E1";
-export const rhcCardBorderRadius = "5px";
-export const rhcCardBorderWidth = "1px";
-export const rhcCardColor = "#0F172A";
-export const rhcCardColumnGap = "1rem";
-export const rhcCardInlineSize = "328px";
-export const rhcCardIconColor = "#154273";
-export const rhcCardIconSize = "24px";
-export const rhcCardLinkColor = "#01689b";
-export const rhcCardLinkTextDecoration = "underline";
-export const rhcCardLinkActiveTextDecoration = "none";
-export const rhcCardLinkHoverTextDecoration = "none";
-export const rhcCardLinkFocusTextDecoration = "none";
-export const rhcCardMetadataColor = "#334155";
-export const rhcCardPaddingBlockEnd = "1rem";
-export const rhcCardPaddingBlockStart = "1rem";
-export const rhcCardPaddingInlineEnd = "1rem";
-export const rhcCardPaddingInlineStart = "1rem";
-export const rhcCardRowGap = "0.75rem";
-export const rhcCardActiveBackgroundColor = "#F1F5F9";
-export const rhcCardActiveTextDecoration = "underline";
-export const rhcCardHoverBackgroundColor = "#F8FAFC";
-export const rhcCardHoverTextDecoration = "underline";
-export const rhcCardFocusBackgroundColor = "#dce3ea";
-export const rhcCardFocusTextDecoration = "underline";
-export const rhcCardFullBleedBackgroundColor = "#000";
-export const rhcCardFullBleedBorderColor = "transparent";
-export const rhcCardFullBleedColor = "#fff";
-export const rhcCardFullBleedOpacity = 0.5;
-export const rhcCardHeadingColor = "#154273";
-export const rhcCardHeadingPaddingBlockStart = "0.5rem";
-export const rhcCardHeadingFontSize = "1.5rem";
-export const rhcCardHeadingFontWeight = 700;
-export const rhcCardHorizontalBackgroundColor = "#154273";
-export const rhcCardHorizontalBorderColor = "transparent";
-export const rhcCardHorizontalColor = "#fff";
-export const rhcCardHorizontalMaxBlockSize = "96px";
-export const rhcCardHorizontalPaddingBlockEnd = 0;
-export const rhcCardHorizontalPaddingBlockStart = 0;
-export const rhcCardHorizontalPaddingInlineEnd = "1rem";
-export const rhcCardHorizontalPaddingInlineStart = "1rem";
-export const rhcCardHorizontalHeadingInlineSize = "200px";
-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 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 rhcBreadcrumbNavLinkCurrentColor = "#334155";
-export const rhcBlockquoteMarginBlockEnd = "0rem";
-export const rhcBlockquoteMarginBlockStart = "0rem";
-export const rhcBlockquoteMarginInlineEnd = "0rem";
-export const rhcBlockquoteMarginInlineStart = "0rem";
-export const rhcKeepComment = "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset common/rounded-corner.";
-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 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 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 rhcFontSizeBodyIntro = "1.5rem";
-export const rhcFontSizeBodyDefault = "1.25rem";
-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 rhcFontWeightDefault = 400;
-export const rhcFontWeightStrong = 700;
-export const rhcFontWeightExtraBold = 800;
-export const rhcFontWeightBold = 700;
-export const rhcFontWeightSemiBold = 600;
-export const rhcFontWeightRegular = 400;
-export const rhcFontWeightLight = 300;
-export const rhcFontWeightThin = 200;
-export const rhcLineHeightBody = "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 = "144px";
-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 = "0rem";
-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 utrechtColumnLayoutColumnRuleColor = "transparent";
-export const utrechtColumnLayoutColumnRuleWidth = "0px";
-export const utrechtColumnLayoutColumnWidth = "400px";
-export const utrechtColumnLayoutGap = "0.75rem";
-export const utrechtUnorderedListFontSize = "1.25rem";
-export const utrechtUnorderedListLineHeight = "150%";
-export const utrechtUnorderedListMarginBlockEnd = "0.25rem";
-export const utrechtUnorderedListMarginBlockStart = "0.25rem";
-export const utrechtUnorderedListPaddingInlineStart = "1.5rem";
-export const utrechtUnorderedListItemMarginBlockEnd = "0.25rem";
-export const utrechtUnorderedListItemMarginBlockStart = "0.25rem";
-export const utrechtUnorderedListItemPaddingInlineStart = "0.5rem";
-export const utrechtUnorderedListMarkerColor = "#0F172A";
-export const utrechtTextboxHoverBackgroundColor = "#fff";
-export const utrechtTextboxHoverBorderColor = "#738eab";
-export const utrechtTextboxHoverBorderWidth = "1px";
-export const utrechtTextboxHoverColor = "#0F172A";
-export const utrechtTextboxFocusBorderWidth = "2px";
-export const utrechtTextboxFocusBackgroundColor = "#fff";
-export const utrechtTextboxFocusBorderColor = "#154273";
-export const utrechtTextboxFocusColor = "#0F172A";
-export const utrechtTextboxBackgroundColor = "#fff";
-export const utrechtTextboxBorderBlockEndWidth = "auto";
-export const utrechtTextboxBorderColor = "#154273";
-export const utrechtTextboxBorderRadius = "2.5px";
-export const utrechtTextboxBorderWidth = "1px";
-export const utrechtTextboxColor = "#0F172A";
-export const utrechtTextboxFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
-export const utrechtTextboxFontSize = "1.25rem";
-export const utrechtTextboxFontWeight = 400;
-export const utrechtTextboxLineHeight = "150%";
-export const utrechtTextboxMaxInlineSize = "400px";
-export const utrechtTextboxMinBlockSize = "48px";
-export const utrechtTextboxPaddingBlockEnd = "0.5rem";
-export const utrechtTextboxPaddingBlockStart = "0.5rem";
-export const utrechtTextboxPaddingInlineEnd = "0.75rem";
-export const utrechtTextboxPaddingInlineStart = "0.75rem";
-export const utrechtTextboxInvalidBackgroundColor = "#f9dfdd";
-export const utrechtTextboxInvalidBorderBlockEndWidth = "1px";
-export const utrechtTextboxInvalidBorderColor = "#d52b1e";
-export const utrechtTextboxInvalidBorderWidth = "1px";
-export const utrechtTextboxInvalidColor = "#0F172A";
-export const utrechtTextboxPlaceholderColor = "#64748B";
-export const utrechtTextboxReadOnlyBackgroundColor = "#F1F5F9";
-export const utrechtTextboxReadOnlyBorderColor = "transparent";
-export const utrechtTextboxReadOnlyColor = "#0F172A";
-export const utrechtTextboxDisabledBackgroundColor = "#CBD5E1";
-export const utrechtTextboxDisabledBorderColor = "#94A3B8";
-export const utrechtTextboxDisabledColor = "#475569";
-export const utrechtTextareaBorderBottomWidth = "1px";
-export const utrechtTextareaHoverBackgroundColor = "#fff";
-export const utrechtTextareaHoverBorderColor = "#738eab";
-export const utrechtTextareaHoverBorderWidth = "1px";
-export const utrechtTextareaHoverColor = "#0F172A";
-export const utrechtTextareaFocusBorderWidth = "2px";
-export const utrechtTextareaFocusBackgroundColor = "#fff";
-export const utrechtTextareaFocusBorderColor = "#154273";
-export const utrechtTextareaFocusColor = "#0F172A";
-export const utrechtTextareaBackgroundColor = "#fff";
-export const utrechtTextareaBorderBlockEndWidth = "1px";
-export const utrechtTextareaBorderColor = "#154273";
-export const utrechtTextareaBorderRadius = "2.5px";
-export const utrechtTextareaBorderWidth = "1px";
-export const utrechtTextareaColor = "#0F172A";
-export const utrechtTextareaFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
-export const utrechtTextareaFontSize = "1.25rem";
-export const utrechtTextareaFontWeight = 400;
-export const utrechtTextareaLineHeight = "150%";
-export const utrechtTextareaMaxInlineSize = "400px";
-export const utrechtTextareaMinBlockSize = "48px";
-export const utrechtTextareaPaddingBlockEnd = "0.5rem";
-export const utrechtTextareaPaddingBlockStart = "0.5rem";
-export const utrechtTextareaPaddingInlineEnd = "0.75rem";
-export const utrechtTextareaPaddingInlineStart = "0.75rem";
-export const utrechtTextareaInvalidBackgroundColor = "#f9dfdd";
-export const utrechtTextareaInvalidBorderBlockEndWidth = "1px";
-export const utrechtTextareaInvalidBorderColor = "#d52b1e";
-export const utrechtTextareaInvalidBorderWidth = "1px";
-export const utrechtTextareaInvalidColor = "#0F172A";
-export const utrechtTextareaPlaceholderColor = "#64748B";
-export const utrechtTextareaReadOnlyBackgroundColor = "#F1F5F9";
-export const utrechtTextareaReadOnlyBorderColor = "transparent";
-export const utrechtTextareaReadOnlyColor = "#0F172A";
-export const utrechtTextareaDisabledBackgroundColor = "#CBD5E1";
-export const utrechtTextareaDisabledBorderColor = "#94A3B8";
-export const utrechtTextareaDisabledColor = "#475569";
-export const utrechtTableHeaderCellLineHeight = "150%";
-export const utrechtTableHeaderCellColor = "#0F172A";
-export const utrechtTableHeaderCellFontFamily = "'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 utrechtTableCaptionFontWeight = 700;
-export const utrechtTableCaptionFontSize = "1.875rem";
-export const utrechtTableCellPaddingBlockEnd = "0.75rem";
-export const utrechtTableCellPaddingBlockStart = "0.75rem";
-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 utrechtTableDataCellFontWeight = 400;
-export const utrechtTableDataCellLineHeight = "150%";
-export const utrechtTableDataCellFontSize = "1.25rem";
-export const utrechtTableHeaderBorderBlockEndWidth = "2px";
-export const utrechtTableHeaderBorderBlockEndColor = "#CBD5E1";
-export const utrechtTableHeaderBackgroundColor = "transparent";
-export const utrechtTableFooterBorderBlockEndWidth = "1px";
-export const utrechtTableFooterBorderBlockEndColor = "#CBD5E1";
-export const utrechtTableFooterBackgroundColor = "transparent";
-export const utrechtTableRowBorderBlockEndWidth = "1px";
-export const utrechtTableRowBorderBlockEndColor = "#CBD5E1";
-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 utrechtTableFooterCellLineHeight = "150%";
-export const utrechtTableContainerBoxInlineEndShadowX = 0;
-export const utrechtTableContainerBoxInlineEndShadowY = "16px";
-export const utrechtTableContainerBoxInlineEndShadowBlur = "48px";
-export const utrechtTableContainerBoxInlineEndShadowSpread = 0;
-export const utrechtTableContainerBoxInlineEndShadowColor = "#0000001a";
-export const utrechtTableContainerBoxInlineStartShadowX = 0;
-export const utrechtTableContainerBoxInlineStartShadowY = "16px";
-export const utrechtTableContainerBoxInlineStartShadowBlur = "48px";
-export const utrechtTableContainerBoxInlineStartShadowSpread = 0;
-export const utrechtTableContainerBoxInlineStartShadowColor = "#0000001a";
-export const utrechtTableFontSize = "1.25rem";
-export const utrechtSeparatorBlockSize = "2px";
-export const utrechtSeparatorColor = "#CBD5E1";
-export const utrechtSeparatorMarginBlockEnd = "0.75rem";
-export const utrechtSeparatorMarginBlockStart = "0.75rem";
-export const utrechtSelectBorderBottomWidth = "auto";
-export const utrechtSelectBorderRadius = "2.5px";
-export const utrechtSelectBorderWidth = "1px";
-export const utrechtSelectImageBackgroundPosition = "right 0.5rem center";
-export const utrechtSelectMaxInlineSize = "400px";
-export const utrechtSelectPaddingBlockEnd = "0.5rem";
-export const utrechtSelectPaddingBlockStart = "0.5rem";
-export const utrechtSelectPaddingInlineEnd = "0.75rem";
-export const utrechtSelectPaddingInlineStart = "0.75rem";
-export const utrechtSelectIconSize = "24px";
-export const utrechtSelectInvalidBorderWidth = "1px";
-export const utrechtSelectInvalidColor = "#0F172A";
-export const utrechtSelectInvalidBackgroundColor = "#f9dfdd";
-export const utrechtSelectInvalidBorderBlockEndWidth = "1px";
-export const utrechtSelectInvalidBorderColor = "#d52b1e";
-export const utrechtSelectHoverBorderWidth = "1px";
-export const utrechtSelectHoverBackgroundColor = "#fff";
-export const utrechtSelectHoverBorderColor = "#738eab";
-export const utrechtSelectHoverColor = "#0F172A";
-export const utrechtSelectFocusBorderWidth = "2px";
-export const utrechtSelectFocusBackgroundColor = "#fff";
-export const utrechtSelectFocusBorderColor = "#154273";
-export const utrechtSelectFocusColor = "#0F172A";
-export const utrechtSelectBackgroundColor = "#fff";
-export const utrechtSelectBorderBlockEndWidth = "1px";
-export const utrechtSelectBorderColor = "#154273";
-export const utrechtSelectColor = "#0F172A";
-export const utrechtSelectFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
-export const utrechtSelectFontSize = "1.25rem";
-export const utrechtSelectFontWeight = 400;
-export const utrechtSelectLineHeight = "150%";
-export const utrechtSelectMinBlockSize = "48px";
-export const utrechtSelectDisabledBackgroundColor = "#CBD5E1";
-export const utrechtSelectDisabledBorderColor = "#94A3B8";
-export const utrechtSelectDisabledColor = "#475569";
-export const utrechtRadioButtonBorderRadius = "999px";
-export const utrechtRadioButtonDotSize = "12px";
-export const utrechtRadioButtonCheckedDisabledBackgroundColor = "#CBD5E1";
-export const utrechtRadioButtonCheckedDisabledBorderColor = "#94A3B8";
-export const utrechtRadioButtonCheckedDisabledColor = "#475569";
-export const utrechtRadioButtonCheckedBackgroundColor = "#154273";
-export const utrechtRadioButtonCheckedBorderColor = "transparent";
-export const utrechtRadioButtonCheckedBorderWidth = "1px";
-export const utrechtRadioButtonCheckedColor = "#fff";
-export const utrechtRadioButtonCheckedActiveBackgroundColor = "#4f7196";
-export const utrechtRadioButtonCheckedActiveBorderColor = "transparent";
-export const utrechtRadioButtonCheckedActiveBorderWidth = "1px";
-export const utrechtRadioButtonCheckedActiveColor = "#fff";
-export const utrechtRadioButtonCheckedHoverBackgroundColor = "#738eab";
-export const utrechtRadioButtonCheckedHoverBorderColor = "transparent";
-export const utrechtRadioButtonCheckedHoverBorderWidth = "1px";
-export const utrechtRadioButtonCheckedHoverColor = "#fff";
-export const utrechtRadioButtonCheckedFocusBackgroundColor = "#fff";
-export const utrechtRadioButtonCheckedFocusBorderColor = "#154273";
-export const utrechtRadioButtonCheckedFocusBorderWidth = "2px";
-export const utrechtRadioButtonCheckedFocusColor = "#154273";
-export const utrechtRadioButtonBackgroundColor = "#fff";
-export const utrechtRadioButtonBorderColor = "#154273";
-export const utrechtRadioButtonColor = "#154273";
-export const utrechtRadioButtonBorderWidth = "1px";
-export const utrechtRadioButtonSize = "24px";
-export const utrechtRadioButtonIconSize = "12px";
-export const utrechtRadioButtonInvalidBackgroundColor = "#f9dfdd";
-export const utrechtRadioButtonInvalidBorderColor = "#d52b1e";
-export const utrechtRadioButtonInvalidColor = "#d52b1e";
-export const utrechtRadioButtonInvalidBorderWidth = "1px";
-export const utrechtRadioButtonActiveBackgroundColor = "#fff";
-export const utrechtRadioButtonActiveBorderColor = "#4f7196";
-export const utrechtRadioButtonActiveColor = "#4f7196";
-export const utrechtRadioButtonActiveBorderWidth = "1px";
-export const utrechtRadioButtonDisabledBackgroundColor = "#CBD5E1";
-export const utrechtRadioButtonDisabledBorderColor = "#94A3B8";
-export const utrechtRadioButtonDisabledColor = "#94A3B8";
-export const utrechtRadioButtonHoverBackgroundColor = "#fff";
-export const utrechtRadioButtonHoverBorderColor = "#738eab";
-export const utrechtRadioButtonHoverColor = "#738eab";
-export const utrechtRadioButtonHoverBorderWidth = "1px";
-export const utrechtRadioButtonFocusBackgroundColor = "#fff";
-export const utrechtRadioButtonFocusBorderColor = "#154273";
-export const utrechtRadioButtonFocusColor = "#154273";
-export const utrechtRadioButtonFocusBorderWidth = "2px";
-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 utrechtOrderedListFontSize = "1.25rem";
-export const utrechtOrderedListLineHeight = "150%";
-export const utrechtOrderedListMarginBlockEnd = "0.25rem";
-export const utrechtOrderedListMarginBlockStart = "0.25rem";
-export const utrechtOrderedListPaddingInlineStart = "2rem";
-export const utrechtOrderedListItemMarginBlockEnd = "0.25rem";
-export const utrechtOrderedListItemMarginBlockStart = "0.25rem";
-export const utrechtOrderedListItemPaddingInlineStart = "0.5rem";
-export const utrechtNumberBadgeBackgroundColor = "#154273";
-export const utrechtNumberBadgeBorderColor = "transparent";
-export const utrechtNumberBadgeBorderRadius = "999px";
-export const utrechtNumberBadgeBorderWidth = "0px";
-export const utrechtNumberBadgeColor = "#fff";
-export const utrechtNumberBadgeFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
-export const utrechtNumberBadgeFontSize = "1.25rem";
-export const utrechtNumberBadgeFontWeight = 700;
-export const utrechtNumberBadgeMinBlockSize = "24px";
-export const utrechtNumberBadgeMinInlineSize = "24px";
-export const utrechtNumberBadgePaddingBlock = "0.125rem";
-export const utrechtNumberBadgePaddingInline = "0.5rem";
-export const utrechtLinkListMarginBlockEnd = "0rem";
-export const utrechtLinkListMarginBlockStart = "0rem";
-export const utrechtLinkListRowGap = "0.5rem";
-export const utrechtLinkListIconInsetBlockStart = "0.188rem";
-export const utrechtLinkListIconSize = "24px";
-export const utrechtLinkListLinkColumnGap = "0.5rem";
-export const utrechtLinkListLinkTextDecoration = "None";
-export const utrechtLinkListFontWeight = 400;
-export const utrechtLinkColor = "#01689b";
-export const utrechtLinkTextDecorationColor = "inherit";
-export const utrechtLinkColumnGap = "0.25rem";
-export const utrechtLinkTextDecoration = "underline";
-export const utrechtLinkTextDecorationThickness = "0.0625em";
-export const utrechtLinkTextUnderlineOffset = "0.125rem";
-export const utrechtLinkIconSize = "24px";
-export const utrechtLinkActiveColor = "#163f5b";
-export const utrechtLinkHoverColor = "#15496a";
-export const utrechtLinkHoverTextDecoration = "underline";
-export const utrechtLinkHoverTextDecorationThickness = "0.1875em";
-export const utrechtLinkFocusBackgroundColor = "transparent";
-export const utrechtLinkFocusColor = "#01689b";
-export const utrechtLinkFocusVisibleTextDecoration = "None";
-export const utrechtLinkFocusVisibleTextDecorationThickness = "0.0625em";
-export const utrechtLinkVisitedColor = "#01689b";
-export const utrechtIconColor = "inherit";
-export const utrechtIconSize = "24px";
-export const utrechtIconInsetBlockStart = "0rem";
-export const utrechtFormLabelColor = "#0F172A";
-export const utrechtFormLabelFontSize = "1.25rem";
-export const utrechtFormLabelFontWeight = 700;
-export const utrechtFormLabelCheckboxColor = "#0F172A";
-export const utrechtFormLabelCheckboxFontWeight = 400;
-export const utrechtFormLabelRadioColor = "#0F172A";
-export const utrechtFormLabelRadioFontWeight = 400;
-export const utrechtFormLabelCheckedFontWeight = 400;
-export const utrechtFormLabelDisabledColor = "#94A3B8";
-export const utrechtFormFieldErrorMessageBackgroundColor = "transparent";
-export const utrechtFormFieldErrorMessageColor = "#d52b1e";
-export const utrechtFormFieldErrorMessageFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
-export const utrechtFormFieldErrorMessageFontSize = "1.25rem";
-export const utrechtFormFieldErrorMessageFontWeight = 400;
-export const utrechtFormFieldErrorMessageLineHeight = "normal";
-export const utrechtFormFieldErrorMessageMarginBlockEnd = "0.5rem";
-export const utrechtFormFieldErrorMessageMarginBlockStart = "0rem";
-export const utrechtFormFieldErrorMessagePaddingBlockEnd = "0.5rem";
-export const utrechtFormFieldErrorMessagePaddingBlockStart = "0rem";
-export const utrechtFormFieldErrorMessagePaddingInlineEnd = "0rem";
-export const utrechtFormFieldErrorMessagePaddingInlineStart = "0rem";
-export const utrechtFormFieldDescriptionColor = "#334155";
-export const utrechtFormFieldDescriptionFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
-export const utrechtFormFieldDescriptionFontSize = "1.25rem";
-export const utrechtFormFieldDescriptionLineHeight = "150%";
-export const utrechtFormFieldDescriptionMarginBlockEnd = "0.5rem";
-export const utrechtFormFieldDescriptionMarginBlockStart = "-0.5rem";
-export const utrechtFormFieldLabelMarginBlockEnd = "0.5rem";
-export const utrechtFormFieldMarginBlockEnd = "0.5rem";
-export const utrechtFormFieldMarginBlockStart = "0.5rem";
-export const utrechtFormFieldInvalidBorderInlineStartColor = "#d52b1e";
-export const utrechtFormFieldInvalidBorderInlineStartWidth = "2px";
-export const utrechtFormFieldInvalidPaddingInlineStart = "1rem";
-export const utrechtPageFooterBackgroundColor = "#154273";
-export const utrechtPageFooterColor = "#fff";
-export const utrechtPageFooterPaddingBlockStart = "3rem";
-export const utrechtPageFooterPaddingBlockEnd = "3rem";
-export const utrechtPageFooterPaddingInlineStart = "80px";
-export const utrechtPageFooterPaddingInlineEnd = "80px";
-export const utrechtFigureCaptionBorderColor = "#CBD5E1";
-export const utrechtFigureCaptionBorderWidth = "4px";
-export const utrechtFigureCaptionPaddingBlockEnd = "0.5rem";
-export const utrechtFigureCaptionPaddingBlockStart = "0.5rem";
-export const utrechtFigureCaptionPaddingInlineStart = "1rem";
-export const utrechtFigureCaptionColor = "#0F172A";
-export const utrechtFigureCaptionFontSize = "1.25rem";
-export const utrechtFigureCaptionLineHeight = "150%";
-export const utrechtFigureImgBorderEndEndRadius = 0;
-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 utrechtFormFieldsetLegendFontSize = "1.25rem";
-export const utrechtFormFieldsetLegendFontWeight = 700;
-export const utrechtFormFieldsetLegendLineHeight = "150%";
-export const utrechtFormFieldsetLegendDisabledColor = "#334155";
-export const utrechtFormFieldsetSectionBackgroundColor = "transparent";
-export const utrechtFormFieldsetSectionColor = "#0F172A";
-export const utrechtFormFieldsetInvalidBorderInlineStartColor = "#d52b1e";
-export const utrechtFormFieldsetInvalidPaddingInlineStart = "1rem";
-export const utrechtFormFieldsetInvalidBorderInlineStartWidth = "2px";
-export const utrechtDrawerMaxInlineSize = "256px";
-export const utrechtDrawerZIndex = 1;
-export const utrechtDrawerBackgroundColor = "#fff";
-export const utrechtDrawerBorderColor = "#64748B";
-export const utrechtDrawerBorderWidth = "0px";
-export const utrechtDrawerColor = "#0F172A";
-export const utrechtDrawerMaxBlockSize = "240px";
-export const utrechtDrawerPaddingBlockStart = "1rem";
-export const utrechtDrawerPaddingBlockEnd = "1rem";
-export const utrechtDrawerPaddingInlineStart = "1rem";
-export const utrechtDrawerPaddingInlineEnd = "1rem";
-export const utrechtDataBadgeBackgroundColor = "#dce3ea";
-export const utrechtDataBadgeBorderRadius = "10px";
-export const utrechtDataBadgeColor = "#154273";
-export const utrechtDataBadgePaddingBlock = "0.125rem";
-export const utrechtDataBadgePaddingInline = "0.75rem";
-export const utrechtCheckboxIndeterminateActiveBackgroundColor = "#4f7196";
-export const utrechtCheckboxIndeterminateActiveBorderColor = "transparent";
-export const utrechtCheckboxIndeterminateActiveColor = "#fff";
-export const utrechtCheckboxIndeterminateActiveBorderWidth = "1px";
-export const utrechtCheckboxIndeterminateDisabledBackgroundColor = "#CBD5E1";
-export const utrechtCheckboxIndeterminateDisabledBorderColor = "#94A3B8";
-export const utrechtCheckboxIndeterminateDisabledColor = "#475569";
-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 utrechtCheckboxIndeterminateBackgroundColor = "#154273";
-export const utrechtCheckboxIndeterminateBorderColor = "transparent";
-export const utrechtCheckboxIndeterminateBorderWidth = "1px";
-export const utrechtCheckboxIndeterminateColor = "#fff";
-export const utrechtCheckboxCheckedActiveBackgroundColor = "#4f7196";
-export const utrechtCheckboxCheckedActiveBorderColor = "transparent";
-export const utrechtCheckboxCheckedActiveColor = "#fff";
-export const utrechtCheckboxCheckedActiveBorderWidth = "1px";
-export const utrechtCheckboxCheckedDisabledBackgroundColor = "#CBD5E1";
-export const utrechtCheckboxCheckedDisabledBorderColor = "#94A3B8";
-export const utrechtCheckboxCheckedDisabledColor = "#475569";
-export const utrechtCheckboxCheckedHoverBackgroundColor = "#738eab";
-export const utrechtCheckboxCheckedHoverBorderColor = "transparent";
-export const utrechtCheckboxCheckedHoverColor = "#fff";
-export const utrechtCheckboxCheckedHoverBorderWidth = "1px";
-export const utrechtCheckboxCheckedFocusBackgroundColor = "#fff";
-export const utrechtCheckboxCheckedFocusBorderColor = "#154273";
-export const utrechtCheckboxCheckedFocusColor = "#154273";
-export const utrechtCheckboxCheckedFocusBorderWidth = "2px";
-export const utrechtCheckboxCheckedBackgroundColor = "#154273";
-export const utrechtCheckboxCheckedBorderColor = "transparent";
-export const utrechtCheckboxCheckedBorderWidth = "1px";
-export const utrechtCheckboxCheckedColor = "#fff";
-export const utrechtCheckboxBackgroundColor = "#fff";
-export const utrechtCheckboxBorderColor = "#154273";
-export const utrechtCheckboxBorderRadius = "2.5px";
-export const utrechtCheckboxBorderWidth = "1px";
-export const utrechtCheckboxSize = "24px";
-export const utrechtCheckboxIconSize = "24px";
-export const utrechtCheckboxInvalidBackgroundColor = "#f9dfdd";
-export const utrechtCheckboxInvalidBorderColor = "#d52b1e";
-export const utrechtCheckboxInvalidBorderWidth = "1px";
-export const utrechtCheckboxActiveBackgroundColor = "#fff";
-export const utrechtCheckboxActiveBorderColor = "#4f7196";
-export const utrechtCheckboxActiveBorderWidth = "1px";
-export const utrechtCheckboxDisabledBackgroundColor = "#CBD5E1";
-export const utrechtCheckboxDisabledBorderColor = "#94A3B8";
-export const utrechtCheckboxHoverBackgroundColor = "#fff";
-export const utrechtCheckboxHoverBorderColor = "#738eab";
-export const utrechtCheckboxHoverBorderWidth = "1px";
-export const utrechtCheckboxFocusBackgroundColor = "#fff";
-export const utrechtCheckboxFocusBorderColor = "#154273";
-export const utrechtCheckboxFocusBorderWidth = "2px";
-export const utrechtButtonBackgroundColor = "#0F172A";
-export const utrechtButtonBorderColor = "transparent";
+export const rhcNavigationListIconBackgroundColor = "#0f172a";
+export const rhcNavigationListIconBorderRadius = "999px";
+export const rhcNavigationListIconColor = "#ffffff";
+export const rhcNavigationListItemIconPaddingInline = "0.5rem";
+export const rhcNavigationListItemIconPaddingBlock = "0.5rem";
+export const rhcNavigationListItemIconSize = "24px";
+export const rhcNavigationListItemContentFontSize = "1.25rem";
+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 = "#ffffff";
+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 rhcRadioGroupPaddingBlockEnd = "0.5rem";
+export const rhcRadioGroupPaddingBlockStart = "0.5rem";
+export const rhcRadioGroupRowGap = "1rem";
+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"; // Originally rhc.color.foreground.link darkened (lch) by 0.3
+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 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 rhcTextareaFocusBorderWidth = "2px";
+export const rhcToggletipColor = "#ffffff";
+export const rhcToggletipBackgroundColor = "#007bc7";
+export const rhcToggletipBorderColor = "rgba(0, 0, 0, 0)";
+export const rhcToggletipBorderRadius = "5px";
+export const rhcToggletipBorderWidth = "1px";
+export const rhcToggletipIconSize = "24px";
+export const rhcToggletipSize = "24px";
+export const rhcToggletipActiveColor = "#007bc7";
+export const rhcToggletipActiveBackgroundColor = "#ffffff";
+export const rhcToggletipActiveBorderColor = "#007bc7";
+export const rhcToggletipHoverColor = "#0f172a";
+export const rhcToggletipHoverBackgroundColor = "#66afdd";
+export const rhcToggletipFocusColor = "#ffffff";
+export const rhcToggletipFocusBackgroundColor = "#007bc7";
+export const rhcUnorderedListNestedMarginInlineStart = "0rem";
+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 = "#ffffff";
+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 rhcTextFontWeightExtraBold = "800";
+export const rhcTextFontWeightBold = "700";
+export const rhcTextFontWeightSemiBold = "600";
+export const rhcTextFontWeightRegular = "400";
+export const rhcTextFontWeightLight = "300";
+export const rhcTextFontWeightThin = "200";
+export const rhcTextFontWeightDefault = "400";
+export const rhcTextFontWeightStrong = "700";
+export const rhcTextFontFamilySans = "'Fira Sans', Arial, Verdana, sans-serif";
+export const rhcTextFontFamilySerif =
+  "RijksoverheidSerifWeb, 'Times New Roman', serif";
+export const rhcTextFontFamilyDefault =
+  "'Fira Sans', Arial, Verdana, sans-serif";
+export const rhcTextFontSizeMaxMd = "1.25rem";
+export const rhcTextFontSizeMaxLg = "1.5rem";
+export const rhcTextFontSizeMaxXl = "1.875rem";
+export const rhcTextFontSizeMax2xl = "2.5rem";
+export const rhcTextFontSizeMax3xl = "3.125rem";
+export const rhcTextFontSizeMinMd = "1rem";
+export const rhcTextFontSizeMinLg = "1.2rem";
+export const rhcTextFontSizeMinXl = "1.5rem";
+export const rhcTextFontSizeMin2xl = "2rem";
+export const rhcTextFontSizeMin3xl = "2.5rem";
+export const rhcTextFontSizeMd = "1.25rem";
+export const rhcTextFontSizeLg = "1.5rem";
+export const rhcTextFontSizeXl = "1.875rem";
+export const rhcTextFontSize2xl = "2.5rem";
+export const rhcTextFontSize3xl = "3.125rem";
+export const rhcTextLineHeightSm = "125%";
+export const rhcTextLineHeightMd = "150%";
+export const todoAccordionButtonFontFamily =
+  "'Fira Sans', Arial, Verdana, sans-serif";
+export const todoAccordionButtonFontSize = "1.25rem";
+export const todoAccordionButtonFontWeight = "700";
+export const todoAccordionButtonLineHeight = "1.875rem";
+export const todoCheckboxIndeterminateActiveBackgroundColor = "#4f7196";
+export const todoCheckboxIndeterminateActiveBorderColor = "rgba(0, 0, 0, 0)";
+export const todoCheckboxIndeterminateActiveBorderWidth = "1px";
+export const todoCheckboxIndeterminateActiveColor = "#ffffff";
+export const todoCheckboxIndeterminateDisabledBackgroundColor = "#cbd5e1";
+export const todoCheckboxIndeterminateDisabledBorderColor = "#94a3b8";
+export const todoCheckboxIndeterminateDisabledColor = "#475569";
+export const todoCheckboxIndeterminateHoverBackgroundColor = "#738eab";
+export const todoCheckboxIndeterminateHoverBorderColor = "rgba(0, 0, 0, 0)";
+export const todoCheckboxIndeterminateHoverBorderWidth = "1px";
+export const todoCheckboxIndeterminateHoverColor = "#ffffff";
+export const todoCheckboxIndeterminateFocusVisibleBackgroundColor = "#ffffff";
+export const todoCheckboxIndeterminateFocusVisibleBorderColor = "#154273";
+export const todoCheckboxIndeterminateFocusVisibleBorderWidth = "2px";
+export const todoCheckboxIndeterminateFocusVisibleColor = "#154273";
+export const todoCheckboxCheckedActiveBackgroundColor = "#4f7196";
+export const todoCheckboxCheckedActiveBorderColor = "rgba(0, 0, 0, 0)";
+export const todoCheckboxCheckedActiveBorderWidth = "1px";
+export const todoCheckboxCheckedActiveColor = "#ffffff";
+export const todoCheckboxCheckedDisabledBackgroundColor = "#cbd5e1";
+export const todoCheckboxCheckedDisabledBorderColor = "#94a3b8";
+export const todoCheckboxCheckedDisabledColor = "#475569";
+export const todoCheckboxCheckedHoverBackgroundColor = "#738eab";
+export const todoCheckboxCheckedHoverBorderColor = "rgba(0, 0, 0, 0)";
+export const todoCheckboxCheckedHoverBorderWidth = "1px";
+export const todoCheckboxCheckedHoverColor = "#ffffff";
+export const todoCheckboxCheckedFocusVisibleBackgroundColor = "#ffffff";
+export const todoCheckboxCheckedFocusVisibleBorderColor = "#154273";
+export const todoCheckboxCheckedFocusVisibleBorderWidth = "2px";
+export const todoCheckboxCheckedFocusVisibleColor = "#154273";
+export const todoFigureRowGap = "0.5rem";
+export const todoFormFieldErrorMessageColumnGap = "0.5rem";
+export const todoFormFieldErrorMessageIconSize = "24px";
+export const todoFormFieldOptionLabelColor = "#0f172a";
+export const todoFormFieldOptionLabelFontSize = "1.25rem";
+export const todoFormFieldOptionLabelLineHeight = "150%";
+export const todoFormFieldOptionLabelFontFamily =
+  "'Fira Sans', Arial, Verdana, sans-serif";
+export const todoFormFieldOptionLabelFontWeight = "400";
+export const todoFormFieldOptionLabelDisabledColor = "#475569";
+export const todoLinkListLinkHoverTextDecoration = "underline";
+export const todoRadioButtonCheckedDisabledBackgroundColor = "#cbd5e1";
+export const todoRadioButtonCheckedDisabledBorderColor = "#94a3b8";
+export const todoRadioButtonCheckedDisabledColor = "#475569";
+export const todoTextboxHoverBackgroundColor = "#ffffff";
+export const todoTextboxHoverBorderColor = "#738eab";
+export const todoTextboxHoverColor = "#0f172a";
+export const todoTextareaHoverBackgroundColor = "#ffffff";
+export const todoTextareaHoverBorderColor = "#738eab";
+export const todoTextareaHoverColor = "#0f172a";
+export const utrechtAccordionMarginBlockEnd = "0rem"; // [code-only]
+export const utrechtAccordionMarginBlockStart = "0rem";
+export const utrechtAccordionRowGap = "0rem";
+export const utrechtAccordionPanelBorderColor = "rgba(0, 0, 0, 0)";
+export const utrechtAccordionPanelBorderWidth = "1px";
+export const utrechtAccordionPanelPaddingBlockEnd = "1.5rem";
+export const utrechtAccordionPanelPaddingBlockStart = "1rem";
+export const utrechtAccordionPanelPaddingInlineEnd = "1rem";
+export const utrechtAccordionPanelPaddingInlineStart = "1rem";
+export const utrechtAccordionButtonBackgroundColor = "#ffffff";
+export const utrechtAccordionButtonBorderColor = "rgba(0, 0, 0, 0)";
+export const utrechtAccordionButtonBorderRadius = "0px";
+export const utrechtAccordionButtonBorderWidth = "1px";
+export const utrechtAccordionButtonColor = "#0f172a";
+export const utrechtAccordionButtonGap = "0.5rem";
+export const utrechtAccordionButtonPaddingBlockEnd = "0.75rem";
+export const utrechtAccordionButtonPaddingBlockStart = "0.75rem";
+export const utrechtAccordionButtonPaddingInlineEnd = "1rem";
+export const utrechtAccordionButtonPaddingInlineStart = "1rem";
+export const utrechtAccordionButtonIconSize = "24px";
+export const utrechtAccordionButtonActiveBackgroundColor = "#f1f5f9";
+export const utrechtAccordionButtonActiveBorderColor = "rgba(0, 0, 0, 0)";
+export const utrechtAccordionButtonActiveColor = "#0f172a";
+export const utrechtAccordionButtonHoverBackgroundColor = "#f8fafc";
+export const utrechtAccordionButtonHoverBorderColor = "rgba(0, 0, 0, 0)";
+export const utrechtAccordionButtonHoverColor = "#0f172a";
+export const utrechtAccordionButtonFocusVisibleBackgroundColor = "#dce3ea";
+export const utrechtAccordionButtonFocusVisibleBorderColor = "rgba(0, 0, 0, 0)";
+export const utrechtAccordionButtonFocusVisibleBorderWidth = "1px";
+export const utrechtAccordionButtonFocusVisibleColor = "#0f172a";
+export const utrechtAccordionSectionBorderColor = "#94a3b8";
+export const utrechtAccordionSectionHoverBorderColor = "#94a3b8";
+export const utrechtAccordionSectionBorderWidth = "1px";
+export const utrechtAccordionSectionMarginBlockEnd = "0rem"; // [code-only]
+export const utrechtAccordionSectionMarginBlockStart = "0rem"; // [code-only]
+export const utrechtActionGroupBackgroundColor = "rgba(0, 0, 0, 0)";
+export const utrechtActionGroupColumnGap = "0.5rem";
+export const utrechtActionGroupPaddingBlockEnd = "0rem";
+export const utrechtActionGroupPaddingBlockStart = "0rem";
+export const utrechtActionGroupRowGap = "0.5rem";
+export const utrechtAlertBackgroundColor = "#d9ebf7";
+export const utrechtAlertBorderColor = "rgba(0, 0, 0, 0)";
+export const utrechtAlertBorderRadius = "5px";
+export const utrechtAlertBorderWidth = "0px";
+export const utrechtAlertColor = "#000000";
+export const utrechtAlertColumnGap = "0.5rem";
+export const utrechtAlertMarginBlockEnd = "0.75rem"; // [code-only]
+export const utrechtAlertMarginBlockStart = "0.75rem"; // [code-only]
+export const utrechtAlertPaddingBlockEnd = "1rem";
+export const utrechtAlertPaddingBlockStart = "1rem";
+export const utrechtAlertPaddingInlineEnd = "1rem";
+export const utrechtAlertPaddingInlineStart = "1rem";
+export const utrechtAlertContentRowGap = "0.5rem";
+export const utrechtAlertErrorBackgroundColor = "#f9dfdd";
+export const utrechtAlertErrorBorderColor = "rgba(0, 0, 0, 0)";
+export const utrechtAlertErrorColor = "#000000";
+export const utrechtAlertInfoBackgroundColor = "#d9ebf7";
+export const utrechtAlertInfoBorderColor = "rgba(0, 0, 0, 0)";
+export const utrechtAlertInfoColor = "#000000";
+export const utrechtAlertMessageRowGap = "0rem";
+export const utrechtAlertOkBackgroundColor = "#e1eddb";
+export const utrechtAlertOkBorderColor = "rgba(0, 0, 0, 0)";
+export const utrechtAlertOkColor = "#000000";
+export const utrechtAlertWarningBackgroundColor = "#fff4db";
+export const utrechtAlertWarningBorderColor = "rgba(0, 0, 0, 0)";
+export const utrechtAlertWarningColor = "#000000";
+export const utrechtAlertIconColor = "#007bc7";
+export const utrechtAlertIconInsetBlockStart = "3px";
+export const utrechtAlertIconSize = "24px";
+export const utrechtAlertIconErrorColor = "#d52b1e";
+export const utrechtAlertIconInfoColor = "#007bc7";
+export const utrechtAlertIconOkColor = "#39870c";
+export const utrechtAlertIconWarningColor = "#ffb612";
+export const utrechtArticleMaxInlineSize = "75ch";
+export const utrechtBackdropBackgroundColor = "rgba(0, 0, 0, 0.3)";
+export const utrechtBackdropColor = "#0f172a";
+export const utrechtBackdropOpacity = "0.8";
+export const utrechtBackdropFadeInAnimationDuration = "400ms";
+export const utrechtBackdropReducedTransparencyOpacity = "0.98";
+export const utrechtBlockquoteBackgroundColor = "rgba(0, 0, 0, 0)";
+export const utrechtBlockquoteBorderInlineStartWidth = "0px";
+export const utrechtBlockquoteBorderColor = "rgba(0, 0, 0, 0)";
+export const utrechtBlockquoteBorderRadius = "0px";
+export const utrechtBlockquoteBorderWidth = "0px";
+export const utrechtBlockquoteColor = "#154273";
+export const utrechtBlockquoteFontSize = "1.25rem";
+export const utrechtBlockquoteFontFamily =
+  "'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 utrechtBreadcrumbNavFontFamily =
+  "'Fira Sans', Arial, Verdana, sans-serif";
+export const utrechtBreadcrumbNavFontSize = "1.25rem";
+export const utrechtBreadcrumbNavLineHeight = "150%";
+export const utrechtBreadcrumbNavMinBlockSize = "48px";
+export const utrechtBreadcrumbNavItemPaddingBlockEnd = "0.5rem";
+export const utrechtBreadcrumbNavItemPaddingBlockStart = "0.5rem";
+export const utrechtBreadcrumbNavItemPaddingInlineEnd = "0.5rem";
+export const utrechtBreadcrumbNavItemPaddingInlineStart = "0.5rem";
+export const utrechtBreadcrumbNavItemFirstPaddingInlineStart = "0rem";
+export const utrechtBreadcrumbNavSeparatorColor = "#334155";
+export const utrechtBreadcrumbNavSeparatorIconSize = "24px";
+export const utrechtBreadcrumbNavLinkColor = "#01689b";
+export const utrechtBreadcrumbNavLinkTextDecoration = "underline";
+export const utrechtBreadcrumbNavLinkCurrentFontWeight = "400";
+export const utrechtBreadcrumbNavLinkActiveColor = "#163f5b"; // Originally rhc.color.foreground.link darkened (lch) by 0.4
+export const utrechtBreadcrumbNavLinkActiveTextDecoration = "underline";
+export const utrechtBreadcrumbNavLinkDisabledColor = "#334155";
+export const utrechtBreadcrumbNavLinkFocusBackgroundColor = "rgba(0, 0, 0, 0)";
+export const utrechtBreadcrumbNavLinkFocusColor = "#01689b";
+export const utrechtBreadcrumbNavLinkFocusTextDecoration = "None";
+export const utrechtBreadcrumbNavLinkHoverTextDecoration = "underline";
+export const utrechtBreadcrumbNavLinkHoverColor = "#01496c"; // Originally rhc.color.foreground.link darkened (srgb) by 0.3
+export const utrechtBreadcrumbNavLinkIconSize = "24px";
+export const utrechtButtonBackgroundColor = "#0f172a";
+export const utrechtButtonBorderColor = "rgba(0, 0, 0, 0)";
 export const utrechtButtonBorderRadius = "5px";
 export const utrechtButtonBorderWidth = "1px";
-export const utrechtButtonColor = "#fff";
+export const utrechtButtonColor = "#ffffff";
 export const utrechtButtonColumnGap = "0.5rem";
-export const utrechtButtonFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
+export const utrechtButtonFontFamily =
+  "'Fira Sans', Arial, Verdana, sans-serif";
 export const utrechtButtonFontSize = "1.25rem";
-export const utrechtButtonFontWeight = 700;
+export const utrechtButtonFontWeight = "700";
 export const utrechtButtonLineHeight = "150%";
 export const utrechtButtonMinBlockSize = "48px";
 export const utrechtButtonMinInlineSize = "48px";
@@ -1013,387 +759,658 @@ export const utrechtButtonPaddingBlockStart = "0.5rem";
 export const utrechtButtonPaddingInlineEnd = "1rem";
 export const utrechtButtonPaddingInlineStart = "1rem";
 export const utrechtButtonIconSize = "24px";
-export const utrechtButtonPressedBackgroundColor = "#1E293B";
-export const utrechtButtonPressedBorderColor = "transparent";
-export const utrechtButtonPressedColor = "#fff";
-export const utrechtButtonActiveBackgroundColor = "#1E293B";
-export const utrechtButtonActiveBorderColor = "transparent";
-export const utrechtButtonActiveColor = "#fff";
-export const utrechtButtonDisabledBackgroundColor = "#E2E8F0";
-export const utrechtButtonDisabledBorderColor = "transparent";
-export const utrechtButtonDisabledColor = "#94A3B8";
+export const utrechtButtonPressedBackgroundColor = "#1e293b";
+export const utrechtButtonPressedBorderColor = "rgba(0, 0, 0, 0)";
+export const utrechtButtonPressedColor = "#ffffff";
+export const utrechtButtonActiveBackgroundColor = "#1e293b";
+export const utrechtButtonActiveBorderColor = "rgba(0, 0, 0, 0)";
+export const utrechtButtonActiveColor = "#ffffff";
+export const utrechtButtonDisabledBackgroundColor = "#e2e8f0";
+export const utrechtButtonDisabledBorderColor = "rgba(0, 0, 0, 0)";
+export const utrechtButtonDisabledColor = "#94a3b8";
 export const utrechtButtonHoverBackgroundColor = "#475569";
-export const utrechtButtonHoverBorderColor = "transparent";
-export const utrechtButtonHoverColor = "#fff";
+export const utrechtButtonHoverBorderColor = "rgba(0, 0, 0, 0)";
+export const utrechtButtonHoverColor = "#ffffff";
 export const utrechtButtonFocusBackgroundColor = "#475569";
-export const utrechtButtonFocusBorderColor = "transparent";
-export const utrechtButtonFocusColor = "#fff";
+export const utrechtButtonFocusBorderColor = "rgba(0, 0, 0, 0)";
+export const utrechtButtonFocusColor = "#ffffff";
 export const utrechtButtonPrimaryActionBackgroundColor = "#154273";
-export const utrechtButtonPrimaryActionBorderColor = "transparent";
-export const utrechtButtonPrimaryActionColor = "#fff";
+export const utrechtButtonPrimaryActionBorderColor = "rgba(0, 0, 0, 0)";
+export const utrechtButtonPrimaryActionColor = "#ffffff";
 export const utrechtButtonPrimaryActionFontSize = "1.25rem";
-export const utrechtButtonPrimaryActionFontWeight = 700;
+export const utrechtButtonPrimaryActionFontWeight = "700";
 export const utrechtButtonPrimaryActionLineHeight = "1.875rem";
 export const utrechtButtonPrimaryActionDisabledBackgroundColor = "#b8c6d5";
-export const utrechtButtonPrimaryActionDisabledBorderColor = "transparent";
+export const utrechtButtonPrimaryActionDisabledBorderColor = "rgba(0, 0, 0, 0)";
 export const utrechtButtonPrimaryActionDisabledColor = "#4f7196";
 export const utrechtButtonPrimaryActionHoverBackgroundColor = "#162f50";
-export const utrechtButtonPrimaryActionHoverBorderColor = "transparent";
-export const utrechtButtonPrimaryActionHoverColor = "#fff";
+export const utrechtButtonPrimaryActionHoverBorderColor = "rgba(0, 0, 0, 0)";
+export const utrechtButtonPrimaryActionHoverColor = "#ffffff";
 export const utrechtButtonPrimaryActionFocusBackgroundColor = "#162f50";
-export const utrechtButtonPrimaryActionFocusBorderColor = "transparent";
-export const utrechtButtonPrimaryActionFocusColor = "#fff";
-export const utrechtButtonPrimaryActionPressedBorderColor = "transparent";
-export const utrechtButtonPrimaryActionPressedColor = "#fff";
+export const utrechtButtonPrimaryActionFocusBorderColor = "rgba(0, 0, 0, 0)";
+export const utrechtButtonPrimaryActionFocusColor = "#ffffff";
+export const utrechtButtonPrimaryActionPressedBorderColor = "rgba(0, 0, 0, 0)";
+export const utrechtButtonPrimaryActionPressedColor = "#ffffff";
 export const utrechtButtonPrimaryActionPressedBackgroundColor = "#162945";
-export const utrechtButtonPrimaryActionActiveBorderColor = "transparent";
-export const utrechtButtonPrimaryActionActiveColor = "#fff";
-export const utrechtButtonPrimaryActionActiveBackgroundColor = "#0d2845";
-export const utrechtButtonSecondaryActionBackgroundColor = "transparent";
+export const utrechtButtonPrimaryActionActiveBorderColor = "rgba(0, 0, 0, 0)";
+export const utrechtButtonPrimaryActionActiveColor = "#ffffff";
+export const utrechtButtonPrimaryActionActiveBackgroundColor = "#162945";
+export const utrechtButtonSecondaryActionBackgroundColor = "rgba(0, 0, 0, 0)";
 export const utrechtButtonSecondaryActionBorderColor = "#154273";
 export const utrechtButtonSecondaryActionColor = "#154273";
 export const utrechtButtonSecondaryActionFontSize = "1.25rem";
-export const utrechtButtonSecondaryActionFontWeight = 700;
+export const utrechtButtonSecondaryActionFontWeight = "700";
 export const utrechtButtonSecondaryActionLineHeight = "1.875rem";
-export const utrechtButtonSecondaryActionDisabledBackgroundColor = "transparent";
+export const utrechtButtonSecondaryActionDisabledBackgroundColor =
+  "rgba(0, 0, 0, 0)";
 export const utrechtButtonSecondaryActionDisabledBorderColor = "#95a9c0";
 export const utrechtButtonSecondaryActionDisabledColor = "#738eab";
 export const utrechtButtonSecondaryActionHoverBackgroundColor = "#dce3ea";
 export const utrechtButtonSecondaryActionHoverBorderColor = "#162f50";
 export const utrechtButtonSecondaryActionHoverColor = "#162f50";
 export const utrechtButtonSecondaryActionFocusBackgroundColor = "#dce3ea";
-export const utrechtButtonSecondaryActionFocusBorderColor = "transparent";
+export const utrechtButtonSecondaryActionFocusBorderColor = "rgba(0, 0, 0, 0)";
 export const utrechtButtonSecondaryActionFocusColor = "#162f50";
 export const utrechtButtonSecondaryActionPressedBackgroundColor = "#b8c6d5";
 export const utrechtButtonSecondaryActionPressedBorderColor = "#162945";
 export const utrechtButtonSecondaryActionPressedColor = "#162945";
 export const utrechtButtonSecondaryActionActiveBackgroundColor = "#95a9c0";
-export const utrechtButtonSecondaryActionActiveColor = "#162f50";
+export const utrechtButtonSecondaryActionActiveColor = "#162945";
 export const utrechtButtonSecondaryActionActiveBorderColor = "#162945";
-export const utrechtButtonSubtleBackgroundColor = "transparent";
-export const utrechtButtonSubtleBorderColor = "transparent";
+export const utrechtButtonSubtleBackgroundColor = "rgba(0, 0, 0, 0)";
+export const utrechtButtonSubtleBorderColor = "rgba(0, 0, 0, 0)";
 export const utrechtButtonSubtleColor = "#154273";
 export const utrechtButtonSubtleFontSize = "1.25rem";
-export const utrechtButtonSubtleFontWeight = 700;
+export const utrechtButtonSubtleFontWeight = "700";
 export const utrechtButtonSubtleLineHeight = "1.875rem";
-export const utrechtButtonSubtleDisabledBackgroundColor = "transparent";
-export const utrechtButtonSubtleDisabledBorderColor = "transparent";
+export const utrechtButtonSubtleDisabledBackgroundColor = "rgba(0, 0, 0, 0)";
+export const utrechtButtonSubtleDisabledBorderColor = "rgba(0, 0, 0, 0)";
 export const utrechtButtonSubtleDisabledColor = "#b8c6d5";
 export const utrechtButtonSubtleHoverBackgroundColor = "#dce3ea";
-export const utrechtButtonSubtleHoverBorderColor = "transparent";
+export const utrechtButtonSubtleHoverBorderColor = "rgba(0, 0, 0, 0)";
 export const utrechtButtonSubtleHoverColor = "#162f50";
 export const utrechtButtonSubtleFocusBackgroundColor = "#dce3ea";
-export const utrechtButtonSubtleFocusBorderColor = "transparent";
+export const utrechtButtonSubtleFocusBorderColor = "rgba(0, 0, 0, 0)";
 export const utrechtButtonSubtleFocusColor = "#162f50";
 export const utrechtButtonSubtlePressedBackgroundColor = "#b8c6d5";
-export const utrechtButtonSubtlePressedBorderColor = "transparent";
+export const utrechtButtonSubtlePressedBorderColor = "rgba(0, 0, 0, 0)";
 export const utrechtButtonSubtlePressedColor = "#162945";
 export const utrechtButtonSubtleActiveBackgroundColor = "#95a9c0";
-export const utrechtButtonSubtleActiveBorderColor = "transparent";
-export const utrechtButtonSubtleActiveColor = "#0d2845";
-export const utrechtButtonGroupMarginBlockEnd = "0rem";
-export const utrechtButtonGroupMarginBlockStart = "0rem";
-export const utrechtBreadcrumbNavFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
-export const utrechtBreadcrumbNavFontSize = "1.25rem";
-export const utrechtBreadcrumbNavLineHeight = "150%";
-export const utrechtBreadcrumbNavMinBlockSize = "48px";
-export const utrechtBreadcrumbNavItemPaddingBlockEnd = "0.5rem";
-export const utrechtBreadcrumbNavItemPaddingBlockStart = "0.5rem";
-export const utrechtBreadcrumbNavItemPaddingInlineEnd = "0.5rem";
-export const utrechtBreadcrumbNavItemPaddingInlineStart = "0.5rem";
-export const utrechtBreadcrumbNavItemFirstPaddingInlineStart = "0rem";
-export const utrechtBreadcrumbNavSeparatorColor = "#334155";
-export const utrechtBreadcrumbNavSeparatorIconSize = "24px";
-export const utrechtBreadcrumbNavLinkColor = "#01689b";
-export const utrechtBreadcrumbNavLinkTextDecoration = "underline";
-export const utrechtBreadcrumbNavLinkCurrentFontWeight = 400;
-export const utrechtBreadcrumbNavLinkActiveColor = "#163f5b";
-export const utrechtBreadcrumbNavLinkActiveTextDecoration = "underline";
-export const utrechtBreadcrumbNavLinkDisabledColor = "#334155";
-export const utrechtBreadcrumbNavLinkFocusBackgroundColor = "transparent";
-export const utrechtBreadcrumbNavLinkFocusColor = "#01689b";
-export const utrechtBreadcrumbNavLinkFocusTextDecoration = "None";
-export const utrechtBreadcrumbNavLinkHoverTextDecoration = "underline";
-export const utrechtBreadcrumbNavLinkHoverColor = "#01496c";
-export const utrechtBreadcrumbNavLinkIconSize = "24px";
-export const utrechtBlockquoteBackgroundColor = "transparent";
-export const utrechtBlockquoteBorderInlineStartWidth = "0px";
-export const utrechtBlockquoteBorderColor = "transparent";
-export const utrechtBlockquoteBorderRadius = "0px";
-export const utrechtBlockquoteBorderWidth = "0px";
-export const utrechtBlockquoteColor = "#154273";
-export const utrechtBlockquoteFontSize = "1.25rem";
-export const utrechtBlockquoteFontFamily = "'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 utrechtBackdropBackgroundColor = "#0000004d";
-export const utrechtBackdropColor = "#0F172A";
-export const utrechtBackdropOpacity = 0.8;
-export const utrechtBackdropFadeInAnimationDuration = "400ms";
-export const utrechtBackdropReducedTransparencyOpacity = 0.98;
-export const utrechtArticleMaxInlineSize = "75ch";
-export const utrechtAlertBackgroundColor = "#d9ebf7";
-export const utrechtAlertBorderColor = "transparent";
-export const utrechtAlertBorderRadius = "5px";
-export const utrechtAlertBorderWidth = "0px";
-export const utrechtAlertColor = "#000";
-export const utrechtAlertColumnGap = "0.5rem";
-export const utrechtAlertMarginBlockEnd = "0.75rem";
-export const utrechtAlertMarginBlockStart = "0.75rem";
-export const utrechtAlertPaddingBlockEnd = "1rem";
-export const utrechtAlertPaddingBlockStart = "1rem";
-export const utrechtAlertPaddingInlineEnd = "1rem";
-export const utrechtAlertPaddingInlineStart = "1rem";
-export const utrechtAlertContentRowGap = "0.5rem";
-export const utrechtAlertErrorBackgroundColor = "#f9dfdd";
-export const utrechtAlertErrorBorderColor = "transparent";
-export const utrechtAlertErrorColor = "#000";
-export const utrechtAlertInfoBackgroundColor = "#d9ebf7";
-export const utrechtAlertInfoBorderColor = "transparent";
-export const utrechtAlertInfoColor = "#000";
-export const utrechtAlertMessageRowGap = "0rem";
-export const utrechtAlertOkBackgroundColor = "#e1eddb";
-export const utrechtAlertOkBorderColor = "transparent";
-export const utrechtAlertOkColor = "#000";
-export const utrechtAlertWarningBackgroundColor = "#fff4db";
-export const utrechtAlertWarningBorderColor = "transparent";
-export const utrechtAlertWarningColor = "#000";
-export const utrechtAlertIconColor = "#007bc7";
-export const utrechtAlertIconInsetBlockStart = "3px";
-export const utrechtAlertIconSize = "24px";
-export const utrechtAlertIconErrorColor = "#d52b1e";
-export const utrechtAlertIconInfoColor = "#007bc7";
-export const utrechtAlertIconOkColor = "#39870c";
-export const utrechtAlertIconWarningColor = "#ffb612";
-export const utrechtActionGroupBackgroundColor = "transparent";
-export const utrechtActionGroupColumnGap = "0.5rem";
-export const utrechtActionGroupPaddingBlockEnd = "0rem";
-export const utrechtActionGroupPaddingBlockStart = "0rem";
-export const utrechtActionGroupRowGap = "0.5rem";
-export const utrechtAccordionMarginBlockEnd = "0rem";
-export const utrechtAccordionMarginBlockStart = "0rem";
-export const utrechtAccordionRowGap = "0rem";
-export const utrechtAccordionPanelBorderColor = "transparent";
-export const utrechtAccordionPanelBorderWidth = "1px";
-export const utrechtAccordionPanelPaddingBlockEnd = "1.5rem";
-export const utrechtAccordionPanelPaddingBlockStart = "1rem";
-export const utrechtAccordionPanelPaddingInlineEnd = "1rem";
-export const utrechtAccordionPanelPaddingInlineStart = "1rem";
-export const utrechtAccordionButtonBackgroundColor = "#fff";
-export const utrechtAccordionButtonBorderColor = "transparent";
-export const utrechtAccordionButtonBorderRadius = "0px";
-export const utrechtAccordionButtonBorderWidth = "1px";
-export const utrechtAccordionButtonColor = "#0F172A";
-export const utrechtAccordionButtonGap = "0.5rem";
-export const utrechtAccordionButtonPaddingBlockEnd = "0.75rem";
-export const utrechtAccordionButtonPaddingBlockStart = "0.75rem";
-export const utrechtAccordionButtonPaddingInlineEnd = "1rem";
-export const utrechtAccordionButtonPaddingInlineStart = "1rem";
-export const utrechtAccordionButtonIconSize = "24px";
-export const utrechtAccordionButtonActiveBackgroundColor = "#F1F5F9";
-export const utrechtAccordionButtonActiveBorderColor = "transparent";
-export const utrechtAccordionButtonActiveColor = "#0F172A";
-export const utrechtAccordionButtonHoverBackgroundColor = "#F8FAFC";
-export const utrechtAccordionButtonHoverBorderColor = "transparent";
-export const utrechtAccordionButtonHoverColor = "#0F172A";
-export const utrechtAccordionButtonFocusVisibleBackgroundColor = "#dce3ea";
-export const utrechtAccordionButtonFocusVisibleBorderColor = "transparent";
-export const utrechtAccordionButtonFocusVisibleBorderWidth = "1px";
-export const utrechtAccordionButtonFocusVisibleColor = "#0F172A";
-export const utrechtAccordionSectionBorderColor = "#94A3B8";
-export const utrechtAccordionSectionHoverBorderColor = "#94A3B8";
-export const utrechtAccordionSectionBorderWidth = "1px";
-export const utrechtAccordionSectionMarginBlockEnd = "0rem";
-export const utrechtAccordionSectionMarginBlockStart = "0rem";
+export const utrechtButtonSubtleActiveBorderColor = "rgba(0, 0, 0, 0)";
+export const utrechtButtonSubtleActiveColor = "#162945";
+export const utrechtButtonGroupMarginBlockEnd = "0rem"; // [code-only]
+export const utrechtButtonGroupMarginBlockStart = "0rem"; // [code-only]
+export const utrechtCheckboxBackgroundColor = "#ffffff";
+export const utrechtCheckboxBorderColor = "#154273";
+export const utrechtCheckboxBorderRadius = "2.5px";
+export const utrechtCheckboxBorderWidth = "1px";
+export const utrechtCheckboxSize = "24px";
+export const utrechtCheckboxIconSize = "24px";
+export const utrechtCheckboxInvalidBackgroundColor = "#f9dfdd";
+export const utrechtCheckboxInvalidBorderColor = "#d52b1e";
+export const utrechtCheckboxInvalidBorderWidth = "1px";
+export const utrechtCheckboxActiveBackgroundColor = "#ffffff";
+export const utrechtCheckboxActiveBorderColor = "#4f7196";
+export const utrechtCheckboxActiveBorderWidth = "1px";
+export const utrechtCheckboxDisabledBackgroundColor = "#cbd5e1";
+export const utrechtCheckboxDisabledBorderColor = "#94a3b8";
+export const utrechtCheckboxHoverBackgroundColor = "#ffffff";
+export const utrechtCheckboxHoverBorderColor = "#738eab";
+export const utrechtCheckboxHoverBorderWidth = "1px";
+export const utrechtCheckboxFocusBackgroundColor = "#ffffff";
+export const utrechtCheckboxFocusBorderColor = "#154273";
+export const utrechtCheckboxFocusBorderWidth = "2px";
+export const utrechtCheckboxIndeterminateBackgroundColor = "#154273";
+export const utrechtCheckboxIndeterminateBorderColor = "rgba(0, 0, 0, 0)";
+export const utrechtCheckboxIndeterminateBorderWidth = "1px";
+export const utrechtCheckboxIndeterminateColor = "#ffffff";
+export const utrechtCheckboxIndeterminateActiveBackgroundColor = "#4f7196";
+export const utrechtCheckboxIndeterminateActiveBorderColor = "rgba(0, 0, 0, 0)";
+export const utrechtCheckboxIndeterminateActiveColor = "#ffffff";
+export const utrechtCheckboxIndeterminateActiveBorderWidth = "1px";
+export const utrechtCheckboxIndeterminateDisabledBackgroundColor = "#cbd5e1";
+export const utrechtCheckboxIndeterminateDisabledBorderColor = "#94a3b8";
+export const utrechtCheckboxIndeterminateDisabledColor = "#475569";
+export const utrechtCheckboxIndeterminateHoverBackgroundColor = "#738eab";
+export const utrechtCheckboxIndeterminateHoverBorderColor = "rgba(0, 0, 0, 0)";
+export const utrechtCheckboxIndeterminateHoverColor = "#ffffff";
+export const utrechtCheckboxIndeterminateHoverBorderWidth = "1px";
+export const utrechtCheckboxIndeterminateFocusBackgroundColor = "#ffffff";
+export const utrechtCheckboxIndeterminateFocusBorderColor = "#154273";
+export const utrechtCheckboxIndeterminateFocusColor = "#154273";
+export const utrechtCheckboxIndeterminateFocusBorderWidth = "2px";
+export const utrechtCheckboxCheckedBackgroundColor = "#154273";
+export const utrechtCheckboxCheckedBorderColor = "rgba(0, 0, 0, 0)";
+export const utrechtCheckboxCheckedBorderWidth = "1px";
+export const utrechtCheckboxCheckedColor = "#ffffff";
+export const utrechtCheckboxCheckedActiveBackgroundColor = "#4f7196";
+export const utrechtCheckboxCheckedActiveBorderColor = "rgba(0, 0, 0, 0)";
+export const utrechtCheckboxCheckedActiveColor = "#ffffff";
+export const utrechtCheckboxCheckedActiveBorderWidth = "1px";
+export const utrechtCheckboxCheckedDisabledBackgroundColor = "#cbd5e1";
+export const utrechtCheckboxCheckedDisabledBorderColor = "#94a3b8";
+export const utrechtCheckboxCheckedDisabledColor = "#475569";
+export const utrechtCheckboxCheckedHoverBackgroundColor = "#738eab";
+export const utrechtCheckboxCheckedHoverBorderColor = "rgba(0, 0, 0, 0)";
+export const utrechtCheckboxCheckedHoverColor = "#ffffff";
+export const utrechtCheckboxCheckedHoverBorderWidth = "1px";
+export const utrechtCheckboxCheckedFocusBackgroundColor = "#ffffff";
+export const utrechtCheckboxCheckedFocusBorderColor = "#154273";
+export const utrechtCheckboxCheckedFocusColor = "#154273";
+export const utrechtCheckboxCheckedFocusBorderWidth = "2px";
+export const utrechtColumnLayoutColumnRuleColor = "rgba(0, 0, 0, 0)";
+export const utrechtColumnLayoutColumnRuleWidth = "0px";
+export const utrechtColumnLayoutColumnWidth = "400px";
+export const utrechtColumnLayoutGap = "0.75rem";
+export const utrechtDataBadgeBackgroundColor = "#dce3ea";
+export const utrechtDataBadgeBorderRadius = "10px";
+export const utrechtDataBadgeColor = "#154273";
+export const utrechtDataBadgePaddingBlock = "0.125rem";
+export const utrechtDataBadgePaddingInline = "0.75rem";
+export const utrechtDrawerMaxInlineSize = "256px";
+export const utrechtDrawerZIndex = "1px";
+export const utrechtDrawerBackgroundColor = "#ffffff";
+export const utrechtDrawerBorderColor = "#64748b";
+export const utrechtDrawerBorderWidth = "0px";
+export const utrechtDrawerColor = "#0f172a";
+export const utrechtDrawerMaxBlockSize = "240px";
+export const utrechtDrawerPaddingBlockStart = "1rem";
+export const utrechtDrawerPaddingBlockEnd = "1rem";
+export const utrechtDrawerPaddingInlineStart = "1rem";
+export const utrechtDrawerPaddingInlineEnd = "1rem";
+export const utrechtFormFieldsetLegendColor = "#0f172a";
+export const utrechtFormFieldsetLegendFontFamily =
+  "'Fira Sans', Arial, Verdana, sans-serif";
+export const utrechtFormFieldsetLegendFontSize = "1.25rem";
+export const utrechtFormFieldsetLegendFontWeight = "700";
+export const utrechtFormFieldsetLegendLineHeight = "150%";
+export const utrechtFormFieldsetLegendDisabledColor = "#334155"; // Do not use a disabled state
+export const utrechtFormFieldsetSectionBackgroundColor = "rgba(0, 0, 0, 0)";
+export const utrechtFormFieldsetSectionColor = "#0f172a";
+export const utrechtFormFieldsetInvalidBorderInlineStartColor = "#d52b1e";
+export const utrechtFormFieldsetInvalidPaddingInlineStart = "1rem";
+export const utrechtFormFieldsetInvalidBorderInlineStartWidth = "2px";
+export const utrechtFigureCaptionColor = "#0f172a";
+export const utrechtFigureCaptionFontSize = "1.25rem";
+export const utrechtFigureCaptionLineHeight = "150%";
+export const utrechtFormFieldLabelMarginBlockEnd = "0.5rem";
+export const utrechtFormFieldMarginBlockEnd = "0.5rem"; // [code-only]
+export const utrechtFormFieldMarginBlockStart = "0.5rem"; // [code-only]
+export const utrechtFormFieldInvalidBorderInlineStartColor = "#d52b1e";
+export const utrechtFormFieldInvalidBorderInlineStartWidth = "2px";
+export const utrechtFormFieldInvalidPaddingInlineStart = "1rem";
+export const utrechtFormFieldDescriptionColor = "#334155";
+export const utrechtFormFieldDescriptionFontFamily =
+  "'Fira Sans', Arial, Verdana, sans-serif";
+export const utrechtFormFieldDescriptionFontSize = "1.25rem";
+export const utrechtFormFieldDescriptionLineHeight = "150%";
+export const utrechtFormFieldDescriptionMarginBlockEnd = "0.5rem"; // [code-only]
+export const utrechtFormFieldDescriptionMarginBlockStart = "-0.5rem"; // [code-only]
+export const utrechtFormFieldErrorMessageBackgroundColor = "rgba(0, 0, 0, 0)";
+export const utrechtFormFieldErrorMessageColor = "#d52b1e";
+export const utrechtFormFieldErrorMessageFontFamily =
+  "'Fira Sans', Arial, Verdana, sans-serif";
+export const utrechtFormFieldErrorMessageFontSize = "1.25rem";
+export const utrechtFormFieldErrorMessageFontWeight = "400";
+export const utrechtFormFieldErrorMessageLineHeight = "normal";
+export const utrechtFormFieldErrorMessageMarginBlockEnd = "0.5rem"; // [code-only]
+export const utrechtFormFieldErrorMessageMarginBlockStart = "0rem"; // [code-only]
+export const utrechtFormFieldErrorMessagePaddingBlockEnd = "0.5rem";
+export const utrechtFormFieldErrorMessagePaddingBlockStart = "0rem";
+export const utrechtFormFieldErrorMessagePaddingInlineEnd = "0rem";
+export const utrechtFormFieldErrorMessagePaddingInlineStart = "0rem";
+export const utrechtIconBaselineInsetBlockStart = "0px"; // [code-only]
+export const utrechtIconColor = "inherit";
+export const utrechtIconSize = "24px";
+export const utrechtIconInsetBlockStart = "0rem";
+export const utrechtLinkListMarginBlockEnd = "0rem"; // [code-only]
+export const utrechtLinkListMarginBlockStart = "0rem"; // [code-only]
+export const utrechtLinkListRowGap = "0.5rem";
+export const utrechtLinkListIconInsetBlockStart = "0.188rem";
+export const utrechtLinkListIconSize = "24px";
+export const utrechtLinkListLinkColumnGap = "0.5rem";
+export const utrechtLinkListLinkTextDecoration = "None";
+export const utrechtLinkListLinkFontWeight = "400";
+export const utrechtLinkColor = "#01689b";
+export const utrechtLinkTextDecorationColor = "inherit";
+export const utrechtLinkColumnGap = "0.25rem";
+export const utrechtLinkTextDecoration = "underline";
+export const utrechtLinkTextDecorationThickness = "0.0625em"; // [code-only]
+export const utrechtLinkTextUnderlineOffset = "0.125rem"; // [code-only]
+export const utrechtLinkIconSize = "24px";
+export const utrechtLinkActiveColor = "#1a4972"; // Originally rhc.color.hemelblauw.500 darkened (lch) with modify by 0.4
+export const utrechtLinkHoverColor = "#01496c"; // Originally rhc.color.foreground.link darkened (srgb) with modify by 0.3
+export const utrechtLinkHoverTextDecoration = "underline";
+export const utrechtLinkHoverTextDecorationThickness = "0.1875em"; // [code-only]
+export const utrechtLinkFocusBackgroundColor = "rgba(0, 0, 0, 0)";
+export const utrechtLinkFocusColor = "#01689b";
+export const utrechtLinkFocusVisibleTextDecoration = "None";
+export const utrechtLinkFocusVisibleTextDecorationThickness = "0.0625em"; // [code-only]
+export const utrechtLinkVisitedColor = "#01689b";
+export const utrechtNumberBadgeBackgroundColor = "#154273";
+export const utrechtNumberBadgeBorderColor = "rgba(0, 0, 0, 0)";
+export const utrechtNumberBadgeBorderRadius = "999px";
+export const utrechtNumberBadgeBorderWidth = "0px";
+export const utrechtNumberBadgeColor = "#ffffff";
+export const utrechtNumberBadgeFontFamily =
+  "'Fira Sans', Arial, Verdana, sans-serif";
+export const utrechtNumberBadgeFontSize = "1.25rem";
+export const utrechtNumberBadgeFontWeight = "700";
+export const utrechtNumberBadgeMinBlockSize = "24px";
+export const utrechtNumberBadgeMinInlineSize = "24px";
+export const utrechtNumberBadgePaddingBlock = "0.125rem";
+export const utrechtNumberBadgePaddingInline = "0.5rem";
+export const utrechtOrderedListFontSize = "1.25rem";
+export const utrechtOrderedListLineHeight = "150%";
+export const utrechtOrderedListMarginBlockEnd = "0.25rem"; // [code-only]
+export const utrechtOrderedListMarginBlockStart = "0.25rem"; // [code-only]
+export const utrechtOrderedListPaddingInlineStart = "2rem";
+export const utrechtOrderedListItemMarginBlockEnd = "0.25rem";
+export const utrechtOrderedListItemMarginBlockStart = "0.25rem";
+export const utrechtOrderedListItemPaddingInlineStart = "0.5rem";
+export const utrechtPreHeadingColor = "#0f172a";
+export const utrechtPreHeadingFontFamily =
+  "'Fira Sans', Arial, Verdana, sans-serif";
+export const utrechtPreHeadingFontWeight = "700";
+export const utrechtPreHeadingLineHeight = "125%";
+export const utrechtPreHeadingFontSize = "1.25rem";
+export const utrechtRadioButtonBackgroundColor = "#ffffff";
+export const utrechtRadioButtonBorderColor = "#154273";
+export const utrechtRadioButtonColor = "#154273";
+export const utrechtRadioButtonBorderWidth = "1px";
+export const utrechtRadioButtonSize = "24px";
+export const utrechtRadioButtonIconSize = "12px";
+export const utrechtRadioButtonInvalidBackgroundColor = "#f9dfdd";
+export const utrechtRadioButtonInvalidBorderColor = "#d52b1e";
+export const utrechtRadioButtonInvalidColor = "#d52b1e";
+export const utrechtRadioButtonInvalidBorderWidth = "1px";
+export const utrechtRadioButtonActiveBackgroundColor = "#ffffff";
+export const utrechtRadioButtonActiveBorderColor = "#4f7196";
+export const utrechtRadioButtonActiveColor = "#4f7196";
+export const utrechtRadioButtonActiveBorderWidth = "1px";
+export const utrechtRadioButtonDisabledBackgroundColor = "#cbd5e1";
+export const utrechtRadioButtonDisabledBorderColor = "#94a3b8";
+export const utrechtRadioButtonDisabledColor = "#94a3b8";
+export const utrechtRadioButtonHoverBackgroundColor = "#ffffff";
+export const utrechtRadioButtonHoverBorderColor = "#738eab";
+export const utrechtRadioButtonHoverColor = "#738eab";
+export const utrechtRadioButtonHoverBorderWidth = "1px";
+export const utrechtRadioButtonFocusBackgroundColor = "#ffffff";
+export const utrechtRadioButtonFocusBorderColor = "#154273";
+export const utrechtRadioButtonFocusColor = "#154273";
+export const utrechtRadioButtonFocusBorderWidth = "2px";
+export const utrechtRadioButtonCheckedBackgroundColor = "#154273";
+export const utrechtRadioButtonCheckedBorderColor = "rgba(0, 0, 0, 0)";
+export const utrechtRadioButtonCheckedBorderWidth = "1px";
+export const utrechtRadioButtonCheckedColor = "#ffffff";
+export const utrechtRadioButtonCheckedActiveBackgroundColor = "#4f7196";
+export const utrechtRadioButtonCheckedActiveBorderColor = "rgba(0, 0, 0, 0)";
+export const utrechtRadioButtonCheckedActiveBorderWidth = "1px";
+export const utrechtRadioButtonCheckedActiveColor = "#ffffff";
+export const utrechtRadioButtonCheckedHoverBackgroundColor = "#738eab";
+export const utrechtRadioButtonCheckedHoverBorderColor = "rgba(0, 0, 0, 0)";
+export const utrechtRadioButtonCheckedHoverBorderWidth = "1px";
+export const utrechtRadioButtonCheckedHoverColor = "#ffffff";
+export const utrechtRadioButtonCheckedFocusBackgroundColor = "#ffffff";
+export const utrechtRadioButtonCheckedFocusBorderColor = "#154273";
+export const utrechtRadioButtonCheckedFocusBorderWidth = "2px";
+export const utrechtRadioButtonCheckedFocusColor = "#154273";
+export const utrechtSelectBackgroundColor = "#ffffff";
+export const utrechtSelectBorderBlockEndWidth = "1px";
+export const utrechtSelectBorderColor = "#154273";
+export const utrechtSelectBorderRadius = "2.5px";
+export const utrechtSelectBorderWidth = "1px";
+export const utrechtSelectColor = "#0f172a";
+export const utrechtSelectFontFamily =
+  "'Fira Sans', Arial, Verdana, sans-serif";
+export const utrechtSelectFontSize = "1.25rem";
+export const utrechtSelectFontWeight = "400";
+export const utrechtSelectIconSize = "24px"; // [code-only]
+export const utrechtSelectImageBackgroundPosition = "right 0.5rem center"; // [code-only]
+export const utrechtSelectLineHeight = "150%";
+export const utrechtSelectMaxInlineSize = "400px";
+export const utrechtSelectMinBlockSize = "48px";
+export const utrechtSelectPaddingBlockEnd = "0.5rem";
+export const utrechtSelectPaddingBlockStart = "0.5rem";
+export const utrechtSelectPaddingInlineEnd = "0.75rem";
+export const utrechtSelectPaddingInlineStart = "0.75rem";
+export const utrechtSelectInvalidBackgroundColor = "#f9dfdd";
+export const utrechtSelectInvalidBorderBlockEndWidth = "1px";
+export const utrechtSelectInvalidBorderColor = "#d52b1e";
+export const utrechtSelectInvalidBorderWidth = "1px";
+export const utrechtSelectDisabledBackgroundColor = "#cbd5e1";
+export const utrechtSelectDisabledBorderColor = "#94a3b8";
+export const utrechtSelectDisabledColor = "#475569";
+export const utrechtSelectHoverBackgroundColor = "#ffffff";
+export const utrechtSelectHoverBorderColor = "#738eab";
+export const utrechtSelectHoverColor = "#0f172a";
+export const utrechtSelectFocusBackgroundColor = "#ffffff";
+export const utrechtSelectFocusBorderColor = "#154273";
+export const utrechtSelectFocusBorderWidth = "2px";
+export const utrechtSelectFocusColor = "#0f172a";
+export const utrechtSeparatorBlockSize = "2px";
+export const utrechtSeparatorColor = "#cbd5e1";
+export const utrechtSeparatorMarginBlockEnd = "0.75rem"; // [code-only]
+export const utrechtSeparatorMarginBlockStart = "0.75rem"; // [code-only]
+export const utrechtStatusBadgeFontSize = "1.25rem";
+export const utrechtStatusBadgeLineHeight = "150%";
+export const utrechtStatusBadgeFontWeight = "700";
+export const utrechtStatusBadgeBorderWidth = "0px";
+export const utrechtStatusBadgeFontFamily =
+  "'Fira Sans', Arial, Verdana, sans-serif";
+export const utrechtStatusBadgeBorderRadius = "5px";
+export const utrechtStatusBadgePaddingInline = "0.25rem";
+export const utrechtStatusBadgePaddingBlock = "0.125rem";
+export const utrechtStatusBadgeInformativeBackgroundColor = "#d9ebf7";
+export const utrechtStatusBadgeInformativeBorderColor = "rgba(0, 0, 0, 0)";
+export const utrechtStatusBadgeInformativeColor = "#0f172a";
+export const utrechtStatusBadgePositiveBackgroundColor = "#e1eddb";
+export const utrechtStatusBadgePositiveBorderColor = "rgba(0, 0, 0, 0)";
+export const utrechtStatusBadgePositiveColor = "#0f172a";
+export const utrechtStatusBadgeNegativeBackgroundColor = "#f9dfdd";
+export const utrechtStatusBadgeNegativeBorderColor = "rgba(0, 0, 0, 0)";
+export const utrechtStatusBadgeNegativeColor = "#0f172a";
+export const utrechtStatusBadgeWarningBackgroundColor = "#fff4db";
+export const utrechtStatusBadgeWarningBorderColor = "rgba(0, 0, 0, 0)";
+export const utrechtStatusBadgeWarningColor = "#0f172a";
+export const utrechtStatusBadgeBackgroundColor = "#e2e8f0";
+export const utrechtStatusBadgeBorderColor = "rgba(0, 0, 0, 0)";
+export const utrechtStatusBadgeColor = "#0f172a";
+export const utrechtTableHeaderCellLineHeight = "150%";
+export const utrechtTableHeaderCellColor = "#0f172a";
+export const utrechtTableHeaderCellFontFamily =
+  "'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 utrechtTableCaptionFontWeight = "700";
+export const utrechtTableCaptionFontSize = "1.875rem";
+export const utrechtTableCellPaddingBlockEnd = "0.75rem";
+export const utrechtTableCellPaddingBlockStart = "0.75rem";
+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 utrechtTableDataCellFontWeight = "400";
+export const utrechtTableDataCellLineHeight = "150%";
+export const utrechtTableDataCellFontSize = "1.25rem";
+export const utrechtTableHeaderBorderBlockEndWidth = "2px";
+export const utrechtTableHeaderBorderBlockEndColor = "#cbd5e1";
+export const utrechtTableHeaderBackgroundColor = "rgba(0, 0, 0, 0)";
+export const utrechtTableFooterBorderBlockEndWidth = "1px";
+export const utrechtTableFooterBorderBlockEndColor = "#cbd5e1";
+export const utrechtTableFooterBackgroundColor = "rgba(0, 0, 0, 0)";
+export const utrechtTableRowBorderBlockEndWidth = "1px";
+export const utrechtTableRowBorderBlockEndColor = "#cbd5e1";
+export const utrechtTableRowBackgroundColor = "rgba(0, 0, 0, 0)";
+export const utrechtTableFooterCellFontWeight = "700";
+export const utrechtTableFooterCellFontSize = "1.25rem";
+export const utrechtTableFooterCellColor = "#0f172a";
+export const utrechtTableFooterCellFontFamily =
+  "'Fira Sans', Arial, Verdana, sans-serif";
+export const utrechtTableFooterCellLineHeight = "150%";
+export const utrechtTableContainerBoxInlineEndShadowX = "0";
+export const utrechtTableContainerBoxInlineEndShadowY = "16px";
+export const utrechtTableContainerBoxInlineEndShadowBlur = "48px";
+export const utrechtTableContainerBoxInlineEndShadowSpread = "0";
+export const utrechtTableContainerBoxInlineEndShadowColor =
+  "rgba(0, 0, 0, 0.1)";
+export const utrechtTableContainerBoxInlineStartShadowX = "0";
+export const utrechtTableContainerBoxInlineStartShadowY = "16px";
+export const utrechtTableContainerBoxInlineStartShadowBlur = "48px";
+export const utrechtTableContainerBoxInlineStartShadowSpread = "0";
+export const utrechtTableContainerBoxInlineStartShadowColor =
+  "rgba(0, 0, 0, 0.1)";
+export const utrechtTableFontSize = "1.25rem";
+export const utrechtTextboxBackgroundColor = "#ffffff";
+export const utrechtTextboxBorderBlockEndWidth = "auto";
+export const utrechtTextboxBorderColor = "#154273";
+export const utrechtTextboxBorderRadius = "2.5px";
+export const utrechtTextboxBorderWidth = "1px";
+export const utrechtTextboxColor = "#0f172a";
+export const utrechtTextboxFontFamily =
+  "'Fira Sans', Arial, Verdana, sans-serif";
+export const utrechtTextboxFontSize = "1.25rem";
+export const utrechtTextboxFontWeight = "400";
+export const utrechtTextboxLineHeight = "150%";
+export const utrechtTextboxMaxInlineSize = "400px";
+export const utrechtTextboxMinBlockSize = "48px";
+export const utrechtTextboxPaddingBlockEnd = "0.5rem";
+export const utrechtTextboxPaddingBlockStart = "0.5rem";
+export const utrechtTextboxPaddingInlineEnd = "0.75rem";
+export const utrechtTextboxPaddingInlineStart = "0.75rem";
+export const utrechtTextboxInvalidBackgroundColor = "#f9dfdd";
+export const utrechtTextboxInvalidBorderBlockEndWidth = "1px";
+export const utrechtTextboxInvalidBorderColor = "#d52b1e";
+export const utrechtTextboxInvalidBorderWidth = "1px";
+export const utrechtTextboxInvalidColor = "#0f172a";
+export const utrechtTextboxPlaceholderColor = "#64748b";
+export const utrechtTextboxReadOnlyBackgroundColor = "#f1f5f9";
+export const utrechtTextboxReadOnlyBorderColor = "rgba(0, 0, 0, 0)";
+export const utrechtTextboxReadOnlyColor = "#0f172a";
+export const utrechtTextboxDisabledBackgroundColor = "#cbd5e1";
+export const utrechtTextboxDisabledBorderColor = "#94a3b8";
+export const utrechtTextboxDisabledColor = "#475569";
+export const utrechtTextboxFocusBackgroundColor = "#ffffff";
+export const utrechtTextboxFocusBorderColor = "#154273";
+export const utrechtTextboxFocusColor = "#0f172a";
+export const utrechtTextboxFocusBorderWidth = "2px";
+export const utrechtTextboxHoverBackgroundColor = "#ffffff";
+export const utrechtTextboxHoverBorderColor = "#738eab";
+export const utrechtTextboxHoverBorderWidth = "1px";
+export const utrechtTextboxHoverColor = "#0f172a";
+export const utrechtTextareaBackgroundColor = "#ffffff";
+export const utrechtTextareaBorderBlockEndWidth = "1px";
+export const utrechtTextareaBorderColor = "#154273";
+export const utrechtTextareaBorderRadius = "2.5px";
+export const utrechtTextareaBorderWidth = "1px";
+export const utrechtTextareaColor = "#0f172a";
+export const utrechtTextareaFontFamily =
+  "'Fira Sans', Arial, Verdana, sans-serif";
+export const utrechtTextareaFontSize = "1.25rem";
+export const utrechtTextareaFontWeight = "400";
+export const utrechtTextareaLineHeight = "150%";
+export const utrechtTextareaMaxInlineSize = "400px";
+export const utrechtTextareaMinBlockSize = "48px";
+export const utrechtTextareaPaddingBlockEnd = "0.5rem";
+export const utrechtTextareaPaddingBlockStart = "0.5rem";
+export const utrechtTextareaPaddingInlineEnd = "0.75rem";
+export const utrechtTextareaPaddingInlineStart = "0.75rem";
+export const utrechtTextareaInvalidBackgroundColor = "#f9dfdd";
+export const utrechtTextareaInvalidBorderBlockEndWidth = "1px";
+export const utrechtTextareaInvalidBorderColor = "#d52b1e";
+export const utrechtTextareaInvalidBorderWidth = "1px";
+export const utrechtTextareaInvalidColor = "#0f172a";
+export const utrechtTextareaPlaceholderColor = "#64748b";
+export const utrechtTextareaReadOnlyBackgroundColor = "#f1f5f9";
+export const utrechtTextareaReadOnlyBorderColor = "rgba(0, 0, 0, 0)";
+export const utrechtTextareaReadOnlyColor = "#0f172a";
+export const utrechtTextareaDisabledBackgroundColor = "#cbd5e1";
+export const utrechtTextareaDisabledBorderColor = "#94a3b8";
+export const utrechtTextareaDisabledColor = "#475569";
+export const utrechtTextareaFocusBackgroundColor = "#ffffff";
+export const utrechtTextareaFocusBorderColor = "#154273";
+export const utrechtTextareaFocusColor = "#0f172a";
+export const utrechtUnorderedListFontSize = "1.25rem";
+export const utrechtUnorderedListLineHeight = "150%";
+export const utrechtUnorderedListMarginBlockEnd = "0.25rem"; // [code-only]
+export const utrechtUnorderedListMarginBlockStart = "0.25rem"; // [code-only]
+export const utrechtUnorderedListPaddingInlineStart = "1.5rem";
+export const utrechtUnorderedListItemMarginBlockEnd = "0.25rem";
+export const utrechtUnorderedListItemMarginBlockStart = "0.25rem";
+export const utrechtUnorderedListItemPaddingInlineStart = "0.5rem";
+export const utrechtUnorderedListMarkerColor = "#0f172a";
+export const utrechtDocumentBackgroundColor = "#ffffff";
+export const utrechtDocumentColor = "#0f172a";
+export const utrechtDocumentFontFamily =
+  "'Fira Sans', Arial, Verdana, sans-serif";
+export const utrechtDocumentFontSize = "1.25rem";
+export const utrechtDocumentLineHeight = "150%";
+export const utrechtDocumentFontWeight = "400";
 export const utrechtRichTextStrangerMarginBlockEnd = "2rem";
 export const utrechtRichTextAcquaintanceMarginBlockEnd = "1rem";
 export const utrechtRichTextFriendMarginBlockEnd = "0.5rem";
 export const utrechtRichTextBestFriendMarginBlockEnd = "0.25rem";
 export const utrechtRichTextConfidantMarginBlockEnd = "0rem";
-export const utrechtPointerTargetMinSize = "48px";
-export const utrechtFocusOutlineColor = "#000";
+export const utrechtFormLabelColor = "#0f172a";
+export const utrechtFormLabelFontSize = "1.25rem";
+export const utrechtFormLabelFontWeight = "700";
+export const utrechtFormLabelCheckboxColor = "#0f172a";
+export const utrechtFormLabelCheckboxFontWeight = "400";
+export const utrechtFormLabelRadioColor = "#0f172a";
+export const utrechtFormLabelRadioFontWeight = "400";
+export const utrechtFormLabelCheckedFontWeight = "400";
+export const utrechtFormLabelDisabledColor = "#94a3b8";
+export const utrechtPageFooterBackgroundColor = "#154273";
+export const utrechtPageFooterColor = "#ffffff";
+export const utrechtPageFooterPaddingBlockStart = "3rem";
+export const utrechtPageFooterPaddingBlockEnd = "3rem";
+export const utrechtPageFooterPaddingInlineStart = "80px";
+export const utrechtPageFooterPaddingInlineEnd = "80px";
+export const utrechtFocusOutlineColor = "#000000";
+export const utrechtFocusInverseOutlineColor = "#ffffff";
 export const utrechtFocusOutlineOffset = "0.125rem";
-export const utrechtFocusOutlineStyle = "solid";
 export const utrechtFocusOutlineWidth = "2px";
-export const utrechtFocusInverseOutlineColor = "#fff";
-export const utrechtDocumentBackgroundColor = "#fff";
-export const utrechtDocumentColor = "#0F172A";
-export const utrechtDocumentFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
-export const utrechtDocumentFontSize = "1.25rem";
-export const utrechtDocumentLineHeight = "150%";
-export const utrechtDocumentFontWeight = 400;
+export const utrechtFocusOutlineStyle = "solid";
+export const utrechtPointerTargetMinSize = "48px";
 export const utrechtActionActivateCursor = "pointer";
 export const utrechtActionBusyCursor = "wait";
 export const utrechtActionDisabledCursor = "not-allowed";
 export const utrechtActionInertCursor = "default";
 export const utrechtActionNavigateCursor = "pointer";
 export const utrechtActionSubmitCursor = "pointer";
-export const todoTextboxHoverBackgroundColor = "#fff";
-export const todoTextboxHoverBorderColor = "#738eab";
-export const todoTextboxHoverColor = "#0F172A";
-export const todoTextareaHoverBackgroundColor = "#fff";
-export const todoTextareaHoverBorderColor = "#738eab";
-export const todoTextareaHoverColor = "#0F172A";
-export const todoRadioButtonCheckedDisabledBackgroundColor = "#CBD5E1";
-export const todoRadioButtonCheckedDisabledBorderColor = "#94A3B8";
-export const todoRadioButtonCheckedDisabledColor = "#475569";
-export const todoLinkListLinkHoverTextDecoration = "underline";
-export const todoFormFieldLabelColor = "#0F172A";
-export const todoFormFieldLabelColumnGap = "0.5rem";
-export const todoFormFieldLabelFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
-export const todoFormFieldLabelFontSize = "1.25rem";
-export const todoFormFieldLabelFontWeight = 700;
-export const todoFormFieldLabelLineHeight = "150%";
-export const todoFormFieldErrorMessageColumnGap = "0.5rem";
-export const todoFormFieldErrorMessageIconSize = "24px";
-export const todoFigureRowGap = "0.5rem";
-export const todoCheckboxIndeterminateActiveBackgroundColor = "#4f7196";
-export const todoCheckboxIndeterminateActiveBorderColor = "transparent";
-export const todoCheckboxIndeterminateActiveBorderWidth = "1px";
-export const todoCheckboxIndeterminateActiveColor = "#fff";
-export const todoCheckboxIndeterminateDisabledBackgroundColor = "#CBD5E1";
-export const todoCheckboxIndeterminateDisabledBorderColor = "#94A3B8";
-export const todoCheckboxIndeterminateDisabledColor = "#475569";
-export const todoCheckboxIndeterminateHoverBackgroundColor = "#738eab";
-export const todoCheckboxIndeterminateHoverBorderColor = "transparent";
-export const todoCheckboxIndeterminateHoverBorderWidth = "1px";
-export const todoCheckboxIndeterminateHoverColor = "#fff";
-export const todoCheckboxIndeterminateFocusVisibleBackgroundColor = "#fff";
-export const todoCheckboxIndeterminateFocusVisibleBorderColor = "#154273";
-export const todoCheckboxIndeterminateFocusVisibleBorderWidth = "2px";
-export const todoCheckboxIndeterminateFocusVisibleColor = "#154273";
-export const todoCheckboxCheckedActiveBackgroundColor = "#4f7196";
-export const todoCheckboxCheckedActiveBorderColor = "transparent";
-export const todoCheckboxCheckedActiveBorderWidth = "1px";
-export const todoCheckboxCheckedActiveColor = "#fff";
-export const todoCheckboxCheckedDisabledBackgroundColor = "#CBD5E1";
-export const todoCheckboxCheckedDisabledBorderColor = "#94A3B8";
-export const todoCheckboxCheckedDisabledColor = "#475569";
-export const todoCheckboxCheckedHoverBackgroundColor = "#738eab";
-export const todoCheckboxCheckedHoverBorderColor = "transparent";
-export const todoCheckboxCheckedHoverBorderWidth = "1px";
-export const todoCheckboxCheckedHoverColor = "#fff";
-export const todoCheckboxCheckedFocusVisibleBackgroundColor = "#fff";
-export const todoCheckboxCheckedFocusVisibleBorderColor = "#154273";
-export const todoCheckboxCheckedFocusVisibleBorderWidth = "2px";
-export const todoCheckboxCheckedFocusVisibleColor = "#154273";
-export const todoAccordionButtonFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
-export const todoAccordionButtonFontSize = "1.25rem";
-export const todoAccordionButtonFontWeight = 700;
-export const todoAccordionButtonLineHeight = "1.875rem";
-export const nlSkipLinkBackgroundColor = "#fff";
-export const nlSkipLinkColor = "#01689b";
-export const nlSkipLinkPaddingBlock = "0.75rem";
-export const nlSkipLinkPaddingInline = "1rem";
-export const nlSkipLinkMinBlockSize = "48px";
-export const nlSkipLinkMinInlineSize = "48px";
-export const nlSkipLinkTextDecorationThickness = "0.0625em";
-export const nlSkipLinkTextUnderlineOffset = "0.125rem";
-export const nlSkipLinkLineHeight = "150%";
-export const nlSkipLinkFontSize = "1.25rem";
-export const nlParagraphColor = "#0F172A";
-export const nlParagraphFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
-export const nlParagraphFontSize = "1.25rem";
-export const nlParagraphFontWeight = 400;
-export const nlParagraphLineHeight = "150%";
-export const nlParagraphMarginBlockEnd = "0rem";
-export const nlParagraphMarginBlockStart = "0rem";
-export const nlParagraphLeadFontSize = "1.5rem";
-export const nlParagraphLeadFontWeight = 400;
-export const nlParagraphLeadLineHeight = "150%";
-export const nlParagraphLeadMarginBlockEnd = "0rem";
-export const nlParagraphLeadMarginBlockStart = "0rem";
+export const nlLinkColor = "#01689b";
+export const nlLinkTextDecorationColor = "inherit"; // [code-only]
+export const nlLinkTextDecorationLine = "underline";
+export const nlLinkTextDecorationThickness = "0.0625em"; // [code-only]
+export const nlLinkTextUnderlineOffset = "0.125rem"; // [code-only]
+export const nlLinkCurrentCursor = "default"; // [code-only]
+export const nlLinkActiveColor = "#1a4972"; // Originally rhc.color.hemelblauw.500 darkened (lch) with modify by 0.4
+export const nlLinkDisabledColor = "#334155";
+export const nlLinkDisabledCursor = "disabled"; // [code-only]
+export const nlLinkHoverTextDecorationLine = "underline";
+export const nlLinkHoverTextDecorationThickness = "auto"; // [code-only]
+export const nlLinkHoverColor = "#01496c"; // Originally rhc.color.foreground.link darkened (srgb) with modify by 0.3
 export const nlNumberBadgeBackgroundColor = "#154273";
-export const nlNumberBadgeBorderColor = "transparent";
+export const nlNumberBadgeBorderColor = "rgba(0, 0, 0, 0)";
 export const nlNumberBadgeBorderRadius = "999px";
 export const nlNumberBadgeBorderWidth = "0px";
-export const nlNumberBadgeColor = "#fff";
-export const nlNumberBadgeFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
+export const nlNumberBadgeColor = "#ffffff";
+export const nlNumberBadgeFontFamily =
+  "'Fira Sans', Arial, Verdana, sans-serif";
 export const nlNumberBadgeFontSize = "1.25rem";
-export const nlNumberBadgeFontWeight = 700;
+export const nlNumberBadgeFontWeight = "700";
 export const nlNumberBadgeMinBlockSize = "24px";
 export const nlNumberBadgeMinInlineSize = "24px";
 export const nlNumberBadgePaddingBlock = "0.125rem";
 export const nlNumberBadgePaddingInline = "0.5rem";
-export const nlLinkColor = "#01689b";
-export const nlLinkTextDecorationColor = "inherit";
-export const nlLinkTextDecorationLine = "underline";
-export const nlLinkTextDecorationThickness = "0.0625em";
-export const nlLinkTextUnderlineOffset = "0.125rem";
-export const nlLinkCurrentCursor = "default";
-export const nlLinkActiveColor = "#1a4972";
-export const nlLinkDisabledColor = "#334155";
-export const nlLinkDisabledCursor = "disabled";
-export const nlLinkHoverTextDecorationLine = "underline";
-export const nlLinkHoverTextDecorationThickness = "auto";
-export const nlLinkHoverColor = "#01496c";
+export const nlParagraphColor = "#0f172a";
+export const nlParagraphFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
+export const nlParagraphFontSize = "1.25rem";
+export const nlParagraphFontWeight = "400";
+export const nlParagraphLineHeight = "150%";
+export const nlParagraphMarginBlockEnd = "0rem"; // [code only]
+export const nlParagraphMarginBlockStart = "0rem"; // [code only]
+export const nlParagraphLeadFontSize = "1.5rem";
+export const nlParagraphLeadFontWeight = "400";
+export const nlParagraphLeadLineHeight = "150%";
+export const nlParagraphLeadMarginBlockEnd = "0rem"; // [code only]
+export const nlParagraphLeadMarginBlockStart = "0rem"; // [code only]
+export const nlSkipLinkBackgroundColor = "#ffffff";
+export const nlSkipLinkColor = "#01689b";
+export const nlSkipLinkPaddingBlock = "0.75rem";
+export const nlSkipLinkPaddingInline = "1rem";
+export const nlSkipLinkMinBlockSize = "48px";
+export const nlSkipLinkMinInlineSize = "48px";
+export const nlSkipLinkTextDecorationThickness = "0.0625em"; // [code-only]
+export const nlSkipLinkTextUnderlineOffset = "0.125rem"; // [code-only]
+export const nlSkipLinkLineHeight = "150%";
+export const nlSkipLinkFontSize = "1.25rem";
 export const nlHeadingLevel1Color = "#154273";
-export const nlHeadingLevel1FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
+export const nlHeadingLevel1FontFamily =
+  "'Fira Sans', Arial, Verdana, sans-serif";
 export const nlHeadingLevel1FontSize = "3.125rem";
-export const nlHeadingLevel1FontWeight = 700;
+export const nlHeadingLevel1FontWeight = "700";
 export const nlHeadingLevel1LineHeight = "125%";
-export const nlHeadingLevel1MarginBlockEnd = "0rem";
-export const nlHeadingLevel1MarginBlockStart = "0rem";
+export const nlHeadingLevel1MarginBlockEnd = "0rem"; // [code only]
+export const nlHeadingLevel1MarginBlockStart = "0rem"; // [code only]
 export const nlHeadingLevel2Color = "#154273";
-export const nlHeadingLevel2FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
+export const nlHeadingLevel2FontFamily =
+  "'Fira Sans', Arial, Verdana, sans-serif";
 export const nlHeadingLevel2FontSize = "2.5rem";
-export const nlHeadingLevel2FontWeight = 700;
+export const nlHeadingLevel2FontWeight = "700";
 export const nlHeadingLevel2LineHeight = "125%";
-export const nlHeadingLevel2MarginBlockEnd = "0rem";
-export const nlHeadingLevel2MarginBlockStart = "0rem";
+export const nlHeadingLevel2MarginBlockEnd = "0rem"; // [code only]
+export const nlHeadingLevel2MarginBlockStart = "0rem"; // [code only]
 export const nlHeadingLevel3Color = "#154273";
-export const nlHeadingLevel3FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
+export const nlHeadingLevel3FontFamily =
+  "'Fira Sans', Arial, Verdana, sans-serif";
 export const nlHeadingLevel3FontSize = "1.875rem";
-export const nlHeadingLevel3FontWeight = 700;
+export const nlHeadingLevel3FontWeight = "700";
 export const nlHeadingLevel3LineHeight = "125%";
-export const nlHeadingLevel3MarginBlockEnd = "0rem";
-export const nlHeadingLevel3MarginBlockStart = "0rem";
+export const nlHeadingLevel3MarginBlockEnd = "0rem"; // [code-only]
+export const nlHeadingLevel3MarginBlockStart = "0rem"; // [code-only]
 export const nlHeadingLevel4Color = "#154273";
-export const nlHeadingLevel4FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
+export const nlHeadingLevel4FontFamily =
+  "'Fira Sans', Arial, Verdana, sans-serif";
 export const nlHeadingLevel4FontSize = "1.5rem";
-export const nlHeadingLevel4FontWeight = 700;
+export const nlHeadingLevel4FontWeight = "700";
 export const nlHeadingLevel4LineHeight = "150%";
-export const nlHeadingLevel4MarginBlockEnd = "0rem";
-export const nlHeadingLevel4MarginBlockStart = "0rem";
+export const nlHeadingLevel4MarginBlockEnd = "0rem"; // [code only]
+export const nlHeadingLevel4MarginBlockStart = "0rem"; // [code only]
 export const nlHeadingLevel5Color = "#154273";
-export const nlHeadingLevel5FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
+export const nlHeadingLevel5FontFamily =
+  "'Fira Sans', Arial, Verdana, sans-serif";
 export const nlHeadingLevel5FontSize = "1.25rem";
-export const nlHeadingLevel5FontWeight = 700;
+export const nlHeadingLevel5FontWeight = "700";
 export const nlHeadingLevel5LineHeight = "150%";
-export const nlHeadingLevel5MarginBlockEnd = "0rem";
-export const nlHeadingLevel5MarginBlockStart = "0rem";
+export const nlHeadingLevel5MarginBlockEnd = "0rem"; // [code only]
+export const nlHeadingLevel5MarginBlockStart = "0rem"; // [code only]
 export const nlHeadingLevel6Color = "#154273";
-export const nlHeadingLevel6FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
+export const nlHeadingLevel6FontFamily =
+  "'Fira Sans', Arial, Verdana, sans-serif";
 export const nlHeadingLevel6FontSize = "1.25rem";
-export const nlHeadingLevel6FontWeight = 700;
+export const nlHeadingLevel6FontWeight = "700";
 export const nlHeadingLevel6LineHeight = "150%";
-export const nlHeadingLevel6MarginBlockEnd = "0rem";
-export const nlHeadingLevel6MarginBlockStart = "0rem";
+export const nlHeadingLevel6MarginBlockEnd = "0rem"; // [code only]
+export const nlHeadingLevel6MarginBlockStart = "0rem"; // [code only]
 export const figmaLinkIconSize = "1.25rem";
-export const basisColorDefaultBgDocument = "#fff";
-export const basisColorDefaultColorDocument = "#0F172A";
+export const amsPaginationFontFamily =
+  "'Fira Sans', Arial, Verdana, sans-serif";
+export const amsPaginationFontSize = "1.25rem";
+export const amsPaginationFontWeight = "400";
+export const amsPaginationLineHeight = "150%";
+export const amsPaginationLinkColor = "#01689b";
+export const amsPaginationLinkGap = "0.25rem";
+export const amsPaginationLinkOutlineOffset = "0.125rem";
+export const amsPaginationLinkPaddingInline = "0.25rem";
+export const amsPaginationLinkCurrentFontWeight = "700";
+export const amsPaginationLinkHoverColor = "#01496c";
+export const amsPaginationLinkHoverTextDecorationLine = "underline";
+export const basisColorDefaultBgDocument = "#ffffff";
+export const basisColorDefaultColorDocument = "#0f172a";
 export const basisColorDefaultColorSubtle = "#334155";
-export const basisColorDefaultBorderSubtle = "#94A3B8";
-export const basisColorDefaultBorderDefault = "#64748B";
-export const basisColorDefaultBgSubtle = "#F1F5F9";
+export const basisColorDefaultBorderSubtle = "#94a3b8";
+export const basisColorDefaultBorderDefault = "#64748b";
+export const basisColorDefaultBgSubtle = "#f1f5f9";
 export const basisColorHighlightBgDefault = "#fff4db";
-export const basisTextFontFamilyDefault = "'Fira Sans', Arial, Verdana, sans-serif";
-export const basisTextFontWeightDefault = 400;
-export const basisTextFontWeightBold = 700;
+export const basisTextFontFamilyDefault =
+  "'Fira Sans', Arial, Verdana, sans-serif";
+export const basisTextFontWeightDefault = "400";
+export const basisTextFontWeightBold = "700";
 export const basisTextFontSizeMd = "1.25rem";
 export const basisTextLineHeightMd = "150%";
 export const basisHeadingColor = "#154273";
 export const basisHeadingFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
-export const basisHeadingFontWeight = 700;
+export const basisHeadingFontWeight = "700";
 export const basisBorderWidthSm = "1px";
-export const basisBoxShadowMd = {"x":0,"y":8,"blur":16,"spread":0,"color":"#64748B","type":"dropShadow"};
-export const basisFocusOutlineColor = "#000";
-export const basisFocusInverseOutlineColor = "#fff";
+export const basisBoxShadowMd = "0 8px 16px 0 #64748b";
+export const basisFocusOutlineColor = "#000000";
+export const basisFocusInverseOutlineColor = "#ffffff";
 export const basisFocusOutlineWidth = "2px";