@rijkshuisstijl-community/design-tokens 2.0.0 → 4.0.0

package/dist/uitvoerend-mintgroen/index.js

@@ -1,8 +1,389 @@
 /**
  * Do not edit directly
- * Generated on Tue, 27 May 2025 13:07:14 GMT
+ * Generated on Thu, 17 Jul 2025 11:54:47 GMT
  */
 
+export const nlSkipLinkBorderColor = "transparent";
+export const nlSkipLinkBorderWidth = "2px";
+export const nlSkipLinkFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
+export const nlSkipLinkFontWeight = 700;
+export const nlSkipLinkPaddingBlockEnd = "0.75rem";
+export const nlSkipLinkPaddingBlockStart = "0.75rem";
+export const nlSkipLinkPaddingInlineEnd = "1rem";
+export const nlSkipLinkPaddingInlineStart = "1rem";
+export const nlSkipLinkBoxBlockEndShadowBlurRadius = "48px";
+export const nlSkipLinkBoxBlockEndShadowColor = "#0000001a";
+export const nlSkipLinkBoxBlockEndShadowOffsetX = 0;
+export const nlSkipLinkBoxBlockEndShadowOffsetY = "16px";
+export const nlSkipLinkBoxBlockEndShadowSpreadRadius = 0;
+export const nlSkipLinkFocusBackgroundColor = "#fff";
+export const nlSkipLinkFocusBorderColor = "#76d2b6";
+export const nlSkipLinkFocusBorderStyle = "solid";
+export const nlSkipLinkFocusBorderWidth = "2px";
+export const nlSkipLinkFocusColor = "#0F172A";
+export const nlSkipLinkFocusTextDecoration = "None";
+export const nlSkipLinkFocusVisibleOutlineColor = "#000";
+export const nlSkipLinkTextDecoration = "underline";
+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 nlLinkColumnGap = "0.25rem";
+export const nlLinkFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
+export const nlLinkFontSize = "1.25rem";
+export const nlLinkFontWeight = 400;
+export const nlLinkLineHeight = "150%";
+export const nlLinkIconInsetBlockStart = "0.25rem";
+export const nlLinkIconSize = "24px";
+export const nlLinkActiveTextDecoration = "None";
+export const nlLinkActiveColor = "#1a4972";
+export const nlLinkFocusBackgroundColor = "transparent";
+export const nlLinkFocusColor = "#01689b";
+export const nlLinkFocusTextDecoration = "None";
+export const nlLinkFocusTextDecorationThickness = "auto";
+export const nlLinkVisitedColor = "#01689b";
+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 nlLinkDisabledColor = "#334155";
+export const nlLinkDisabledCursor = "disabled";
+export const nlLinkHoverTextDecorationLine = "underline";
+export const nlLinkHoverTextDecorationThickness = "auto";
+export const nlLinkHoverColor = "#01496c";
+export const nlParagraphLeadColor = "#0F172A";
+export const nlParagraphLeadFontSize = "1.5rem";
+export const nlParagraphLeadFontWeight = 400;
+export const nlParagraphLeadLineHeight = "150%";
+export const nlParagraphLeadMarginBlockEnd = "0rem";
+export const nlParagraphLeadMarginBlockStart = "0rem";
+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 nlHeadingLevel1Color = "#154273";
+export const nlHeadingLevel1FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
+export const nlHeadingLevel1FontSize = "3.125rem";
+export const nlHeadingLevel1FontWeight = 700;
+export const nlHeadingLevel1LineHeight = "125%";
+export const nlHeadingLevel1MarginBlockEnd = "0rem";
+export const nlHeadingLevel1MarginBlockStart = "0rem";
+export const nlHeadingLevel2Color = "#154273";
+export const nlHeadingLevel2FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
+export const nlHeadingLevel2FontSize = "2.5rem";
+export const nlHeadingLevel2FontWeight = 700;
+export const nlHeadingLevel2LineHeight = "125%";
+export const nlHeadingLevel2MarginBlockEnd = "0rem";
+export const nlHeadingLevel2MarginBlockStart = "0rem";
+export const nlHeadingLevel3Color = "#154273";
+export const nlHeadingLevel3FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
+export const nlHeadingLevel3FontSize = "1.875rem";
+export const nlHeadingLevel3FontWeight = 700;
+export const nlHeadingLevel3LineHeight = "125%";
+export const nlHeadingLevel3MarginBlockEnd = "0rem";
+export const nlHeadingLevel3MarginBlockStart = "0rem";
+export const nlHeadingLevel4Color = "#154273";
+export const nlHeadingLevel4FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
+export const nlHeadingLevel4FontSize = "1.5rem";
+export const nlHeadingLevel4FontWeight = 700;
+export const nlHeadingLevel4LineHeight = "150%";
+export const nlHeadingLevel4MarginBlockEnd = "0rem";
+export const nlHeadingLevel4MarginBlockStart = "0rem";
+export const nlHeadingLevel5Color = "#154273";
+export const nlHeadingLevel5FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
+export const nlHeadingLevel5FontSize = "1.25rem";
+export const nlHeadingLevel5FontWeight = 700;
+export const nlHeadingLevel5LineHeight = "150%";
+export const nlHeadingLevel5MarginBlockEnd = "0rem";
+export const nlHeadingLevel5MarginBlockStart = "0rem";
+export const nlHeadingLevel6Color = "#154273";
+export const nlHeadingLevel6FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
+export const nlHeadingLevel6FontSize = "1.25rem";
+export const nlHeadingLevel6FontWeight = 700;
+export const nlHeadingLevel6LineHeight = "150%";
+export const nlHeadingLevel6MarginBlockEnd = "0rem";
+export const nlHeadingLevel6MarginBlockStart = "0rem";
+export const nlNumberBadgeFontSize = "1.25rem";
+export const nlNumberBadgeLineHeight = "125%";
+export const nlNumberBadgeMinBlockSize = "24px";
+export const nlNumberBadgeMinInlineSize = "24px";
+export const nlNumberBadgeFontWeight = 700;
+export const nlNumberBadgeBorderWidth = "0px";
+export const nlNumberBadgeBorderRadius = "999px";
+export const nlNumberBadgeFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
+export const nlNumberBadgeBackgroundColor = "#76d2b6";
+export const nlNumberBadgeBorderColor = "transparent";
+export const nlNumberBadgeColor = "#fff";
+export const nlNumberBadgePaddingInline = "0.5rem";
+export const nlNumberBadgePaddingBlock = "0.125rem";
+export const utrechtSkipLinkFocusTextDecoration = "None";
+export const utrechtSkipLinkFocusBorderColor = "#76d2b6";
+export const utrechtSkipLinkFocusBorderWidth = "2px";
+export const utrechtSkipLinkFocusBorderStyle = "solid";
+export const utrechtSkipLinkFocusBackgroundColor = "#fff";
+export const utrechtSkipLinkFocusColor = "#01689b";
+export const utrechtSkipLinkBorderColor = "transparent";
+export const utrechtSkipLinkBoxBlockEndShadowColor = "#0000001a";
+export const utrechtSkipLinkBoxBlockEndShadowBlurRadius = "48px";
+export const utrechtSkipLinkBoxBlockEndShadowOffsetX = 0;
+export const utrechtSkipLinkBoxBlockEndShadowOffsetY = "16px";
+export const utrechtSkipLinkBoxBlockEndShadowSpreadRadius = 0;
+export const utrechtSkipLinkFocusVisibleOutlineColor = "#000";
+export const utrechtSkipLinkFocusVisibleTextDecoration = "underline";
+export const utrechtSkipLinkFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
+export const utrechtSkipLinkFontWeight = 700;
+export const utrechtSkipLinkLineHeight = "150%";
+export const utrechtSkipLinkBorderWidth = "2px";
+export const utrechtSkipLinkTextUnderlineOffset = "0.125rem";
+export const utrechtSkipLinkFontSize = "1.25rem";
+export const utrechtSkipLinkBackgroundColor = "#fff";
+export const utrechtSkipLinkColor = "#01689b";
+export const utrechtSkipLinkMinBlockSize = "48px";
+export const utrechtSkipLinkMinInlineSize = "48px";
+export const utrechtSkipLinkPaddingBlockEnd = "0.75rem";
+export const utrechtSkipLinkPaddingBlockStart = "0.75rem";
+export const utrechtSkipLinkPaddingInlineEnd = "1rem";
+export const utrechtSkipLinkPaddingInlineStart = "1rem";
+export const utrechtSkipLinkTextDecoration = "underline";
+export const utrechtLinkListItemTextDecoration = "None";
+export const utrechtLinkListItemColumnGap = "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 utrechtLinkFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
+export const utrechtLinkFontWeight = 400;
+export const utrechtLinkLineHeight = "150%";
+export const utrechtLinkFontSize = "1.25rem";
+export const utrechtLinkActiveTextDecoration = "None";
+export const utrechtLinkActiveColor = "#163f5b";
+export const utrechtLinkFocusTextDecoration = "None";
+export const utrechtLinkFocusTextDecorationThickness = "auto";
+export const utrechtLinkFocusBackgroundColor = "transparent";
+export const utrechtLinkFocusColor = "#01689b";
+export const utrechtLinkIconInsetBlockStart = "0.25rem";
+export const utrechtLinkIconSize = "24px";
+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 utrechtLinkHoverColor = "#15496a";
+export const utrechtLinkHoverTextDecoration = "underline";
+export const utrechtLinkHoverTextDecorationThickness = "0.1875em";
+export const utrechtLinkFocusVisibleTextDecoration = "None";
+export const utrechtLinkFocusVisibleTextDecorationThickness = "0.0625em";
+export const utrechtLinkVisitedColor = "#01689b";
+export const utrechtDataBadgeBackgroundColor = "#eaf8f4";
+export const utrechtDataBadgeBorderRadius = "10px";
+export const utrechtDataBadgeColor = "#76d2b6";
+export const utrechtDataBadgePaddingBlock = "0.125rem";
+export const utrechtDataBadgePaddingInline = "0.75rem";
+export const utrechtButtonIconGap = "0.5rem";
+export const utrechtButtonIconSize = "24px";
+export const utrechtButtonBackgroundColor = "#0F172A";
+export const utrechtButtonBorderColor = "transparent";
+export const utrechtButtonBorderRadius = "5px";
+export const utrechtButtonBorderWidth = "1px";
+export const utrechtButtonColor = "#fff";
+export const utrechtButtonColumnGap = "0.5rem";
+export const utrechtButtonFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
+export const utrechtButtonFontSize = "1.25rem";
+export const utrechtButtonFontWeight = 700;
+export const utrechtButtonLineHeight = "150%";
+export const utrechtButtonMinBlockSize = "48px";
+export const utrechtButtonMinInlineSize = "48px";
+export const utrechtButtonPaddingBlockEnd = "0.5rem";
+export const utrechtButtonPaddingBlockStart = "0.5rem";
+export const utrechtButtonPaddingInlineEnd = "1rem";
+export const utrechtButtonPaddingInlineStart = "1rem";
+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 utrechtButtonHoverBackgroundColor = "#475569";
+export const utrechtButtonHoverBorderColor = "transparent";
+export const utrechtButtonHoverColor = "#fff";
+export const utrechtButtonFocusBackgroundColor = "#475569";
+export const utrechtButtonFocusBorderColor = "transparent";
+export const utrechtButtonFocusColor = "#fff";
+export const utrechtButtonPrimaryActionBackgroundColor = "#76d2b6";
+export const utrechtButtonPrimaryActionBorderColor = "transparent";
+export const utrechtButtonPrimaryActionColor = "#fff";
+export const utrechtButtonPrimaryActionFontSize = "1.25rem";
+export const utrechtButtonPrimaryActionFontWeight = 700;
+export const utrechtButtonPrimaryActionLineHeight = "1.875rem";
+export const utrechtButtonPrimaryActionDisabledBackgroundColor = "#d6f2e9";
+export const utrechtButtonPrimaryActionDisabledBorderColor = "transparent";
+export const utrechtButtonPrimaryActionDisabledColor = "#98DDC8";
+export const utrechtButtonPrimaryActionHoverBackgroundColor = "#528e7c";
+export const utrechtButtonPrimaryActionHoverBorderColor = "transparent";
+export const utrechtButtonPrimaryActionHoverColor = "#fff";
+export const utrechtButtonPrimaryActionFocusBackgroundColor = "#528e7c";
+export const utrechtButtonPrimaryActionFocusBorderColor = "transparent";
+export const utrechtButtonPrimaryActionFocusColor = "#fff";
+export const utrechtButtonPrimaryActionPressedBorderColor = "transparent";
+export const utrechtButtonPrimaryActionPressedColor = "#fff";
+export const utrechtButtonPrimaryActionPressedBackgroundColor = "#477869";
+export const utrechtButtonPrimaryActionActiveBorderColor = "transparent";
+export const utrechtButtonPrimaryActionActiveColor = "#fff";
+export const utrechtButtonPrimaryActionActiveBackgroundColor = "#477e6d";
+export const utrechtButtonSecondaryActionBackgroundColor = "transparent";
+export const utrechtButtonSecondaryActionBorderColor = "#76d2b6";
+export const utrechtButtonSecondaryActionColor = "#76d2b6";
+export const utrechtButtonSecondaryActionFontSize = "1.25rem";
+export const utrechtButtonSecondaryActionFontWeight = 700;
+export const utrechtButtonSecondaryActionLineHeight = "1.875rem";
+export const utrechtButtonSecondaryActionDisabledBackgroundColor = "transparent";
+export const utrechtButtonSecondaryActionDisabledBorderColor = "#C1EBDE";
+export const utrechtButtonSecondaryActionDisabledColor = "#ACE4D3";
+export const utrechtButtonSecondaryActionHoverBackgroundColor = "#eaf8f4";
+export const utrechtButtonSecondaryActionHoverBorderColor = "#528e7c";
+export const utrechtButtonSecondaryActionHoverColor = "#528e7c";
+export const utrechtButtonSecondaryActionFocusBackgroundColor = "#eaf8f4";
+export const utrechtButtonSecondaryActionFocusBorderColor = "transparent";
+export const utrechtButtonSecondaryActionFocusColor = "#528e7c";
+export const utrechtButtonSecondaryActionPressedBackgroundColor = "#d6f2e9";
+export const utrechtButtonSecondaryActionPressedBorderColor = "#477869";
+export const utrechtButtonSecondaryActionPressedColor = "#477869";
+export const utrechtButtonSecondaryActionActiveBackgroundColor = "#C1EBDE";
+export const utrechtButtonSecondaryActionActiveColor = "#528e7c";
+export const utrechtButtonSecondaryActionActiveBorderColor = "#477869";
+export const utrechtButtonSubtleBackgroundColor = "transparent";
+export const utrechtButtonSubtleBorderColor = "transparent";
+export const utrechtButtonSubtleColor = "#76d2b6";
+export const utrechtButtonSubtleFontSize = "1.25rem";
+export const utrechtButtonSubtleFontWeight = 700;
+export const utrechtButtonSubtleLineHeight = "1.875rem";
+export const utrechtButtonSubtleDisabledBackgroundColor = "transparent";
+export const utrechtButtonSubtleDisabledBorderColor = "transparent";
+export const utrechtButtonSubtleDisabledColor = "#d6f2e9";
+export const utrechtButtonSubtleHoverBackgroundColor = "#eaf8f4";
+export const utrechtButtonSubtleHoverBorderColor = "transparent";
+export const utrechtButtonSubtleHoverColor = "#528e7c";
+export const utrechtButtonSubtleFocusBackgroundColor = "#eaf8f4";
+export const utrechtButtonSubtleFocusBorderColor = "transparent";
+export const utrechtButtonSubtleFocusColor = "#528e7c";
+export const utrechtButtonSubtlePressedBackgroundColor = "#d6f2e9";
+export const utrechtButtonSubtlePressedBorderColor = "transparent";
+export const utrechtButtonSubtlePressedColor = "#477869";
+export const utrechtButtonSubtleActiveBackgroundColor = "#C1EBDE";
+export const utrechtButtonSubtleActiveBorderColor = "transparent";
+export const utrechtButtonSubtleActiveColor = "#477e6d";
+export const utrechtButtonGroupMarginBlockEnd = "0rem";
+export const utrechtButtonGroupMarginBlockStart = "0rem";
+export const utrechtButtonGroupBackgroundColor = "transparent";
+export const utrechtButtonGroupColumnGap = "0.5rem";
+export const utrechtButtonGroupPaddingBlockEnd = "0px";
+export const utrechtButtonGroupPaddingBlockStart = "0px";
+export const utrechtButtonGroupRowGap = "0.5rem";
+export const utrechtBreadcrumbNavDividerColor = "#334155";
+export const utrechtBreadcrumbNavDividerInsetBlockStart = 0;
+export const utrechtBreadcrumbNavDividerSize = "24px";
+export const utrechtBreadcrumbNavLinkPaddingBlockEnd = "0.75rem";
+export const utrechtBreadcrumbNavLinkPaddingBlockStart = "0.75rem";
+export const utrechtBreadcrumbNavLinkPaddingInlineEnd = "0rem";
+export const utrechtBreadcrumbNavLinkPaddingInlineStart = "0rem";
+export const utrechtBreadcrumbNavLinkCurrentColor = "#334155";
+export const utrechtBreadcrumbNavLinkCurrentFontWeight = 400;
+export const utrechtBreadcrumbNavLinkIconInsetBlockStart = 0;
+export const utrechtBreadcrumbNavLinkIconMarginInline = "0.25rem";
+export const utrechtBreadcrumbNavLinkIconSize = "24px";
+export const utrechtBreadcrumbNavLinkColor = "#01689b";
+export const utrechtBreadcrumbNavLinkTextDecoration = "underline";
+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 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 utrechtAccordionPanelBorderColor = "#94A3B8";
+export const utrechtAccordionPanelBorderWidth = 0;
+export const utrechtAccordionPanelPaddingBlockEnd = "1.5rem";
+export const utrechtAccordionPanelPaddingBlockStart = "1rem";
+export const utrechtAccordionPanelPaddingInlineEnd = "1rem";
+export const utrechtAccordionPanelPaddingInlineStart = "1rem";
+export const utrechtAccordionButtonGap = "0.5rem";
+export const utrechtAccordionButtonIconSize = "24px";
+export const utrechtAccordionButtonHoverBackgroundColor = "#F8FAFC";
+export const utrechtAccordionButtonHoverBorderColor = "#94A3B8";
+export const utrechtAccordionButtonHoverColor = "#0F172A";
+export const utrechtAccordionButtonBackgroundColor = "#fff";
+export const utrechtAccordionButtonBorderColor = "#94A3B8";
+export const utrechtAccordionButtonBorderWidth = 0;
+export const utrechtAccordionButtonColor = "#0F172A";
+export const utrechtAccordionButtonFocusBackgroundColor = "#eaf8f4";
+export const utrechtAccordionButtonFocusBorderColor = "#76d2b6";
+export const utrechtAccordionButtonFocusColor = "#0F172A";
+export const utrechtAccordionButtonActiveBackgroundColor = "#F1F5F9";
+export const utrechtAccordionButtonActiveBorderColor = "#94A3B8";
+export const utrechtAccordionButtonActiveColor = "#0F172A";
+export const utrechtAccordionButtonActiveRowGap = 0;
+export const 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 utrechtUnorderedListColor = "#0F172A";
+export const utrechtUnorderedListMarkerBorderColor = "#0F172A";
+export const utrechtUnorderedListMarkerColor = "#0F172A";
+export const utrechtUnorderedListFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
+export const utrechtUnorderedListFontWeight = 400;
+export const utrechtUnorderedListFontSize = "1.25rem";
+export const utrechtUnorderedListLineHeight = "150%";
+export const 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 utrechtOrderedListColor = "#0F172A";
+export const utrechtOrderedListFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
+export const utrechtOrderedListFontWeight = 400;
+export const utrechtOrderedListMarginInlineStart = "0.625rem";
+export const utrechtOrderedListFontSize = "1.25rem";
+export const utrechtOrderedListLineHeight = "150%";
+export const utrechtOrderedListMarginBlockEnd = "0.25rem";
+export const utrechtOrderedListMarginBlockStart = "0.25rem";
+export const utrechtOrderedListPaddingInlineStart = "1.5rem";
+export const utrechtOrderedListItemMarginBlockEnd = "0.25rem";
+export const utrechtOrderedListItemMarginBlockStart = "0.25rem";
+export const utrechtOrderedListItemPaddingInlineStart = "0.5rem";
 export const utrechtColumnLayoutColumnRuleColor = "transparent";
 export const utrechtColumnLayoutColumnRuleWidth = "0px";
 export const utrechtColumnLayoutColumnWidth = "400px";
@@ -14,7 +395,7 @@ export const utrechtBlockquoteBorderRadius = 0;
 export const utrechtBlockquoteBorderWidth = 0;
 export const utrechtBlockquoteColor = "#154273";
 export const utrechtBlockquoteFontSize = "1.25rem";
-export const utrechtBlockquoteFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtBlockquoteFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const utrechtBlockquotePaddingBlockEnd = "2rem";
 export const utrechtBlockquotePaddingBlockStart = "2rem";
 export const utrechtBlockquotePaddingInlineEnd = "2rem";
@@ -24,11 +405,11 @@ export const utrechtBlockquoteAttributionColor = "#154273";
 export const utrechtBlockquoteAttributionFontSize = "1.25rem";
 export const utrechtBlockquoteContentColor = "#154273";
 export const utrechtBlockquoteContentFontSize = "1.25rem";
-export const utrechtBlockquoteContentFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtBlockquoteContentFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const utrechtBlockquoteContentLineHeight = "150%";
 export const utrechtBlockquoteContentFontWeight = 400;
 export const utrechtBlockquoteCaptionFontSize = "1.25rem";
-export const utrechtBlockquoteCaptionFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtBlockquoteCaptionFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const utrechtBlockquoteCaptionLineHeight = "150%";
 export const utrechtBlockquoteCaptionFontWeight = 400;
 export const utrechtBlockquoteCaptionPaddingBlockStart = "0.75rem";
@@ -64,22 +445,9 @@ export const utrechtBlockquotePinkCornerBorderVariationBorderStartStartRadius =
 export const utrechtBlockquotePinkCornerBorderVariationPadding = "2.5rem";
 export const utrechtIconColor = "inherit";
 export const utrechtIconSize = "24px";
-export const utrechtIconInsetBlockStart = 0;
-export const utrechtUnorderedListPaddingInlineStart = "1.5rem";
-export const utrechtUnorderedListMarginBlockEnd = "0.25rem";
-export const utrechtUnorderedListMarginBlockStart = "0.25rem";
-export const utrechtUnorderedListColor = "#0F172A";
-export const utrechtUnorderedListFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
-export const utrechtUnorderedListFontWeight = 400;
-export const utrechtUnorderedListFontSize = "1.25rem";
-export const utrechtUnorderedListLineHeight = "150%";
-export const utrechtUnorderedListItemPaddingInlineStart = "0.5rem";
-export const utrechtUnorderedListItemMarginBlockEnd = "0.25rem";
-export const utrechtUnorderedListItemMarginBlockStart = "0.25rem";
-export const utrechtUnorderedListMarkerColor = "#0F172A";
-export const utrechtUnorderedListMarkerBorderColor = "#0F172A";
+export const utrechtIconInsetBlockStart = "0rem";
 export const utrechtTextboxBorderRadius = "2.5px";
-export const utrechtTextboxFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtTextboxFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const utrechtTextboxFontSize = "1.25rem";
 export const utrechtTextboxFontWeight = 400;
 export const utrechtTextboxLineHeight = "150%";
@@ -142,19 +510,19 @@ export const utrechtTextareaHoverBorderWidth = "1px";
 export const utrechtTextareaBorderRadius = "2.5px";
 export const utrechtTextareaBorderBottomWidth = "1px";
 export const utrechtTextareaBorderWidth = "1px";
-export const utrechtTextareaFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtTextareaFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const utrechtTextareaFontWeight = 400;
 export const utrechtTextareaLineHeight = "150%";
 export const utrechtTextareaFontSize = "1.25rem";
 export const utrechtTableHeaderCellLineHeight = "150%";
 export const utrechtTableHeaderCellColor = "#0F172A";
-export const utrechtTableHeaderCellFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+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 = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtTableCaptionFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const utrechtTableCaptionFontWeight = 700;
 export const utrechtTableCaptionFontSize = "1.875rem";
 export const utrechtTableCellPaddingBlockEnd = "0.75rem";
@@ -163,7 +531,7 @@ export const utrechtTableCellPaddingInlineEnd = "1rem";
 export const utrechtTableCellPaddingInlineStart = "1rem";
 export const utrechtTableCellLineHeight = "150%";
 export const utrechtTableDataCellColor = "#0F172A";
-export const utrechtTableDataCellFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtTableDataCellFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const utrechtTableDataCellFontWeight = 400;
 export const utrechtTableDataCellLineHeight = "150%";
 export const utrechtTableDataCellFontSize = "1.25rem";
@@ -179,7 +547,7 @@ export const utrechtTableRowBackgroundColor = "transparent";
 export const utrechtTableFooterCellFontWeight = 700;
 export const utrechtTableFooterCellFontSize = "1.25rem";
 export const utrechtTableFooterCellColor = "#0F172A";
-export const utrechtTableFooterCellFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtTableFooterCellFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const utrechtTableFooterCellLineHeight = "150%";
 export const utrechtTableContainerBoxInlineEndShadowX = 0;
 export const utrechtTableContainerBoxInlineEndShadowY = "16px";
@@ -192,34 +560,6 @@ export const utrechtTableContainerBoxInlineStartShadowBlur = "48px";
 export const utrechtTableContainerBoxInlineStartShadowSpread = 0;
 export const utrechtTableContainerBoxInlineStartShadowColor = "#0000001a";
 export const utrechtTableFontSize = "1.25rem";
-export const utrechtSkipLinkFontWeight = 700;
-export const utrechtSkipLinkFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
-export const utrechtSkipLinkFontSize = "1.25rem";
-export const utrechtSkipLinkLineHeight = "150%";
-export const utrechtSkipLinkMinBlockSize = "48px";
-export const utrechtSkipLinkMinInlineSize = "48px";
-export const utrechtSkipLinkPaddingBlockEnd = "0.75rem";
-export const utrechtSkipLinkPaddingBlockStart = "0.75rem";
-export const utrechtSkipLinkPaddingInlineEnd = "1rem";
-export const utrechtSkipLinkPaddingInlineStart = "1rem";
-export const utrechtSkipLinkFocusBackgroundColor = "#fff";
-export const utrechtSkipLinkFocusBorderColor = "#76d2b6";
-export const utrechtSkipLinkFocusBorderStyle = "solid";
-export const utrechtSkipLinkFocusBorderWidth = "2px";
-export const utrechtSkipLinkFocusColor = "#0F172A";
-export const utrechtSkipLinkFocusTextDecoration = "None";
-export const utrechtSkipLinkFocusVisibleOutlineColor = "#000";
-export const utrechtSkipLinkBackgroundColor = "#76d2b6";
-export const utrechtSkipLinkBorderColor = "transparent";
-export const utrechtSkipLinkColor = "#fff";
-export const utrechtSkipLinkBorderWidth = "2px";
-export const utrechtSkipLinkBoxBlockEndShadowOffsetX = 0;
-export const utrechtSkipLinkBoxBlockEndShadowOffsetY = "16px";
-export const utrechtSkipLinkBoxBlockEndShadowBlurRadius = "48px";
-export const utrechtSkipLinkBoxBlockEndShadowSpreadRadius = 0;
-export const utrechtSkipLinkBoxBlockEndShadowColor = "#0000001a";
-export const utrechtSkipLinkTextDecoration = "underline";
-export const utrechtSkipLinkTextUnderlineOffset = "0.125rem";
 export const utrechtSeparatorColor = "#CBD5E1";
 export const utrechtSeparatorBlockSize = "2px";
 export const utrechtSeparatorMarginBlockEnd = "0.75rem";
@@ -251,7 +591,7 @@ export const utrechtSelectPaddingInlineStart = "0.75rem";
 export const utrechtSelectBorderRadius = "2.5px";
 export const utrechtSelectBorderBottomWidth = "auto";
 export const utrechtSelectBorderWidth = "1px";
-export const utrechtSelectFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtSelectFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const utrechtSelectFontWeight = 400;
 export const utrechtSelectLineHeight = "150%";
 export const utrechtSelectFontSize = "1.25rem";
@@ -297,115 +637,85 @@ export const utrechtRadioButtonHoverBorderWidth = "1px";
 export const utrechtRadioButtonBorderRadius = "999px";
 export const utrechtRadioButtonBorderWidth = "1px";
 export const utrechtPreHeadingColor = "#0F172A";
-export const utrechtPreHeadingFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtPreHeadingFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const utrechtPreHeadingFontWeight = 700;
 export const utrechtPreHeadingLineHeight = "125%";
 export const utrechtPreHeadingFontSize = "1rem";
 export const utrechtParagraphColor = "#0F172A";
-export const utrechtParagraphFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtParagraphFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const utrechtParagraphFontSize = "1.25rem";
 export const utrechtParagraphFontWeight = 400;
 export const utrechtParagraphLineHeight = "150%";
-export const utrechtParagraphMarginBlockEnd = 0;
-export const utrechtParagraphMarginBlockStart = 0;
 export const utrechtParagraphLeadColor = "#0F172A";
 export const utrechtParagraphLeadFontSize = "1.5rem";
 export const utrechtParagraphLeadFontWeight = 400;
 export const utrechtParagraphLeadLineHeight = "150%";
-export const utrechtOrderedListPaddingInlineStart = "1.5rem";
-export const utrechtOrderedListMarginBlockEnd = "0.25rem";
-export const utrechtOrderedListMarginBlockStart = "0.25rem";
-export const utrechtOrderedListMarginInlineStart = "0.625rem";
-export const utrechtOrderedListItemPaddingInlineStart = 0;
-export const utrechtOrderedListItemMarginBlockEnd = "0.25rem";
-export const utrechtOrderedListItemMarginBlockStart = "0.25rem";
-export const utrechtOrderedListColor = "#0F172A";
-export const utrechtOrderedListFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
-export const utrechtOrderedListFontWeight = 400;
-export const utrechtOrderedListFontSize = "1.25rem";
-export const utrechtOrderedListLineHeight = "150%";
-export const utrechtLinkListMarginBlockStart = 0;
-export const utrechtLinkListRowGap = "0.5rem";
-export const utrechtLinkListMarginBlockEnd = 0;
-export const utrechtLinkListItemColumnGap = "0.5rem";
-export const utrechtLinkListItemTextDecoration = "None";
-export const utrechtLinkListIconSize = "24px";
-export const utrechtLinkListIconInsetBlockStart = "0.188rem";
-export const utrechtLinkColor = "#01689b";
-export const utrechtLinkTextDecorationColor = "#01689b";
-export const utrechtLinkActiveColor = "#42145f";
-export const utrechtLinkActiveTextDecoration = "None";
-export const utrechtLinkFocusBackgroundColor = "transparent";
-export const utrechtLinkFocusColor = "#01689b";
-export const utrechtLinkFocusTextDecoration = "None";
-export const utrechtLinkFocusTextDecorationThickness = "auto";
-export const utrechtLinkHoverColor = "#01496c";
-export const utrechtLinkHoverTextDecoration = "None";
-export const utrechtLinkHoverTextDecorationThickness = "auto";
-export const utrechtLinkVisitedColor = "#42145f";
-export const utrechtLinkTextDecoration = "underline";
-export const utrechtLinkIconInsetBlockStart = "0.25rem";
-export const utrechtLinkIconSize = "24px";
-export const utrechtLinkColumnGap = "0.25rem";
-export const utrechtLinkTextDecorationThickness = "auto";
-export const utrechtLinkTextUnderlineOffset = "0.125rem";
-export const utrechtLinkFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
-export const utrechtLinkFontWeight = 400;
-export const utrechtLinkFontSize = "1.25rem";
-export const utrechtLinkLineHeight = "150%";
-export const utrechtHeading1Color = "#76d2b6";
-export const utrechtHeading1FontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtParagraphSmallFontSize = "1.5rem";
+export const utrechtParagraphSmallColor = "#0F172A";
+export const utrechtParagraphSmallFontWeight = 400;
+export const utrechtParagraphSmallLineHeight = "150%";
+export const utrechtParagraphMarginBlockEnd = "0rem";
+export const utrechtParagraphMarginBlockStart = "0rem";
+export const utrechtHeading1Color = "#154273";
+export const utrechtHeading1FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
+export const utrechtHeading1FontSize = "3.125rem";
 export const utrechtHeading1FontWeight = 700;
 export const utrechtHeading1LineHeight = "125%";
-export const utrechtHeading1FontSize = "3.125rem";
-export const utrechtHeading1MarginBlockEnd = 0;
-export const utrechtHeading1MarginBlockStart = 0;
-export const utrechtHeading2Color = "#76d2b6";
-export const utrechtHeading2FontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtHeading1MarginBlockEnd = "0rem";
+export const utrechtHeading1MarginBlockStart = "0rem";
+export const utrechtHeading2Color = "#154273";
+export const utrechtHeading2FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
+export const utrechtHeading2FontSize = "2.5rem";
 export const utrechtHeading2FontWeight = 700;
 export const utrechtHeading2LineHeight = "125%";
-export const utrechtHeading2FontSize = "2.5rem";
-export const utrechtHeading2MarginBlockEnd = 0;
-export const utrechtHeading2MarginBlockStart = 0;
-export const utrechtHeading3Color = "#76d2b6";
-export const utrechtHeading3FontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtHeading2MarginBlockEnd = "0rem";
+export const utrechtHeading2MarginBlockStart = "0rem";
+export const utrechtHeading3Color = "#154273";
+export const utrechtHeading3FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
+export const utrechtHeading3FontSize = "1.875rem";
 export const utrechtHeading3FontWeight = 700;
 export const utrechtHeading3LineHeight = "125%";
-export const utrechtHeading3FontSize = "1.875rem";
-export const utrechtHeading3MarginBlockEnd = 0;
-export const utrechtHeading3MarginBlockStart = 0;
-export const utrechtHeading4Color = "#76d2b6";
-export const utrechtHeading4FontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
-export const utrechtHeading4FontWeight = 700;
-export const utrechtHeading4LineHeight = "125%";
+export const utrechtHeading3MarginBlockEnd = "0rem";
+export const utrechtHeading3MarginBlockStart = "0rem";
+export const utrechtHeading4Color = "#154273";
+export const utrechtHeading4FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const utrechtHeading4FontSize = "1.5rem";
-export const utrechtHeading4MarginBlockEnd = 0;
-export const utrechtHeading4MarginBlockStart = 0;
-export const utrechtHeading5Color = "#76d2b6";
-export const utrechtHeading5FontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
-export const utrechtHeading5FontWeight = 700;
-export const utrechtHeading5LineHeight = "125%";
+export const utrechtHeading4FontWeight = 700;
+export const utrechtHeading4LineHeight = "150%";
+export const utrechtHeading4MarginBlockEnd = "0rem";
+export const utrechtHeading4MarginBlockStart = "0rem";
+export const utrechtHeading5Color = "#154273";
+export const utrechtHeading5FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const utrechtHeading5FontSize = "1.25rem";
-export const utrechtHeading5MarginBlockEnd = 0;
-export const utrechtHeading5MarginBlockStart = 0;
+export const utrechtHeading5FontWeight = 700;
+export const utrechtHeading5LineHeight = "150%";
+export const utrechtHeading5MarginBlockEnd = "0rem";
+export const utrechtHeading5MarginBlockStart = "0rem";
+export const utrechtHeading6Color = "#154273";
+export const utrechtHeading6FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
+export const utrechtHeading6FontSize = "1.25rem";
+export const utrechtHeading6FontWeight = 700;
+export const utrechtHeading6LineHeight = "150%";
+export const utrechtHeading6MarginBlockEnd = "0rem";
+export const utrechtHeading6MarginBlockStart = "0rem";
 export const utrechtFormLabelColor = "#0F172A";
 export const utrechtFormLabelFontSize = "1.25rem";
 export const utrechtFormLabelFontWeight = 700;
 export const utrechtFormFieldLabelColor = "#0F172A";
-export const utrechtFormFieldLabelFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtFormFieldLabelFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const utrechtFormFieldLabelFontSize = "1.25rem";
 export const utrechtFormFieldLabelFontWeight = 700;
 export const utrechtFormFieldLabelLineHeight = "150%";
 export const utrechtFormFieldErrorMessageIconSize = "24px";
 export const utrechtFormFieldErrorMessageIconMarginInlineEnd = "0.5rem";
 export const utrechtFormFieldErrorMessageColor = "#d52b1e";
-export const utrechtFormFieldErrorMessageFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtFormFieldErrorMessageFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const utrechtFormFieldErrorMessageFontSize = "1.25rem";
 export const utrechtFormFieldErrorMessageFontWeight = 400;
 export const utrechtFormFieldErrorMessageMarginBlockEnd = "0.5rem";
 export const utrechtFormFieldErrorMessagePaddingBlockEnd = "0.5rem";
 export const utrechtFormFieldDescriptionColor = "#334155";
-export const utrechtFormFieldDescriptionFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtFormFieldDescriptionFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const utrechtFormFieldDescriptionFontSize = "1.25rem";
 export const utrechtFormFieldDescriptionLineHeight = "150%";
 export const utrechtFormFieldDescriptionMarginBlockStart = "-0.5rem";
@@ -415,7 +725,7 @@ export const utrechtFormFieldMarginBlockStart = "0.5rem";
 export const utrechtFormFieldMarginBlockEnd = "0.5rem";
 export const utrechtFormFieldInvalidBorderInlineStartColor = "#d52b1e";
 export const utrechtFormFieldInvalidBorderInlineStartWidth = "0px";
-export const utrechtFormFieldInvalidPaddingInlineStart = 0;
+export const utrechtFormFieldInvalidPaddingInlineStart = "0rem";
 export const utrechtFormFieldLabelMarginBlockEnd = "0.5rem";
 export const utrechtFormFieldErrorMessageLineHeight = "normal";
 export const utrechtPageFooterBackgroundColor = "#76d2b6";
@@ -437,7 +747,7 @@ export const utrechtFigureImgBorderEndStartRadius = 0;
 export const utrechtFigureImgBorderStartEndRadius = 0;
 export const utrechtFigureImgBorderStartStartRadius = 0;
 export const utrechtFormFieldsetLegendColor = "#0F172A";
-export const utrechtFormFieldsetLegendFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtFormFieldsetLegendFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const utrechtFormFieldsetLegendFontSize = "1.25rem";
 export const utrechtFormFieldsetLegendFontWeight = 700;
 export const utrechtFormFieldsetLegendLineHeight = "150%";
@@ -445,21 +755,21 @@ export const utrechtFormFieldsetLegendDisabledColor = "#334155";
 export const utrechtFormFieldsetSectionBackgroundColor = "transparent";
 export const utrechtFormFieldsetSectionColor = "#0F172A";
 export const utrechtFormFieldsetInvalidBorderInlineStartColor = "#d52b1e";
-export const utrechtFormFieldsetInvalidPaddingInlineStart = 0;
+export const utrechtFormFieldsetInvalidPaddingInlineStart = "0rem";
 export const utrechtFormFieldsetInvalidBorderInlineStartWidth = "0px";
 export const utrechtNumberBadgeFontSize = "1.25rem";
-export const utrechtNumberBadgeLineHeight = "150%";
+export const utrechtNumberBadgeLineHeight = "125%";
 export const utrechtNumberBadgeMinBlockSize = "24px";
 export const utrechtNumberBadgeMinInlineSize = "24px";
 export const utrechtNumberBadgeFontWeight = 700;
 export const utrechtNumberBadgeBorderWidth = "0px";
 export const utrechtNumberBadgeBorderRadius = "999px";
-export const utrechtNumberBadgeFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtNumberBadgeFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const utrechtNumberBadgeBackgroundColor = "#76d2b6";
 export const utrechtNumberBadgeBorderColor = "transparent";
 export const utrechtNumberBadgeColor = "#fff";
 export const utrechtNumberBadgePaddingInline = "0.5rem";
-export const utrechtNumberBadgePaddingBlock = "0.5rem";
+export const utrechtNumberBadgePaddingBlock = "0.125rem";
 export const utrechtCheckboxBorderRadius = "2.5px";
 export const utrechtCheckboxSize = "24px";
 export const utrechtCheckboxIconSize = "24px";
@@ -518,136 +828,8 @@ export const utrechtCheckboxHoverBorderColor = "#ACE4D3";
 export const utrechtCheckboxActiveBorderWidth = "1px";
 export const utrechtCheckboxActiveBackgroundColor = "#fff";
 export const utrechtCheckboxActiveBorderColor = "#98DDC8";
-export const utrechtButtonGroupBackgroundColor = "transparent";
-export const utrechtButtonGroupColumnGap = "0.5rem";
-export const utrechtButtonGroupMarginBlockEnd = "0px";
-export const utrechtButtonGroupMarginBlockStart = "0px";
-export const utrechtButtonGroupPaddingBlockEnd = "0px";
-export const utrechtButtonGroupPaddingBlockStart = "0px";
-export const utrechtButtonGroupRowGap = "0.5rem";
-export const utrechtButtonBackgroundColor = "#0F172A";
-export const utrechtButtonBorderColor = "transparent";
-export const utrechtButtonColor = "#fff";
-export const utrechtButtonBorderRadius = "5px";
-export const utrechtButtonBorderWidth = "1px";
-export const utrechtButtonIconGap = "0.5rem";
-export const utrechtButtonIconSize = "24px";
-export const utrechtButtonFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
-export const utrechtButtonFontSize = "1.25rem";
-export const utrechtButtonFontWeight = 700;
-export const utrechtButtonLineHeight = "150%";
-export const utrechtButtonPaddingBlockEnd = "0.5rem";
-export const utrechtButtonPaddingBlockStart = "0.5rem";
-export const utrechtButtonPaddingInlineEnd = "1rem";
-export const utrechtButtonPaddingInlineStart = "1rem";
-export const utrechtButtonDisabledBackgroundColor = "#E2E8F0";
-export const utrechtButtonDisabledBorderColor = "transparent";
-export const utrechtButtonDisabledColor = "#94A3B8";
-export const utrechtButtonFocusBackgroundColor = "#475569";
-export const utrechtButtonFocusBorderColor = "transparent";
-export const utrechtButtonFocusColor = "#fff";
-export const utrechtButtonHoverBackgroundColor = "#475569";
-export const utrechtButtonHoverBorderColor = "transparent";
-export const utrechtButtonHoverColor = "#fff";
-export const utrechtButtonActiveBackgroundColor = "#1E293B";
-export const utrechtButtonActiveBorderColor = "transparent";
-export const utrechtButtonActiveColor = "#fff";
-export const utrechtButtonMinBlockSize = "48px";
-export const utrechtButtonMinInlineSize = "48px";
-export const utrechtButtonColumnGap = "0.5rem";
-export const utrechtButtonPrimaryActionHoverBackgroundColor = "#528e7c";
-export const utrechtButtonPrimaryActionHoverBorderColor = "transparent";
-export const utrechtButtonPrimaryActionHoverColor = "#fff";
-export const utrechtButtonPrimaryActionBackgroundColor = "#76d2b6";
-export const utrechtButtonPrimaryActionBorderColor = "transparent";
-export const utrechtButtonPrimaryActionColor = "#fff";
-export const utrechtButtonPrimaryActionDisabledBackgroundColor = "#d6f2e9";
-export const utrechtButtonPrimaryActionDisabledBorderColor = "transparent";
-export const utrechtButtonPrimaryActionDisabledColor = "#98DDC8";
-export const utrechtButtonPrimaryActionFocusBackgroundColor = "#528e7c";
-export const utrechtButtonPrimaryActionFocusBorderColor = "transparent";
-export const utrechtButtonPrimaryActionFocusColor = "#fff";
-export const utrechtButtonPrimaryActionFontWeight = 700;
-export const utrechtButtonPrimaryActionActiveBackgroundColor = "#477e6d";
-export const utrechtButtonPrimaryActionActiveBorderColor = "transparent";
-export const utrechtButtonPrimaryActionActiveColor = "#fff";
-export const utrechtButtonPrimaryActionFontSize = "1.25rem";
-export const utrechtButtonPrimaryActionLineHeight = "1.875rem";
-export const utrechtButtonPrimaryActionPressedBackgroundColor = "#477869";
-export const utrechtButtonPrimaryActionPressedBorderColor = "transparent";
-export const utrechtButtonPrimaryActionPressedColor = "#fff";
-export const utrechtButtonSecondaryActionHoverBackgroundColor = "#eaf8f4";
-export const utrechtButtonSecondaryActionHoverBorderColor = "#528e7c";
-export const utrechtButtonSecondaryActionHoverColor = "#528e7c";
-export const utrechtButtonSecondaryActionBackgroundColor = "transparent";
-export const utrechtButtonSecondaryActionBorderColor = "#76d2b6";
-export const utrechtButtonSecondaryActionColor = "#76d2b6";
-export const utrechtButtonSecondaryActionDisabledBackgroundColor = "transparent";
-export const utrechtButtonSecondaryActionDisabledBorderColor = "#C1EBDE";
-export const utrechtButtonSecondaryActionDisabledColor = "#ACE4D3";
-export const utrechtButtonSecondaryActionFocusBackgroundColor = "#eaf8f4";
-export const utrechtButtonSecondaryActionFocusBorderColor = "transparent";
-export const utrechtButtonSecondaryActionFocusColor = "#528e7c";
-export const utrechtButtonSecondaryActionFontWeight = 700;
-export const utrechtButtonSecondaryActionActiveBackgroundColor = "#C1EBDE";
-export const utrechtButtonSecondaryActionActiveBorderColor = "#477869";
-export const utrechtButtonSecondaryActionActiveColor = "#528e7c";
-export const utrechtButtonSecondaryActionFontSize = "1.25rem";
-export const utrechtButtonSecondaryActionLineHeight = "1.875rem";
-export const utrechtButtonSecondaryActionPressedBackgroundColor = "#d6f2e9";
-export const utrechtButtonSecondaryActionPressedBorderColor = "#477869";
-export const utrechtButtonSecondaryActionPressedColor = "#477869";
-export const utrechtButtonSubtleFontSize = "1.25rem";
-export const utrechtButtonSubtleFontWeight = 700;
-export const utrechtButtonSubtleHoverBackgroundColor = "#eaf8f4";
-export const utrechtButtonSubtleHoverBorderColor = "transparent";
-export const utrechtButtonSubtleHoverColor = "#528e7c";
-export const utrechtButtonSubtleBackgroundColor = "transparent";
-export const utrechtButtonSubtleBorderColor = "transparent";
-export const utrechtButtonSubtleColor = "#76d2b6";
-export const utrechtButtonSubtleDisabledBackgroundColor = "transparent";
-export const utrechtButtonSubtleDisabledBorderColor = "transparent";
-export const utrechtButtonSubtleDisabledColor = "#d6f2e9";
-export const utrechtButtonSubtleFocusBackgroundColor = "#eaf8f4";
-export const utrechtButtonSubtleFocusBorderColor = "transparent";
-export const utrechtButtonSubtleFocusColor = "#528e7c";
-export const utrechtButtonSubtleActiveBackgroundColor = "#C1EBDE";
-export const utrechtButtonSubtleActiveBorderColor = "transparent";
-export const utrechtButtonSubtleActiveColor = "#477e6d";
-export const utrechtButtonSubtleLineHeight = "1.875rem";
-export const utrechtButtonSubtlePressedBackgroundColor = "#d6f2e9";
-export const utrechtButtonSubtlePressedBorderColor = "transparent";
-export const utrechtButtonSubtlePressedColor = "#477869";
-export const utrechtButtonPressedBackgroundColor = "#1E293B";
-export const utrechtButtonPressedBorderColor = "transparent";
-export const utrechtButtonPressedColor = "#fff";
-export const utrechtBreadcrumbNavLineHeight = 1.4;
-export const utrechtBreadcrumbNavFontSize = "1.25rem";
-export const utrechtBreadcrumbNavLinkIconSize = "24px";
-export const utrechtBreadcrumbNavLinkIconMarginInline = "0.25rem";
-export const utrechtBreadcrumbNavLinkIconInsetBlockStart = 0;
-export const utrechtBreadcrumbNavLinkPaddingBlockEnd = "0.75rem";
-export const utrechtBreadcrumbNavLinkPaddingBlockStart = "0.75rem";
-export const utrechtBreadcrumbNavLinkPaddingInlineEnd = 0;
-export const utrechtBreadcrumbNavLinkPaddingInlineStart = 0;
-export const utrechtBreadcrumbNavLinkColor = "#01689b";
-export const utrechtBreadcrumbNavLinkActiveColor = "#42145f";
-export const utrechtBreadcrumbNavLinkActiveTextDecoration = "None";
-export const utrechtBreadcrumbNavLinkFocusBackgroundColor = "transparent";
-export const utrechtBreadcrumbNavLinkFocusColor = "#01689b";
-export const utrechtBreadcrumbNavLinkFocusTextDecoration = "None";
-export const utrechtBreadcrumbNavLinkHoverColor = "#01496c";
-export const utrechtBreadcrumbNavLinkHoverTextDecoration = "None";
-export const utrechtBreadcrumbNavLinkCurrentColor = "#334155";
-export const utrechtBreadcrumbNavLinkTextDecoration = "underline";
-export const utrechtBreadcrumbNavDividerSize = "24px";
-export const utrechtBreadcrumbNavDividerColor = "#334155";
-export const utrechtBreadcrumbNavDividerInsetBlockStart = 0;
-export const utrechtBreadcrumbNavMarginInline = "0.5rem";
-export const utrechtBreadcrumbNavFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
-export const utrechtBreadcrumbNavFontWeight = 400;
 export const utrechtArticleMaxInlineSize = "75ch";
-export const utrechtAlertHeadingFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtAlertHeadingFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const utrechtAlertHeadingFontWeight = 700;
 export const utrechtAlertHeadingLineHeight = "150%";
 export const utrechtAlertHeadingFontSize = "1.25rem";
@@ -661,19 +843,19 @@ export const utrechtAlertPaddingInlineEnd = "1rem";
 export const utrechtAlertPaddingInlineStart = "1rem";
 export const utrechtAlertBackgroundColor = "#d9ebf7";
 export const utrechtAlertBorderColor = "transparent";
-export const utrechtAlertColor = "#0F172A";
+export const utrechtAlertColor = "#000";
 export const utrechtAlertInfoBackgroundColor = "#d9ebf7";
 export const utrechtAlertInfoBorderColor = "transparent";
-export const utrechtAlertInfoColor = "#0F172A";
+export const utrechtAlertInfoColor = "#000";
 export const utrechtAlertErrorBackgroundColor = "#f9dfdd";
 export const utrechtAlertErrorBorderColor = "transparent";
-export const utrechtAlertErrorColor = "#0F172A";
+export const utrechtAlertErrorColor = "#000";
 export const utrechtAlertOkBackgroundColor = "#e1eddb";
 export const utrechtAlertOkBorderColor = "transparent";
-export const utrechtAlertOkColor = "#0F172A";
+export const utrechtAlertOkColor = "#000";
 export const utrechtAlertWarningBackgroundColor = "#fff4db";
 export const utrechtAlertWarningBorderColor = "transparent";
-export const utrechtAlertWarningColor = "#0F172A";
+export const utrechtAlertWarningColor = "#000";
 export const utrechtAlertIconInsetBlockStart = "3px";
 export const utrechtAlertIconInfoColor = "#007bc7";
 export const utrechtAlertIconErrorColor = "#d52b1e";
@@ -683,31 +865,9 @@ export const utrechtAlertIconSize = "24px";
 export const utrechtAlertMessageLineHeight = "150%";
 export const utrechtAlertMessageColumnGap = "0.5rem";
 export const utrechtAlertBorderRadius = "5px";
-export const utrechtAccordionPanelBorderColor = "#94A3B8";
-export const utrechtAccordionPanelBorderWidth = 0;
-export const utrechtAccordionPanelPaddingBlockEnd = "1.5rem";
-export const utrechtAccordionPanelPaddingBlockStart = "1rem";
-export const utrechtAccordionPanelPaddingInlineEnd = "1rem";
-export const utrechtAccordionPanelPaddingInlineStart = "1rem";
-export const utrechtAccordionButtonGap = "0.5rem";
-export const utrechtAccordionButtonIconSize = "24px";
-export const utrechtAccordionButtonHoverBackgroundColor = "#F8FAFC";
-export const utrechtAccordionButtonHoverBorderColor = "#94A3B8";
-export const utrechtAccordionButtonHoverColor = "#0F172A";
-export const utrechtAccordionButtonBackgroundColor = "#fff";
-export const utrechtAccordionButtonBorderColor = "#94A3B8";
-export const utrechtAccordionButtonBorderWidth = 0;
-export const utrechtAccordionButtonColor = "#0F172A";
-export const utrechtAccordionButtonFocusBackgroundColor = "#eaf8f4";
-export const utrechtAccordionButtonFocusBorderColor = "#76d2b6";
-export const utrechtAccordionButtonFocusColor = "#0F172A";
-export const utrechtAccordionButtonActiveBackgroundColor = "#F1F5F9";
-export const utrechtAccordionButtonActiveBorderColor = "#94A3B8";
-export const utrechtAccordionButtonActiveColor = "#0F172A";
-export const utrechtAccordionButtonActiveRowGap = 0;
 export const utrechtDocumentBackgroundColor = "#fff";
 export const utrechtDocumentColor = "#0F172A";
-export const utrechtDocumentFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const utrechtDocumentFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const utrechtDocumentFontSize = "1.25rem";
 export const utrechtDocumentLineHeight = "150%";
 export const utrechtDocumentFontWeight = 400;
@@ -715,14 +875,18 @@ export const utrechtRichTextStrangerMarginBlockEnd = "2rem";
 export const utrechtRichTextAcquaintanceMarginBlockEnd = "1rem";
 export const utrechtRichTextFriendMarginBlockEnd = "0.5rem";
 export const utrechtRichTextBestFriendMarginBlockEnd = "0.25rem";
-export const utrechtRichTextConfidantMarginBlockEnd = 0;
+export const utrechtRichTextConfidantMarginBlockEnd = "0rem";
 export const utrechtPointerTargetMinSize = "48px";
 export const utrechtFocusOutlineColor = "#000";
 export const utrechtFocusOutlineOffset = "0.125rem";
 export const utrechtFocusOutlineStyle = "solid";
 export const utrechtFocusOutlineWidth = "2px";
 export const utrechtFocusInverseOutlineColor = "#fff";
-export const rhcKeepComment = "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset components/blockquote.";
+export const rhcLinkListTextDecoration = "None";
+export const rhcDataBadgeButtonColumnGap = "0.125rem";
+export const rhcDataBadgeButtonHoverBackgroundColor = "#76d2b6";
+export const rhcDataBadgeButtonHoverColor = "#fff";
+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;
@@ -743,6 +907,56 @@ export const rhcRoundedCornerXsBorderRadius = "24px";
 export const rhcRoundedCornerMdBorderRadius = "48px";
 export const rhcRoundedCornerXlBorderRadius = "96px";
 export const rhcRoundedCornerBorderWidth = "2px";
+export const rhcAccordionButtonFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
+export const rhcAccordionButtonFontSize = "1.25rem";
+export const rhcAccordionButtonFontWeight = 400;
+export const rhcAccordionButtonLineHeight = "150%";
+export const rhcAccordionButtonIconMarginBlock = "0.25rem";
+export const rhcAccordionButtonPaddingBlockEnd = "0.75rem";
+export const rhcAccordionButtonPaddingBlockStart = "0.75rem";
+export const rhcAccordionButtonPaddingInlineEnd = "1rem";
+export const rhcAccordionButtonPaddingInlineStart = "1rem";
+export const rhcAccordionButtonExpandedBackgroundColor = "#fff";
+export const rhcAccordionButtonExpandedColor = "#0F172A";
+export const rhcAccordionSectionBorderBlockEndWidth = "1px";
+export const rhcAccordionSectionBorderWidth = 0;
+export const rhcAccordionSectionBorderColor = "#94A3B8";
+export const rhcAccordionHeaderMargin = 0;
+export const rhcAccordionBorderRadius = "0px";
+export const rhcAccordionColor = "#0F172A";
+export const 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 rhcColorPrimary50 = "#eaf8f4";
 export const rhcColorPrimary100 = "#d6f2e9";
 export const rhcColorPrimary200 = "#C1EBDE";
@@ -756,7 +970,6 @@ export const rhcColorForegroundSubdued = "#334155";
 export const rhcColorForegroundLink = "#01689b";
 export const rhcColorForegroundOnDarkColor = "#fff";
 export const rhcColorForegroundOnLightColor = "#000";
-export const rhcColorForegroundOnEmphasis = "#fff";
 export const rhcColorBorderDefault = "#64748B";
 export const rhcColorBorderSubdued = "#94A3B8";
 export const rhcColorBorderStrong = "#0F172A";
@@ -921,7 +1134,7 @@ export const rhcSidenavLinkLineHeight = "150%";
 export const rhcSidenavLinkIconSize = "24px";
 export const rhcSidenavLinkIconMarginInline = "0.5rem";
 export const rhcSidenavLinkFontSize = "1.25rem";
-export const rhcSidenavLinkFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const rhcSidenavLinkFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const rhcSidenavLinkFontWeight = 400;
 export const rhcSidenavLinkCurrentFontWeight = 700;
 export const rhcSidenavLinkCurrentColor = "#0F172A";
@@ -950,10 +1163,10 @@ export const rhcNavigationListIconColor = "#fff";
 export const rhcNavigationListItemIconPaddingInline = "0.5rem";
 export const rhcNavigationListItemIconPaddingBlock = "0.5rem";
 export const rhcNavigationListItemIconSize = "24px";
-export const rhcNavigationListItemContentFontSize = "1.125rem";
+export const rhcNavigationListItemContentFontSize = "1.25rem";
 export const rhcNavigationListItemContentColumnGap = "0.5rem";
 export const rhcNavigationListItemContentRowGap = "0.25rem";
-export const rhcNavigationListItemLabelFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const rhcNavigationListItemLabelFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const rhcNavigationListItemLabelFontSize = "1.875rem";
 export const rhcNavigationListItemLabelFontWeight = 700;
 export const rhcNavigationListItemLabelLineHeight = "150%";
@@ -1004,10 +1217,10 @@ export const rhcMessageListItemIconColor = "#0F172A";
 export const rhcMessageListItemMinHeight = "48px";
 export const rhcMessageListItemPaddingBlock = "0.75rem";
 export const rhcMessageListItemPaddingInline = "1rem";
-export const rhcMessageListItemContentFontSize = "1.125rem";
+export const rhcMessageListItemContentFontSize = "1.25rem";
 export const rhcMessageListItemContentColumnGap = "0.5rem";
 export const rhcMessageListItemContentRowGap = "0.5rem";
-export const rhcMessageListItemLabelFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const rhcMessageListItemLabelFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const rhcMessageListItemLabelFontSize = "1.25rem";
 export const rhcMessageListItemLabelFontWeight = 700;
 export const rhcMessageListItemLabelLineHeight = "150%";
@@ -1024,7 +1237,7 @@ export const rhcLogoSubtitleFontWeight = 400;
 export const rhcLogoSubtitleLineHeight = "1rem";
 export const rhcLogoSubtitleFontSize = "0.775rem";
 export const rhcLogoColumnGap = "12px";
-export const rhcLogoFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const rhcLogoFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const rhcLogoColor = "#154273";
 export const rhcLinkListCardBackgroundColor = "#fff";
 export const rhcLinkListCardPaddingBlockStart = "1.5rem";
@@ -1032,7 +1245,6 @@ export const rhcLinkListCardPaddingBlockEnd = "1.5rem";
 export const rhcLinkListCardRowGap = "1rem";
 export const rhcLinkListCardPaddingInlineStart = "1.5rem";
 export const rhcLinkListCardPaddingInlineEnd = "1.5rem";
-export const rhcLinkListTextDecoration = "None";
 export const rhcIconOnlyButtonPaddingBlockEnd = "0.75rem";
 export const rhcIconOnlyButtonPaddingBlockStart = "0.75rem";
 export const rhcIconOnlyButtonPaddingInlineEnd = "0.75rem";
@@ -1040,11 +1252,11 @@ export const rhcIconOnlyButtonPaddingInlineStart = "0.75rem";
 export const rhcHeroHeadingFontWeight = 700;
 export const rhcHeroHeadingLineHeight = "125%";
 export const rhcHeroHeadingFontSize = "1.875rem";
-export const rhcHeroHeadingFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const rhcHeroHeadingFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const rhcHeroSubHeadingFontWeight = 400;
 export const rhcHeroSubHeadingLineHeight = "150%";
 export const rhcHeroSubHeadingFontSize = "1.25rem";
-export const rhcHeroSubHeadingFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const rhcHeroSubHeadingFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
 export const rhcHeroMessageBackgroundColor = "#76d2b6";
 export const rhcHeroMessageColor = "#fff";
 export const rhcHeroMessageRowGap = "0.125rem";
@@ -1059,10 +1271,10 @@ export const rhcHeroInlineSize = "100%";
 export const rhcFormFieldRadioOptionColumnGap = "0.5rem";
 export const rhcFormFieldRadioOptionFontWeight = 400;
 export const rhcFormFieldRadioOptionRowGap = "0.5rem";
-export const rhcFormFieldRadioOptionLabelMarginBlockEnd = 0;
+export const rhcFormFieldRadioOptionLabelMarginBlockEnd = "0rem";
 export const rhcFormFieldRadioOptionInputMarginBlockStart = "0.25rem";
 export const rhcFormFieldCheckboxOptionColumnGap = "0.5rem";
-export const rhcFormFieldCheckboxOptionMarginBlockEnd = 0;
+export const rhcFormFieldCheckboxOptionMarginBlockEnd = "0rem";
 export const rhcPageFooterColumnGap = "1.5rem";
 export const rhcPageFooterColumnWidth = "200px";
 export const rhcPageFooterColumnTitleMarginBlockEnd = "0.75rem";
@@ -1147,23 +1359,6 @@ export const rhcCardAsLinkHorizontalPaddingBlockStart = 0;
 export const rhcCardAsLinkHorizontalPaddingInlineEnd = "1rem";
 export const rhcCardAsLinkHorizontalPaddingInlineStart = "1rem";
 export const rhcCardAsLinkHorizontalHeadingInlineSize = "200px";
-export const rhcAccordionButtonFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
-export const rhcAccordionButtonFontSize = "1.25rem";
-export const rhcAccordionButtonFontWeight = 400;
-export const rhcAccordionButtonLineHeight = "150%";
-export const rhcAccordionButtonIconMarginBlock = "0.25rem";
-export const rhcAccordionButtonPaddingBlockEnd = "0.75rem";
-export const rhcAccordionButtonPaddingBlockStart = "0.75rem";
-export const rhcAccordionButtonPaddingInlineEnd = "1rem";
-export const rhcAccordionButtonPaddingInlineStart = "1rem";
-export const rhcAccordionButtonExpandedBackgroundColor = "#fff";
-export const rhcAccordionButtonExpandedColor = "#0F172A";
-export const rhcAccordionSectionBorderBlockEndWidth = "1px";
-export const rhcAccordionSectionBorderWidth = 0;
-export const rhcAccordionSectionBorderColor = "#94A3B8";
-export const rhcAccordionHeaderMargin = 0;
-export const rhcAccordionBorderRadius = "0px";
-export const rhcAccordionColor = "#0F172A";
 export const rhcBorderRadiusSm = "2.5px";
 export const rhcBorderRadiusMd = "5px";
 export const rhcBorderRadiusCircle = "999px";
@@ -1176,9 +1371,8 @@ export const rhcFontSizeHeadingLevel2 = "2.5rem";
 export const rhcFontSizeHeadingLevel3 = "1.875rem";
 export const rhcFontSizeHeadingLevel4 = "1.5rem";
 export const rhcFontSizeHeadingLevel5 = "1.25rem";
-export const rhcFontSizeParagraphIntro = "1.5rem";
-export const rhcFontSizeParagraphDefault = "1.25rem";
-export const rhcFontSizeParagraphSmall = "1.125rem";
+export const rhcFontSizeBodyIntro = "1.5rem";
+export const rhcFontSizeBodyDefault = "1.25rem";
 export const rhcFontSizeXsDesktop = "1.25rem";
 export const rhcFontSizeXsTablet = "1.125rem";
 export const rhcFontSizeXsMobile = "1rem";
@@ -1194,7 +1388,15 @@ export const rhcFontSizeLgMobile = "2rem";
 export const rhcFontSizeXlDesktop = "3.125rem";
 export const rhcFontSizeXlTablet = "2.813rem";
 export const rhcFontSizeXlMobile = "2.5rem";
-export const rhcLineHeightParagraph = "150%";
+export const 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";
@@ -1204,19 +1406,12 @@ export const rhcSizeHalfLint = "24px";
 export const rhcSizeLint = "48px";
 export const rhcSize2Lint = "96px";
 export const rhcSize3Lint = "1440px";
-export const rhcFontWeightExtraBold = 800;
-export const rhcFontWeightBold = 700;
-export const rhcFontWeightSemiBold = 550;
-export const rhcFontWeightRegular = 400;
-export const rhcFontWeightChosenRegular = 400;
-export const rhcFontWeightLight = 300;
-export const rhcFontWeightThin = 200;
-export const rhcFontFamilyPrimary = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
+export const rhcFontFamilyPrimary = "'Fira Sans', Arial, Verdana, sans-serif";
 export const rhcFontFamilySecondary = "RijksoverheidSerifWeb, 'Times New Roman', serif";
 export const rhcBorderWidthDefault = "1px";
 export const rhcBorderWidthM = "2px";
 export const rhcBorderWidthNone = "0px";
-export const rhcSpace0 = 0;
+export const rhcSpace0 = "0rem";
 export const rhcSpace25 = "0.125rem";
 export const rhcSpace50 = "0.25rem";
 export const rhcSpace100 = "0.5rem";
@@ -1227,112 +1422,5 @@ export const rhcSpace400 = "2rem";
 export const rhcSpace500 = "2.5rem";
 export const rhcSpace600 = "3rem";
 export const rhcSpace700 = "3.5rem";
-export const nlSkipLinkFontWeight = 700;
-export const nlSkipLinkFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
-export const nlSkipLinkFontSize = "1.25rem";
-export const nlSkipLinkLineHeight = "150%";
-export const nlSkipLinkMinBlockSize = "48px";
-export const nlSkipLinkMinInlineSize = "48px";
-export const nlSkipLinkPaddingBlockEnd = "0.75rem";
-export const nlSkipLinkPaddingBlockStart = "0.75rem";
-export const nlSkipLinkPaddingInlineEnd = "1rem";
-export const nlSkipLinkPaddingInlineStart = "1rem";
-export const nlSkipLinkFocusBackgroundColor = "#fff";
-export const nlSkipLinkFocusBorderColor = "#76d2b6";
-export const nlSkipLinkFocusBorderStyle = "solid";
-export const nlSkipLinkFocusBorderWidth = "2px";
-export const nlSkipLinkFocusColor = "#0F172A";
-export const nlSkipLinkFocusTextDecoration = "None";
-export const nlSkipLinkFocusVisibleOutlineColor = "#000";
-export const nlSkipLinkBackgroundColor = "#76d2b6";
-export const nlSkipLinkBorderColor = "transparent";
-export const nlSkipLinkColor = "#fff";
-export const nlSkipLinkBorderWidth = "2px";
-export const nlSkipLinkBoxBlockEndShadowOffsetX = 0;
-export const nlSkipLinkBoxBlockEndShadowOffsetY = "16px";
-export const nlSkipLinkBoxBlockEndShadowBlurRadius = "48px";
-export const nlSkipLinkBoxBlockEndShadowSpreadRadius = 0;
-export const nlSkipLinkBoxBlockEndShadowColor = "#0000001a";
-export const nlSkipLinkTextDecoration = "underline";
-export const nlSkipLinkTextUnderlineOffset = "0.125rem";
-export const nlParagraphColor = "#0F172A";
-export const nlParagraphFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
-export const nlParagraphFontSize = "1.25rem";
-export const nlParagraphFontWeight = 400;
-export const nlParagraphLineHeight = "150%";
-export const nlParagraphMarginBlockEnd = 0;
-export const nlParagraphMarginBlockStart = 0;
-export const nlParagraphLeadColor = "#0F172A";
-export const nlParagraphLeadFontSize = "1.5rem";
-export const nlParagraphLeadFontWeight = 400;
-export const nlParagraphLeadLineHeight = "150%";
-export const nlLinkColor = "#01689b";
-export const nlLinkTextDecorationColor = "#01689b";
-export const nlLinkActiveColor = "#42145f";
-export const nlLinkActiveTextDecoration = "None";
-export const nlLinkFocusBackgroundColor = "transparent";
-export const nlLinkFocusColor = "#01689b";
-export const nlLinkFocusTextDecoration = "None";
-export const nlLinkFocusTextDecorationThickness = "auto";
-export const nlLinkHoverColor = "#01496c";
-export const nlLinkHoverTextDecoration = "None";
-export const nlLinkHoverTextDecorationThickness = "auto";
-export const nlLinkVisitedColor = "#42145f";
-export const nlLinkTextDecoration = "underline";
-export const nlLinkIconInsetBlockStart = "0.25rem";
-export const nlLinkIconSize = "24px";
-export const nlLinkColumnGap = "0.25rem";
-export const nlLinkTextDecorationThickness = "auto";
-export const nlLinkTextUnderlineOffset = "0.125rem";
-export const nlLinkFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
-export const nlLinkFontWeight = 400;
-export const nlLinkFontSize = "1.25rem";
-export const nlLinkLineHeight = "150%";
-export const nlHeadingLevel1Color = "#76d2b6";
-export const nlHeadingLevel1FontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
-export const nlHeadingLevel1FontWeight = 700;
-export const nlHeadingLevel1LineHeight = "125%";
-export const nlHeadingLevel1FontSize = "3.125rem";
-export const nlHeadingLevel1MarginBlockEnd = 0;
-export const nlHeadingLevel1MarginBlockStart = 0;
-export const nlHeadingLevel2Color = "#76d2b6";
-export const nlHeadingLevel2FontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
-export const nlHeadingLevel2FontWeight = 700;
-export const nlHeadingLevel2LineHeight = "125%";
-export const nlHeadingLevel2FontSize = "2.5rem";
-export const nlHeadingLevel2MarginBlockEnd = 0;
-export const nlHeadingLevel2MarginBlockStart = 0;
-export const nlHeadingLevel3Color = "#76d2b6";
-export const nlHeadingLevel3FontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
-export const nlHeadingLevel3FontWeight = 700;
-export const nlHeadingLevel3LineHeight = "125%";
-export const nlHeadingLevel3FontSize = "1.875rem";
-export const nlHeadingLevel3MarginBlockEnd = 0;
-export const nlHeadingLevel3MarginBlockStart = 0;
-export const nlHeadingLevel4Color = "#76d2b6";
-export const nlHeadingLevel4FontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
-export const nlHeadingLevel4FontWeight = 700;
-export const nlHeadingLevel4LineHeight = "125%";
-export const nlHeadingLevel4FontSize = "1.5rem";
-export const nlHeadingLevel4MarginBlockEnd = 0;
-export const nlHeadingLevel4MarginBlockStart = 0;
-export const nlHeadingLevel5Color = "#76d2b6";
-export const nlHeadingLevel5FontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
-export const nlHeadingLevel5FontWeight = 700;
-export const nlHeadingLevel5LineHeight = "125%";
-export const nlHeadingLevel5FontSize = "1.25rem";
-export const nlHeadingLevel5MarginBlockEnd = 0;
-export const nlHeadingLevel5MarginBlockStart = 0;
-export const nlNumberBadgeFontSize = "1.25rem";
-export const nlNumberBadgeLineHeight = "150%";
-export const nlNumberBadgeMinBlockSize = "24px";
-export const nlNumberBadgeMinInlineSize = "24px";
-export const nlNumberBadgeFontWeight = 700;
-export const nlNumberBadgeBorderWidth = "0px";
-export const nlNumberBadgeBorderRadius = "999px";
-export const nlNumberBadgeFontFamily = "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif";
-export const nlNumberBadgeBackgroundColor = "#76d2b6";
-export const nlNumberBadgeBorderColor = "transparent";
-export const nlNumberBadgeColor = "#fff";
-export const nlNumberBadgePaddingInline = "0.5rem";
-export const nlNumberBadgePaddingBlock = "0.5rem";
+export const todoLinkListLinkHoverTextDecoration = "underline";
+export const todoSkipLinkFontWeight = 700;