@utrecht/design-tokens 2.0.0 → 2.1.1

package/dist/index.flat.json

@@ -1,146 +1,220 @@
 {
-  "utrechtAccordionButtonPaddingInlineEnd": "16px",
-  "utrechtAccordionButtonPaddingInlineStart": "16px",
-  "utrechtAccordionButtonPaddingBlockEnd": "8px",
-  "utrechtAccordionButtonPaddingBlockStart": "8px",
-  "utrechtAccordionButtonBackgroundColor": "hsl(0 0% 95%)",
-  "utrechtAccordionButtonColor": "hsl(0 0% 10%)",
-  "utrechtAccordionButtonBorderColor": "hsl(0 0% 95%)",
-  "utrechtAccordionButtonBorderWidth": "0",
-  "utrechtAccordionButtonHoverBackgroundColor": "inherit",
-  "utrechtAccordionButtonHoverBorderColor": "hsl(0 0% 95%)",
-  "utrechtAccordionButtonHoverColor": "hsl(0 0% 10%)",
+  "denhaagProcessStepsFontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
+  "denhaagProcessStepsStepDescriptionColor": "hsl(0 0% 0%)",
+  "denhaagProcessStepsStepDescriptionFontSize": "1rem",
+  "denhaagProcessStepsStepHeadingCheckedBackgroundColor": "hsl(0 0% 100%)",
+  "denhaagProcessStepsStepHeadingCheckedColor": "hsl(0 0% 0%)",
+  "denhaagProcessStepsStepHeadingColor": "hsl(0 0% 0%)",
+  "denhaagProcessStepsStepHeadingCurrentColor": "hsl(0 0% 0%)",
+  "denhaagProcessStepsStepHeadingFontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
+  "denhaagProcessStepsStepHeadingFontSize": "1.125rem",
+  "denhaagProcessStepsStepHeadingFontWeight": "700",
+  "denhaagProcessStepsStepHeadingNotCheckedColor": "hsl(0 0% 0%)",
+  "denhaagProcessStepsStepHeadingWarningColor": "hsl(0 0% 0%)",
+  "denhaagProcessStepsStepLineCheckedColor": "hsl(90 30% 30%)",
+  "denhaagProcessStepsStepLineColor": "hsl(90 30% 30%)",
+  "denhaagProcessStepsStepLineStrokeWidth": "2px",
+  "denhaagProcessStepsStepLineWarningColor": "#990000",
+  "denhaagProcessStepsStepMarkerBackgroundColor": "hsl(0 0% 100%)",
+  "denhaagProcessStepsStepMarkerBorderColor": "hsl(90 30% 30%)",
+  "denhaagProcessStepsStepMarkerBorderWidth": "2px",
+  "denhaagProcessStepsStepMarkerCheckedBackgroundColor": "hsl(0 0% 100%)",
+  "denhaagProcessStepsStepMarkerCheckedBorderColor": "hsl(90 30% 30%)",
+  "denhaagProcessStepsStepMarkerCheckedBorderWidth": "2px",
+  "denhaagProcessStepsStepMarkerCheckedColor": "hsl(90 30% 30%)",
+  "denhaagProcessStepsStepMarkerColor": "hsl(90 30% 30%)",
+  "denhaagProcessStepsStepMarkerCurrentBackgroundColor": "hsl(90 30% 30%)",
+  "denhaagProcessStepsStepMarkerCurrentBorderColor": "hsl(90 30% 30%)",
+  "denhaagProcessStepsStepMarkerCurrentBorderWidth": "2px",
+  "denhaagProcessStepsStepMarkerCurrentColor": "hsl(0 0% 100%)",
+  "denhaagProcessStepsStepMarkerFontSize": "0.875rem",
+  "denhaagProcessStepsStepMarkerFontWeight": "700",
+  "denhaagProcessStepsStepMarkerSize": "28px",
+  "denhaagProcessStepsStepMarkerWarningBackgroundColor": "hsl(0 0% 100%)",
+  "denhaagProcessStepsStepMarkerWarningBorderColor": "#990000",
+  "denhaagProcessStepsStepMarkerWarningColor": "#990000",
+  "denhaagProcessStepsStepMetadataColor": "hsl(0 0% 15%)",
+  "denhaagProcessStepsStepMetadataFontSize": "0.875rem",
+  "denhaagProcessStepsSubStepHeadingColor": "hsl(0 0% 15%)",
+  "denhaagProcessStepsSubStepHeadingFontSize": "0.875rem",
+  "denhaagProcessStepsSubStepHeadingFontWeight": "400",
+  "denhaagProcessStepsSubStepLineColor": "hsl(90 30% 30%)",
+  "denhaagProcessStepsSubStepMarkerBackgroundColor": "hsl(0 0% 100%)",
+  "denhaagProcessStepsSubStepMarkerBorderColor": "hsl(90 30% 30%)",
+  "denhaagProcessStepsSubStepMarkerSize": "12px",
+  "ofLayoutBackground": "hsl(0 0% 100%)",
+  "ofLayoutBg": "hsl(0 0% 100%)",
+  "ofPageFooterBg": "hsl(0 100% 40%)",
+  "ofPageFooterFg": "hsl(0 0% 100%)",
+  "ofProgressIndicatorBackgroundColor": "hsl(0 0% 100%)",
+  "ofProgressIndicatorMobileBoxShadow": "0px 0px 2px 0px rgba(0 0 0 / 20%)",
   "utrechtAccordionButtonActiveBackgroundColor": "hsl(0 0% 80%)",
   "utrechtAccordionButtonActiveBorderColor": "hsl(0 0% 95%)",
   "utrechtAccordionButtonActiveColor": "hsl(0 0% 10%)",
+  "utrechtAccordionButtonBackgroundColor": "hsl(0 0% 95%)",
+  "utrechtAccordionButtonBorderColor": "hsl(0 0% 95%)",
+  "utrechtAccordionButtonBorderWidth": "0",
+  "utrechtAccordionButtonColor": "hsl(0 0% 10%)",
   "utrechtAccordionButtonFocusBackgroundColor": "hsl(0 0% 80%)",
   "utrechtAccordionButtonFocusBorderColor": "hsl(0 0% 95%)",
   "utrechtAccordionButtonFocusColor": "hsl(0 0% 10%)",
+  "utrechtAccordionButtonHoverBackgroundColor": "inherit",
+  "utrechtAccordionButtonHoverBorderColor": "hsl(0 0% 95%)",
+  "utrechtAccordionButtonHoverColor": "hsl(0 0% 10%)",
   "utrechtAccordionButtonIconSize": "24px",
   "utrechtAccordionButtonIconUtrechtBackgroundColor": "hsl(48 100% 50%)",
+  "utrechtAccordionButtonPaddingBlockEnd": "8px",
+  "utrechtAccordionButtonPaddingBlockStart": "8px",
+  "utrechtAccordionButtonPaddingInlineEnd": "16px",
+  "utrechtAccordionButtonPaddingInlineStart": "16px",
   "utrechtAccordionPanelBorderColor": "hsl(0 0% 95%)",
   "utrechtAccordionPanelBorderWidth": "2px",
-  "utrechtAccordionPanelPaddingBlockStart": "8px",
   "utrechtAccordionPanelPaddingBlockEnd": "8px",
-  "utrechtAccordionPanelPaddingInlineStart": "16px",
+  "utrechtAccordionPanelPaddingBlockStart": "8px",
   "utrechtAccordionPanelPaddingInlineEnd": "16px",
+  "utrechtAccordionPanelPaddingInlineStart": "16px",
+  "utrechtAccordionRowGap": "8px",
   "utrechtAccordionSectionMarginBlockStart": "4px",
+  "utrechtActionActivateCursor": "pointer",
+  "utrechtActionBusyCursor": "wait",
+  "utrechtActionDisabledCursor": "not-allowed",
+  "utrechtActionInertCursor": "default",
+  "utrechtActionNavigateCursor": "pointer",
+  "utrechtActionSubmitCursor": "pointer",
+  "utrechtAlertBackgroundColor": "hsl(211 60% 90%)",
+  "utrechtAlertColor": "hsl(0 0% 0%)",
+  "utrechtAlertColumnGap": "16px",
   "utrechtAlertDialogMaxBlockSize": "80vh",
   "utrechtAlertDialogMaxInlineSize": "780px",
   "utrechtAlertDialogMinBlockSize": "100px",
   "utrechtAlertDialogMinInlineSize": "320px",
-  "utrechtAlertBackgroundColor": "hsl(211 60% 90%)",
-  "utrechtAlertColor": "hsl(0 0% 0%)",
-  "utrechtAlertColumnGap": "16px",
-  "utrechtAlertPaddingBlockStart": "20px",
-  "utrechtAlertPaddingBlockEnd": "20px",
-  "utrechtAlertPaddingInlineStart": "20px",
-  "utrechtAlertPaddingInlineEnd": "20px",
-  "utrechtAlertInfoBackgroundColor": "hsl(211 60% 90%)",
-  "utrechtAlertInfoColor": "hsl(0 0% 0%)",
-  "utrechtAlertWarningBackgroundColor": "hsl(48 100% 80%)",
-  "utrechtAlertWarningColor": "hsl(0 0% 0%)",
   "utrechtAlertErrorBackgroundColor": "hsl(0 100% 95%)",
   "utrechtAlertErrorColor": "hsl(0 0% 0%)",
-  "utrechtAlertOkBackgroundColor": "hsl(90 30% 90%)",
-  "utrechtAlertOkColor": "hsl(0 0% 0%)",
   "utrechtAlertIconColor": "hsl(211 60% 35%)",
-  "utrechtAlertIconSize": "24px",
-  "utrechtAlertIconInsetBlockStart": "6px",
-  "utrechtAlertIconInfoColor": "hsl(211 60% 35%)",
   "utrechtAlertIconErrorColor": "hsl(0 100% 40%)",
-  "utrechtAlertIconWarningColor": "hsl(48 100% 40%)",
+  "utrechtAlertIconInfoColor": "hsl(211 60% 35%)",
+  "utrechtAlertIconInsetBlockStart": "6px",
   "utrechtAlertIconOkColor": "hsl(90 30% 38%)",
+  "utrechtAlertIconSize": "24px",
+  "utrechtAlertIconWarningColor": "hsl(48 100% 40%)",
+  "utrechtAlertInfoBackgroundColor": "hsl(211 60% 90%)",
+  "utrechtAlertInfoColor": "hsl(0 0% 0%)",
+  "utrechtAlertOkBackgroundColor": "hsl(90 30% 90%)",
+  "utrechtAlertOkColor": "hsl(0 0% 0%)",
+  "utrechtAlertPaddingBlockEnd": "20px",
+  "utrechtAlertPaddingBlockStart": "20px",
+  "utrechtAlertPaddingInlineEnd": "20px",
+  "utrechtAlertPaddingInlineStart": "20px",
+  "utrechtAlertWarningBackgroundColor": "hsl(48 100% 80%)",
+  "utrechtAlertWarningColor": "hsl(0 0% 0%)",
   "utrechtArticleMaxInlineSize": "780px",
   "utrechtBackdropBackgroundColor": "hsl(0 0% 100%)",
   "utrechtBackdropColor": "hsl(0 0% 0%)",
+  "utrechtBackdropFadeInAnimationDuration": "400ms",
   "utrechtBackdropOpacity": "0.8",
-  "utrechtBackdropFadeInAnimationDuration": "0.4s",
   "utrechtBackdropReducedTransparencyOpacity": "0.98",
+  "utrechtBadgeBackgroundColor": "hsl(0 0% 30%)",
+  "utrechtBadgeBorderRadius": "0",
+  "utrechtBadgeColor": "hsl(0 0% 100%)",
   "utrechtBadgeCounterBackgroundColor": "hsl(0 100% 40%)",
   "utrechtBadgeCounterBorderRadius": "1rem",
   "utrechtBadgeCounterColor": "hsl(0 0% 100%)",
   "utrechtBadgeCounterFontSize": "1rem",
   "utrechtBadgeCounterPaddingBlock": "1ex",
   "utrechtBadgeCounterPaddingInline": "1ex",
+  "utrechtBadgeFontStyle": "normal",
   "utrechtBadgeListItemMarginBlock": "8px",
   "utrechtBadgeListItemMarginInline": "12px",
-  "utrechtBadgeBackgroundColor": "hsl(0 0% 30%)",
-  "utrechtBadgeBorderRadius": "0",
-  "utrechtBadgeColor": "hsl(0 0% 100%)",
   "utrechtBadgePaddingBlock": "8px",
   "utrechtBadgePaddingInline": "12px",
-  "utrechtBadgeFontStyle": "normal",
-  "utrechtBlockquoteMarginInlineStart": "1.6em",
-  "utrechtBlockquoteMarginInlineEnd": "1.6em",
-  "utrechtBlockquoteAttributionFontSize": "0.75rem",
+  "utrechtBlockquoteCaptionFontSize": "0.75rem",
   "utrechtBlockquoteContentColor": "hsl(0 100% 40%)",
   "utrechtBlockquoteContentFontSize": "1.125rem",
-  "utrechtBlockquoteMarginBlockStart": "1.6em",
   "utrechtBlockquoteMarginBlockEnd": "1.6em",
-  "utrechtBreadcrumbNavMinBlockSize": "34px",
+  "utrechtBlockquoteMarginBlockStart": "1.6em",
+  "utrechtBlockquoteMarginInlineEnd": "1.6em",
+  "utrechtBlockquoteMarginInlineStart": "1.6em",
+  "utrechtBorderRadiusLg": "8px",
+  "utrechtBorderRadiusMd": "4px",
+  "utrechtBorderRadiusNone": "0",
+  "utrechtBorderRadiusRound": "999px",
+  "utrechtBorderRadiusSm": "2px",
+  "utrechtBorderStyleDotted": "dotted",
+  "utrechtBorderStyleSolid": "solid",
+  "utrechtBorderWidthMd": "2px",
+  "utrechtBorderWidthSm": "1px",
+  "utrechtBreadcrumbNavArrowsLinkBackgroundColor": "hsl(0 0% 90%)",
+  "utrechtBreadcrumbNavArrowsLinkColor": "hsl(0 0% 0%)",
+  "utrechtBreadcrumbNavArrowsLinkFocusBackgroundColor": "hsl(48 100% 60%)",
+  "utrechtBreadcrumbNavArrowsLinkFocusColor": "hsl(0 0% 0%)",
+  "utrechtBreadcrumbNavDividerInlineSize": "1px",
   "utrechtBreadcrumbNavFontSize": "1rem",
-  "utrechtBreadcrumbNavItemPaddingBlockStart": "8px",
   "utrechtBreadcrumbNavItemPaddingBlockEnd": "8px",
+  "utrechtBreadcrumbNavItemPaddingBlockStart": "8px",
   "utrechtBreadcrumbNavItemPaddingInlineEnd": "8px",
   "utrechtBreadcrumbNavItemPaddingInlineStart": "8px",
   "utrechtBreadcrumbNavLinkColor": "hsl(211 60% 35%)",
+  "utrechtBreadcrumbNavLinkDisabledColor": "hsl(0 0% 40%)",
   "utrechtBreadcrumbNavLinkFocusBackgroundColor": "hsl(48 100% 60%)",
   "utrechtBreadcrumbNavLinkFocusColor": "hsl(211 60% 40%)",
   "utrechtBreadcrumbNavLinkFocusTextDecoration": "underline",
   "utrechtBreadcrumbNavLinkHoverColor": "hsl(211 60% 40%)",
   "utrechtBreadcrumbNavLinkHoverTextDecoration": "underline",
-  "utrechtBreadcrumbNavLinkDisabledColor": "hsl(0 0% 40%)",
-  "utrechtBreadcrumbNavLinkTextDecoration": "none",
   "utrechtBreadcrumbNavLinkIconSize": "16px",
+  "utrechtBreadcrumbNavLinkTextDecoration": "none",
+  "utrechtBreadcrumbNavMinBlockSize": "34px",
   "utrechtBreadcrumbNavSeparatorColor": "hsl(211 60% 35%)",
   "utrechtBreadcrumbNavSeparatorIconSize": "0.875rem",
-  "utrechtBreadcrumbNavArrowsLinkBackgroundColor": "hsl(0 0% 90%)",
-  "utrechtBreadcrumbNavArrowsLinkFocusBackgroundColor": "hsl(48 100% 60%)",
-  "utrechtBreadcrumbNavArrowsLinkFocusColor": "hsl(0 0% 0%)",
-  "utrechtBreadcrumbNavArrowsLinkColor": "hsl(0 0% 0%)",
-  "utrechtBreadcrumbNavDividerInlineSize": "1px",
+  "utrechtButtonActiveBackgroundColor": "hsl(0 0% 40%)",
+  "utrechtButtonActiveColor": "hsl(0 0% 100%)",
   "utrechtButtonBackgroundColor": "hsl(0 0% 100%)",
   "utrechtButtonBorderColor": "hsl(0 0% 40%)",
   "utrechtButtonBorderRadius": "0",
   "utrechtButtonBorderWidth": "1px",
   "utrechtButtonColor": "hsl(0 0% 40%)",
+  "utrechtButtonColumnGap": "0.5ch",
+  "utrechtButtonDisabledBackgroundColor": "hsl(0 0% 90%)",
+  "utrechtButtonDisabledBorderColor": "hsl(0 0% 80%)",
+  "utrechtButtonDisabledColor": "hsl(0 0% 80%)",
+  "utrechtButtonFocusScale": "1.02",
   "utrechtButtonFontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
   "utrechtButtonFontSize": "1rem",
-  "utrechtButtonMarginBlockStart": "8px",
+  "utrechtButtonHoverScale": "1.02",
   "utrechtButtonMarginBlockEnd": "8px",
-  "utrechtButtonMarginInlineStart": "0",
+  "utrechtButtonMarginBlockStart": "8px",
   "utrechtButtonMarginInlineEnd": "0",
-  "utrechtButtonPaddingBlockStart": "8px",
+  "utrechtButtonMarginInlineStart": "0",
   "utrechtButtonPaddingBlockEnd": "8px",
-  "utrechtButtonPaddingInlineStart": "16px",
+  "utrechtButtonPaddingBlockStart": "8px",
   "utrechtButtonPaddingInlineEnd": "16px",
-  "utrechtButtonActiveBackgroundColor": "hsl(0 0% 40%)",
-  "utrechtButtonActiveColor": "hsl(0 0% 100%)",
-  "utrechtButtonIconGap": "0.5ch",
-  "utrechtButtonDisabledBackgroundColor": "hsl(0 0% 90%)",
-  "utrechtButtonDisabledBorderColor": "hsl(0 0% 80%)",
-  "utrechtButtonDisabledColor": "hsl(0 0% 80%)",
-  "utrechtButtonFocusScale": "1.02",
-  "utrechtButtonHoverScale": "1.02",
+  "utrechtButtonPaddingInlineStart": "16px",
   "utrechtButtonPressedBackgroundColor": "hsl(0 0% 40%)",
   "utrechtButtonPressedColor": "hsl(0 0% 100%)",
+  "utrechtButtonPrimaryActionActiveBackgroundColor": "hsl(211 60% 30%)",
+  "utrechtButtonPrimaryActionActiveBorderColor": "hsl(211 60% 30%)",
+  "utrechtButtonPrimaryActionActiveColor": "hsl(0 0% 100%)",
   "utrechtButtonPrimaryActionBackgroundColor": "hsl(211 60% 35%)",
   "utrechtButtonPrimaryActionBorderColor": "transparent",
   "utrechtButtonPrimaryActionBorderWidth": "2px",
   "utrechtButtonPrimaryActionColor": "hsl(0 0% 100%)",
-  "utrechtButtonPrimaryActionActiveBackgroundColor": "hsl(211 60% 30%)",
-  "utrechtButtonPrimaryActionActiveBorderColor": "hsl(211 60% 30%)",
-  "utrechtButtonPrimaryActionActiveColor": "hsl(0 0% 100%)",
+  "utrechtButtonPrimaryActionDangerBackgroundColor": "hsl(0 100% 40%)",
+  "utrechtButtonPrimaryActionDangerBorderColor": "transparent",
+  "utrechtButtonPrimaryActionDangerColor": "hsl(0 0% 100%)",
+  "utrechtButtonPrimaryActionDangerDisabledBorderColor": "hsl(0 0% 90%)",
+  "utrechtButtonPrimaryActionDangerFocusBackgroundColor": "hsl(0 100% 30%)",
+  "utrechtButtonPrimaryActionDangerFocusBorderColor": "hsl(0 100% 30%)",
+  "utrechtButtonPrimaryActionDangerHoverBackgroundColor": "hsl(0 100% 30%)",
+  "utrechtButtonPrimaryActionDangerHoverBorderColor": "transparent",
+  "utrechtButtonPrimaryActionDangerHoverColor": "hsl(0 0% 100%)",
   "utrechtButtonPrimaryActionDisabledBackgroundColor": "hsl(0 0% 90%)",
   "utrechtButtonPrimaryActionDisabledBorderColor": "hsl(0 0% 80%)",
   "utrechtButtonPrimaryActionDisabledColor": "hsl(0 0% 80%)",
-  "utrechtButtonPrimaryActionHoverBackgroundColor": "hsl(211 60% 40%)",
-  "utrechtButtonPrimaryActionHoverBorderColor": "transparent",
-  "utrechtButtonPrimaryActionHoverColor": "hsl(0 0% 100%)",
   "utrechtButtonPrimaryActionFocusBackgroundColor": "hsl(211 60% 40%)",
   "utrechtButtonPrimaryActionFocusBorderColor": "hsl(211 60% 40%)",
   "utrechtButtonPrimaryActionFocusBorderWidth": "2px",
+  "utrechtButtonPrimaryActionHoverBackgroundColor": "hsl(211 60% 40%)",
+  "utrechtButtonPrimaryActionHoverBorderColor": "transparent",
+  "utrechtButtonPrimaryActionHoverColor": "hsl(0 0% 100%)",
   "utrechtButtonPrimaryActionPressedBackgroundColor": "hsl(211 60% 30%)",
   "utrechtButtonPrimaryActionPressedBorderColor": "hsl(211 60% 30%)",
   "utrechtButtonPrimaryActionPressedColor": "hsl(0 0% 100%)",
@@ -148,36 +222,32 @@
   "utrechtButtonPrimaryActionReadyBorderColor": "transparent",
   "utrechtButtonPrimaryActionReadyColor": "hsl(0 0% 0%)",
   "utrechtButtonPrimaryActionReadyDisabledBorderColor": "hsl(0 0% 90%)",
+  "utrechtButtonPrimaryActionReadyFocusBackgroundColor": "hsl(90 30% 38%)",
+  "utrechtButtonPrimaryActionReadyFocusBorderColor": "hsl(90 30% 38%)",
   "utrechtButtonPrimaryActionReadyHoverBackgroundColor": "hsl(90 30% 38%)",
   "utrechtButtonPrimaryActionReadyHoverBorderColor": "transparent",
   "utrechtButtonPrimaryActionReadyHoverColor": "hsl(0 0% 100%)",
-  "utrechtButtonPrimaryActionReadyFocusBackgroundColor": "hsl(90 30% 38%)",
-  "utrechtButtonPrimaryActionReadyFocusBorderColor": "hsl(90 30% 38%)",
   "utrechtButtonPrimaryActionWarningBackgroundColor": "hsl(48 100% 50%)",
   "utrechtButtonPrimaryActionWarningBorderColor": "transparent",
   "utrechtButtonPrimaryActionWarningColor": "hsl(0 0% 0%)",
   "utrechtButtonPrimaryActionWarningDisabledBorderColor": "hsl(0 0% 90%)",
+  "utrechtButtonPrimaryActionWarningFocusBackgroundColor": "hsl(48 100% 40%)",
+  "utrechtButtonPrimaryActionWarningFocusBorderColor": "hsl(48 100% 40%)",
   "utrechtButtonPrimaryActionWarningHoverBackgroundColor": "hsl(48 100% 40%)",
   "utrechtButtonPrimaryActionWarningHoverBorderColor": "transparent",
   "utrechtButtonPrimaryActionWarningHoverColor": "hsl(0 0% 0%)",
-  "utrechtButtonPrimaryActionWarningFocusBackgroundColor": "hsl(48 100% 40%)",
-  "utrechtButtonPrimaryActionWarningFocusBorderColor": "hsl(48 100% 40%)",
-  "utrechtButtonPrimaryActionDangerBackgroundColor": "hsl(0 100% 40%)",
-  "utrechtButtonPrimaryActionDangerBorderColor": "transparent",
-  "utrechtButtonPrimaryActionDangerColor": "hsl(0 0% 100%)",
-  "utrechtButtonPrimaryActionDangerDisabledBorderColor": "hsl(0 0% 90%)",
-  "utrechtButtonPrimaryActionDangerHoverBackgroundColor": "hsl(0 100% 30%)",
-  "utrechtButtonPrimaryActionDangerHoverBorderColor": "transparent",
-  "utrechtButtonPrimaryActionDangerHoverColor": "hsl(0 0% 100%)",
-  "utrechtButtonPrimaryActionDangerFocusBackgroundColor": "hsl(0 100% 30%)",
-  "utrechtButtonPrimaryActionDangerFocusBorderColor": "hsl(0 100% 30%)",
+  "utrechtButtonSecondaryActionActiveBackgroundColor": "hsl(0 0% 100%)",
+  "utrechtButtonSecondaryActionActiveBorderColor": "hsl(211 60% 30%)",
+  "utrechtButtonSecondaryActionActiveColor": "hsl(211 60% 30%)",
   "utrechtButtonSecondaryActionBackgroundColor": "hsl(0 0% 100%)",
   "utrechtButtonSecondaryActionBorderColor": "hsl(211 60% 35%)",
   "utrechtButtonSecondaryActionBorderWidth": "2px",
   "utrechtButtonSecondaryActionColor": "hsl(211 60% 35%)",
-  "utrechtButtonSecondaryActionActiveBackgroundColor": "hsl(0 0% 100%)",
-  "utrechtButtonSecondaryActionActiveBorderColor": "hsl(211 60% 30%)",
-  "utrechtButtonSecondaryActionActiveColor": "hsl(211 60% 30%)",
+  "utrechtButtonSecondaryActionDangerBorderColor": "hsl(0 100% 40%)",
+  "utrechtButtonSecondaryActionDangerColor": "hsl(0 100% 40%)",
+  "utrechtButtonSecondaryActionDangerFocusBorderColor": "hsl(0 100% 30%)",
+  "utrechtButtonSecondaryActionDangerHoverBorderColor": "hsl(0 100% 30%)",
+  "utrechtButtonSecondaryActionDangerHoverColor": "hsl(0 100% 30%)",
   "utrechtButtonSecondaryActionDisabledBackgroundColor": "hsl(0 0% 100%)",
   "utrechtButtonSecondaryActionDisabledBorderColor": "hsl(0 0% 80%)",
   "utrechtButtonSecondaryActionDisabledColor": "hsl(0 0% 80%)",
@@ -186,216 +256,150 @@
   "utrechtButtonSecondaryActionHoverColor": "hsl(211 60% 35%)",
   "utrechtButtonSecondaryActionPressedBackgroundColor": "hsl(0 0% 100%)",
   "utrechtButtonSecondaryActionPressedColor": "hsl(211 60% 30%)",
-  "utrechtButtonSecondaryActionDangerBorderColor": "hsl(0 100% 40%)",
-  "utrechtButtonSecondaryActionDangerColor": "hsl(0 100% 40%)",
-  "utrechtButtonSecondaryActionDangerHoverBorderColor": "hsl(0 100% 30%)",
-  "utrechtButtonSecondaryActionDangerHoverColor": "hsl(0 100% 30%)",
-  "utrechtButtonSecondaryActionDangerFocusBorderColor": "hsl(0 100% 30%)",
-  "utrechtButtonSecondaryActionWarningBorderColor": "hsl(48 100% 50%)",
-  "utrechtButtonSecondaryActionWarningColor": "hsl(0 0% 40%)",
-  "utrechtButtonSecondaryActionWarningHoverBorderColor": "hsl(48 100% 40%)",
-  "utrechtButtonSecondaryActionWarningHoverColor": "hsl(48 100% 40%)",
-  "utrechtButtonSecondaryActionWarningFocusBorderColor": "hsl(48 100% 40%)",
   "utrechtButtonSecondaryActionReadyBorderColor": "hsl(90 30% 50%)",
   "utrechtButtonSecondaryActionReadyColor": "hsl(0 0% 40%)",
+  "utrechtButtonSecondaryActionReadyFocusBorderColor": "hsl(90 30% 38%)",
   "utrechtButtonSecondaryActionReadyHoverBorderColor": "hsl(90 30% 38%)",
   "utrechtButtonSecondaryActionReadyHoverColor": "hsl(90 30% 38%)",
-  "utrechtButtonSecondaryActionReadyFocusBorderColor": "hsl(90 30% 38%)",
+  "utrechtButtonSecondaryActionWarningBorderColor": "hsl(48 100% 50%)",
+  "utrechtButtonSecondaryActionWarningColor": "hsl(0 0% 40%)",
+  "utrechtButtonSecondaryActionWarningFocusBorderColor": "hsl(48 100% 40%)",
+  "utrechtButtonSecondaryActionWarningHoverBorderColor": "hsl(48 100% 40%)",
+  "utrechtButtonSecondaryActionWarningHoverColor": "hsl(48 100% 40%)",
+  "utrechtButtonSubtleActiveBackgroundColor": "hsl(211 60% 35%)",
+  "utrechtButtonSubtleActiveColor": "hsl(0 0% 100%)",
   "utrechtButtonSubtleBackgroundColor": "transparent",
   "utrechtButtonSubtleBorderColor": "transparent",
   "utrechtButtonSubtleBorderWidth": "2px",
   "utrechtButtonSubtleColor": "hsl(211 60% 35%)",
-  "utrechtButtonSubtleFontWeight": "700",
-  "utrechtButtonSubtleActiveBackgroundColor": "hsl(211 60% 35%)",
-  "utrechtButtonSubtleActiveColor": "hsl(0 0% 100%)",
+  "utrechtButtonSubtleDangerColor": "hsl(0 100% 40%)",
+  "utrechtButtonSubtleDangerFocusColor": "hsl(0 100% 30%)",
+  "utrechtButtonSubtleDangerHoverColor": "hsl(0 100% 30%)",
   "utrechtButtonSubtleDisabledBackgroundColor": "transparent",
   "utrechtButtonSubtleDisabledColor": "hsl(0 0% 80%)",
-  "utrechtButtonSubtleHoverBackgroundColor": "hsl(0 0% 100%)",
-  "utrechtButtonSubtleHoverBorderColor": "hsl(211 60% 40%)",
-  "utrechtButtonSubtleHoverColor": "hsl(211 60% 35%)",
   "utrechtButtonSubtleFocusBackgroundColor": "hsl(0 0% 100%)",
   "utrechtButtonSubtleFocusBorderColor": "hsl(211 60% 35%)",
   "utrechtButtonSubtleFocusColor": "hsl(211 60% 35%)",
-  "utrechtButtonSubtlePressedBackgroundColor": "hsl(211 60% 35%)",
-  "utrechtButtonSubtlePressedColor": "hsl(0 0% 100%)",
-  "utrechtButtonSubtleDangerColor": "hsl(0 100% 40%)",
-  "utrechtButtonSubtleDangerHoverColor": "hsl(0 100% 30%)",
-  "utrechtButtonSubtleDangerFocusColor": "hsl(0 100% 30%)",
+  "utrechtButtonSubtleFontWeight": "700",
+  "utrechtButtonSubtleHoverBackgroundColor": "hsl(0 0% 100%)",
+  "utrechtButtonSubtleHoverBorderColor": "hsl(211 60% 40%)",
+  "utrechtButtonSubtleHoverColor": "hsl(211 60% 35%)",
+  "utrechtButtonSubtlePressedBackgroundColor": "hsl(211 60% 35%)",
+  "utrechtButtonSubtlePressedColor": "hsl(0 0% 100%)",
   "utrechtButtonSubtleReadyColor": "hsl(90 30% 50%)",
-  "utrechtButtonSubtleReadyHoverColor": "hsl(90 30% 38%)",
   "utrechtButtonSubtleReadyFocusColor": "hsl(90 30% 38%)",
-  "utrechtCalendarTableWeeksItemWidth": "44px",
-  "utrechtCalendarTableWeeksItemPaddingBlockStart": "4px",
-  "utrechtCalendarTableWeeksItemPaddingBlockEnd": "10px",
-  "utrechtCalendarTableWeeksItemLineHeight": "24px",
-  "utrechtCalendarTableDaysItemDaySize": "44px",
-  "utrechtCalendarTableDaysItemDayColor": "hsl(0 0% 0%)",
-  "utrechtCalendarTableDaysItemDayBorderWidth": "2px",
+  "utrechtButtonSubtleReadyHoverColor": "hsl(90 30% 38%)",
+  "utrechtCalendarIconSize": "24px",
+  "utrechtCalendarNavigationColor": "hsl(211 60% 30%)",
+  "utrechtCalendarNavigationLabelColor": "hsl(0 0% 0%)",
+  "utrechtCalendarNavigationLabelFontSize": "1.125rem",
+  "utrechtCalendarNavigationLabelMinInlineSize": "200px",
+  "utrechtCalendarNavigationPaddingBlockEnd": "2px",
+  "utrechtCalendarNavigationPaddingBlockStart": "2px",
+  "utrechtCalendarTableDaysItemDayActiveBorderColor": "transparent",
   "utrechtCalendarTableDaysItemDayBorderColor": "transparent",
-  "utrechtCalendarTableDaysItemDayHoverColor": "hsl(211 60% 40%)",
-  "utrechtCalendarTableDaysItemDayHoverBorderColor": "hsl(0 0% 0%)",
+  "utrechtCalendarTableDaysItemDayBorderWidth": "2px",
+  "utrechtCalendarTableDaysItemDayColor": "hsl(0 0% 0%)",
+  "utrechtCalendarTableDaysItemDayDisabledBorderColor": "transparent",
+  "utrechtCalendarTableDaysItemDayDisabledColor": "hsl(0 0% 40%)",
+  "utrechtCalendarTableDaysItemDayEmphasisBorderColor": "transparent",
   "utrechtCalendarTableDaysItemDayFocusBorderColor": "transparent",
-  "utrechtCalendarTableDaysItemDayActiveBorderColor": "transparent",
-  "utrechtCalendarTableDaysItemDayOutOfTheMonthColor": "hsl(0 0% 80%)",
-  "utrechtCalendarTableDaysItemDayOutOfTheMonthBorderColor": "transparent",
+  "utrechtCalendarTableDaysItemDayHoverBorderColor": "hsl(0 0% 0%)",
+  "utrechtCalendarTableDaysItemDayHoverColor": "hsl(211 60% 40%)",
   "utrechtCalendarTableDaysItemDayIsTodayBackgroundColor": "hsl(211 60% 90%)",
-  "utrechtCalendarTableDaysItemDayIsTodayColor": "hsl(211 60% 30%)",
   "utrechtCalendarTableDaysItemDayIsTodayBorderColor": "hsl(211 60% 35%)",
+  "utrechtCalendarTableDaysItemDayIsTodayColor": "hsl(211 60% 30%)",
   "utrechtCalendarTableDaysItemDayIsTodayFontWeight": "700",
-  "utrechtCalendarTableDaysItemDayEmphasisBorderColor": "transparent",
+  "utrechtCalendarTableDaysItemDayOutOfTheMonthBorderColor": "transparent",
+  "utrechtCalendarTableDaysItemDayOutOfTheMonthColor": "hsl(0 0% 80%)",
   "utrechtCalendarTableDaysItemDaySelectedBackgroundColor": "hsl(211 60% 30%)",
-  "utrechtCalendarTableDaysItemDaySelectedColor": "hsl(0 0% 100%)",
   "utrechtCalendarTableDaysItemDaySelectedBorderColor": "transparent",
-  "utrechtCalendarTableDaysItemDayDisabledColor": "hsl(0 0% 40%)",
-  "utrechtCalendarTableDaysItemDayDisabledBorderColor": "transparent",
-  "utrechtCalendarNavigationColor": "hsl(211 60% 30%)",
-  "utrechtCalendarNavigationPaddingBlockStart": "2px",
-  "utrechtCalendarNavigationPaddingBlockEnd": "2px",
-  "utrechtCalendarNavigationLabelMinInlineSize": "200px",
-  "utrechtCalendarNavigationLabelColor": "hsl(0 0% 0%)",
-  "utrechtCalendarNavigationLabelFontSize": "1.125rem",
-  "utrechtCalendarIconSize": "24px",
+  "utrechtCalendarTableDaysItemDaySelectedColor": "hsl(0 0% 100%)",
+  "utrechtCalendarTableDaysItemDaySize": "44px",
+  "utrechtCalendarTableWeeksItemLineHeight": "1.5rem",
+  "utrechtCalendarTableWeeksItemPaddingBlockEnd": "10px",
+  "utrechtCalendarTableWeeksItemPaddingBlockStart": "4px",
+  "utrechtCalendarTableWeeksItemWidth": "44px",
   "utrechtCheckboxBackgroundColor": "hsl(0 0% 100%)",
   "utrechtCheckboxBorderColor": "hsl(0 0% 30%)",
   "utrechtCheckboxBorderRadius": "0",
   "utrechtCheckboxBorderWidth": "2px",
+  "utrechtCheckboxCheckedBackgroundColor": "hsl(211 60% 40%)",
+  "utrechtCheckboxCheckedBorderColor": "hsl(211 60% 40%)",
   "utrechtCheckboxColor": "hsl(0 0% 0%)",
-  "utrechtCheckboxSize": "24px",
-  "utrechtCheckboxFocusBorderWidth": "2px",
-  "utrechtCheckboxDisabledBorderColor": "hsl(0 0% 80%)",
   "utrechtCheckboxDisabledBackgroundColor": "hsl(0 0% 80%)",
-  "utrechtCheckboxCheckedBorderColor": "hsl(211 60% 40%)",
-  "utrechtCheckboxCheckedBackgroundColor": "hsl(211 60% 40%)",
+  "utrechtCheckboxDisabledBorderColor": "hsl(0 0% 80%)",
+  "utrechtCheckboxFocusBorderWidth": "2px",
   "utrechtCheckboxIndeterminateBackgroundColor": "hsl(211 60% 40%)",
   "utrechtCheckboxInvalidBorderColor": "#990000",
   "utrechtCheckboxMarginBlockStart": 0,
+  "utrechtCheckboxSize": "24px",
   "utrechtCodeBlockBackgroundColor": "hsl(0 0% 95%)",
   "utrechtCodeBlockColor": "hsl(0 0% 0%)",
-  "utrechtCodeBlockFontSize": "16px",
-  "utrechtCodeBlockLineHeight": "24px",
-  "utrechtCodeBlockMarginBlockStart": "20px",
+  "utrechtCodeBlockFontSize": "1rem",
+  "utrechtCodeBlockLineHeight": "1.5",
   "utrechtCodeBlockMarginBlockEnd": "20px",
-  "utrechtCodeBlockPaddingBlockStart": "20px",
+  "utrechtCodeBlockMarginBlockStart": "20px",
   "utrechtCodeBlockPaddingBlockEnd": "20px",
-  "utrechtCodeBlockPaddingInlineStart": "20px",
+  "utrechtCodeBlockPaddingBlockStart": "20px",
   "utrechtCodeBlockPaddingInlineEnd": "20px",
+  "utrechtCodeBlockPaddingInlineStart": "20px",
+  "utrechtColorBlack": "hsl(0 0% 0%)",
+  "utrechtColorBlue20": "hsl(211 60% 20%)",
+  "utrechtColorBlue30": "hsl(211 60% 30%)",
+  "utrechtColorBlue35": "hsl(211 60% 35%)",
+  "utrechtColorBlue40": "hsl(211 60% 40%)",
+  "utrechtColorBlue50": "hsl(211 60% 50%)",
+  "utrechtColorBlue60": "hsl(211 60% 60%)",
+  "utrechtColorBlue80": "hsl(211 60% 80%)",
+  "utrechtColorBlue90": "hsl(211 60% 90%)",
+  "utrechtColorGreen30": "hsl(90 30% 30%)",
+  "utrechtColorGreen40": "hsl(90 30% 38%)",
+  "utrechtColorGreen50": "hsl(90 30% 50%)",
+  "utrechtColorGreen80": "hsl(90 30% 80%)",
+  "utrechtColorGreen90": "hsl(90 30% 90%)",
+  "utrechtColorGrey10": "hsl(0 0% 10%)",
+  "utrechtColorGrey15": "hsl(0 0% 15%)",
+  "utrechtColorGrey20": "hsl(0 0% 20%)",
+  "utrechtColorGrey30": "hsl(0 0% 30%)",
+  "utrechtColorGrey40": "hsl(0 0% 40%)",
+  "utrechtColorGrey80": "hsl(0 0% 80%)",
+  "utrechtColorGrey90": "hsl(0 0% 90%)",
+  "utrechtColorGrey95": "hsl(0 0% 95%)",
+  "utrechtColorInvalid": "#990000",
+  "utrechtColorRed20": "hsl(0 100% 20%)",
+  "utrechtColorRed30": "hsl(0 100% 30%)",
+  "utrechtColorRed40": "hsl(0 100% 40%)",
+  "utrechtColorRed95": "hsl(0 100% 95%)",
+  "utrechtColorSecondaryBlue": "#006dff",
+  "utrechtColorSecondaryBrown": "#ad643b",
+  "utrechtColorSecondaryCyan": "#009ed4",
+  "utrechtColorSecondaryGreen": "#32ab27",
+  "utrechtColorSecondaryGrey": "#757575",
+  "utrechtColorSecondaryLime": "#99d000",
+  "utrechtColorSecondaryMagenta": "#f02198",
+  "utrechtColorSecondaryNavy": "#1c4181",
+  "utrechtColorSecondaryOrange": "#ff6e00",
+  "utrechtColorSecondaryPurple": "#762cd1",
+  "utrechtColorSecondaryRed": "#cc0000",
+  "utrechtColorSecondaryYellow": "#ffcc00",
+  "utrechtColorWhite": "hsl(0 0% 100%)",
+  "utrechtColorYellow20": "hsl(48 100% 20%)",
+  "utrechtColorYellow40": "hsl(48 100% 40%)",
+  "utrechtColorYellow50": "hsl(48 100% 50%)",
+  "utrechtColorYellow60": "hsl(48 100% 60%)",
+  "utrechtColorYellow80": "hsl(48 100% 80%)",
   "utrechtColumnLayoutColumnRuleColor": "hsl(0 0% 80%)",
   "utrechtColumnLayoutColumnRuleWidth": "2px",
   "utrechtColumnLayoutColumnWidth": "350px",
   "utrechtColumnLayoutGap": "16px",
-  "utrechtActionBusyCursor": "wait",
-  "utrechtActionDisabledCursor": "not-allowed",
-  "utrechtActionNavigateCursor": "pointer",
-  "utrechtActionSubmitCursor": "pointer",
-  "utrechtActionActivateCursor": "pointer",
-  "utrechtActionInertCursor": "default",
-  "utrechtFeedbackDangerBackgroundColor": "hsl(0 100% 40%)",
-  "utrechtFeedbackDangerBorderColor": "hsl(0 100% 40%)",
-  "utrechtFeedbackDangerColor": "hsl(0 100% 40%)",
-  "utrechtFeedbackDangerFillBackgroundColor": "hsl(0 100% 40%)",
-  "utrechtFeedbackDangerFillColor": "hsl(0 0% 100%)",
-  "utrechtFeedbackWarningBackgroundColor": "hsl(48 100% 50%)",
-  "utrechtFeedbackWarningBorderColor": "hsl(48 100% 50%)",
-  "utrechtFeedbackWarningColor": "hsl(48 100% 50%)",
-  "utrechtFeedbackWarningFillBackgroundColor": "hsl(48 100% 50%)",
-  "utrechtFeedbackWarningFillColor": "hsl(0 0% 0%)",
-  "utrechtFeedbackSafeBackgroundColor": "hsl(90 30% 50%)",
-  "utrechtFeedbackSafeBorderColor": "hsl(90 30% 50%)",
-  "utrechtFeedbackSafeColor": "hsl(90 30% 50%)",
-  "utrechtFeedbackSafeFillBackgroundColor": "hsl(90 30% 50%)",
-  "utrechtFeedbackSafeFillColor": "hsl(0 0% 100%)",
-  "utrechtFeedbackInvalidBackgroundColor": "#990000",
-  "utrechtFeedbackInvalidBorderColor": "#990000",
-  "utrechtFeedbackInvalidColor": "#990000",
-  "utrechtFeedbackInvalidFillBackgroundColor": "#990000",
-  "utrechtFeedbackInvalidFillColor": "hsl(0 0% 100%)",
-  "utrechtFeedbackValidBackgroundColor": "hsl(90 30% 50%)",
-  "utrechtFeedbackValidBorderColor": "hsl(90 30% 50%)",
-  "utrechtFeedbackValidColor": "hsl(90 30% 50%)",
-  "utrechtFeedbackValidFillBackgroundColor": "hsl(90 30% 50%)",
-  "utrechtFeedbackValidFillColor": "hsl(0 0% 100%)",
-  "utrechtFeedbackErrorBackgroundColor": "hsl(0 100% 40%)",
-  "utrechtFeedbackErrorBorderColor": "hsl(0 100% 40%)",
-  "utrechtFeedbackErrorColor": "hsl(0 100% 40%)",
-  "utrechtFeedbackErrorFillBackgroundColor": "hsl(0 100% 40%)",
-  "utrechtFeedbackErrorFillColor": "hsl(0 0% 100%)",
-  "utrechtFeedbackSuccessBackgroundColor": "hsl(90 30% 50%)",
-  "utrechtFeedbackSuccessBorderColor": "hsl(90 30% 50%)",
-  "utrechtFeedbackSuccessColor": "hsl(90 30% 50%)",
-  "utrechtFeedbackSuccessFillBackgroundColor": "hsl(90 30% 50%)",
-  "utrechtFeedbackSuccessFillColor": "hsl(0 0% 100%)",
-  "utrechtFeedbackInactiveBackgroundColor": "hsl(0 100% 40%)",
-  "utrechtFeedbackInactiveBorderColor": "hsl(0 100% 40%)",
-  "utrechtFeedbackInactiveColor": "hsl(0 100% 40%)",
-  "utrechtFeedbackInactiveFillBackgroundColor": "hsl(0 100% 40%)",
-  "utrechtFeedbackInactiveFillColor": "hsl(0 0% 100%)",
-  "utrechtFeedbackActiveBackgroundColor": "hsl(90 30% 50%)",
-  "utrechtFeedbackActiveBorderColor": "hsl(90 30% 50%)",
-  "utrechtFeedbackActiveColor": "hsl(90 30% 50%)",
-  "utrechtFeedbackActiveFillBackgroundColor": "hsl(90 30% 50%)",
-  "utrechtFeedbackActiveFillColor": "hsl(0 0% 100%)",
-  "utrechtPointerTargetMinSize": "44px",
-  "utrechtSpaceBlock3xs": "2px",
-  "utrechtSpaceBlock2xs": "4px",
-  "utrechtSpaceBlockXs": "8px",
-  "utrechtSpaceBlockSm": "12px",
-  "utrechtSpaceBlockMd": "16px",
-  "utrechtSpaceBlockLg": "20px",
-  "utrechtSpaceBlockXl": "24px",
-  "utrechtSpaceBlock2xl": "32px",
-  "utrechtSpaceBlock3xl": "48px",
-  "utrechtSpaceBlock4xl": "64px",
-  "utrechtSpaceBlock4xs": "1px",
-  "utrechtSpaceInline3xs": "2px",
-  "utrechtSpaceInline2xs": "4px",
-  "utrechtSpaceInlineXs": "8px",
-  "utrechtSpaceInlineSm": "12px",
-  "utrechtSpaceInlineMd": "16px",
-  "utrechtSpaceInlineLg": "20px",
-  "utrechtSpaceInlineXl": "24px",
-  "utrechtSpaceInline2xl": "28px",
-  "utrechtSpaceInline3xl": "32px",
-  "utrechtSpaceInline4xl": "48px",
-  "utrechtSpaceText3xs": "0.125ch",
-  "utrechtSpaceText2xs": "0.25ch",
-  "utrechtSpaceTextXs": "0.5ch",
-  "utrechtSpaceTextSm": "0.75ch",
-  "utrechtSpaceTextMd": "1ch",
-  "utrechtSpaceTextLg": "1.5ch",
-  "utrechtSpaceTextXl": "1.75ch",
-  "utrechtSpaceText2xl": "2ch",
-  "utrechtSpaceText3xl": "3ch",
-  "utrechtSpaceRow4xs": "1px",
-  "utrechtSpaceRow3xs": "2px",
-  "utrechtSpaceRow2xs": "4px",
-  "utrechtSpaceRowXs": "8px",
-  "utrechtSpaceRowSm": "12px",
-  "utrechtSpaceRowMd": "16px",
-  "utrechtSpaceRowLg": "20px",
-  "utrechtSpaceRowXl": "24px",
-  "utrechtSpaceRow2xl": "28px",
-  "utrechtSpaceRow3xl": "32px",
-  "utrechtSpaceRow4xl": "48px",
-  "utrechtSpaceRow5xl": "64px",
-  "utrechtSpaceColumn4xs": "1px",
-  "utrechtSpaceColumn3xs": "2px",
-  "utrechtSpaceColumn2xs": "4px",
-  "utrechtSpaceColumnXs": "8px",
-  "utrechtSpaceColumnSm": "12px",
-  "utrechtSpaceColumnMd": "16px",
-  "utrechtSpaceColumnLg": "20px",
-  "utrechtSpaceColumnXl": "24px",
-  "utrechtSpaceColumn2xl": "28px",
-  "utrechtSpaceColumn3xl": "32px",
-  "utrechtSpaceColumn4xl": "48px",
-  "utrechtSpaceColumn5xl": "64px",
+  "utrechtDataListItemKeyFontWeight": "700",
   "utrechtDataListMarginBlockEnd": "16px",
   "utrechtDataListMarginBlockStart": "16px",
-  "utrechtDataListItemKeyFontWeight": "700",
-  "utrechtDataListRowsItemMarginBlockStart": "16px",
-  "utrechtDataListRowsItemValueMarginBlockStart": "8px",
   "utrechtDataListRowsColumnInlineSize": "80%",
   "utrechtDataListRowsColumnMinInlineSize": "25ch",
+  "utrechtDataListRowsItemMarginBlockStart": "16px",
+  "utrechtDataListRowsItemValueMarginBlockStart": "8px",
   "utrechtDataPlaceholderBackgroundColor": "hsl(0 0% 40%)",
   "utrechtDocumentBackgroundColor": "hsl(0 0% 100%)",
   "utrechtDocumentColor": "hsl(0 0% 0%)",
@@ -410,88 +414,133 @@
   "utrechtDrawerMaxInlineSize": "320px",
   "utrechtDrawerPaddingBlockEnd": "16px",
   "utrechtDrawerPaddingBlockStart": "16px",
-  "utrechtDrawerPaddingInlineStart": "16px",
   "utrechtDrawerPaddingInlineEnd": "16px",
+  "utrechtDrawerPaddingInlineStart": "16px",
   "utrechtEmphasisStrongFontWeight": "700",
-  "utrechtFigureCaptionColor": "#727272",
-  "utrechtFigureCaptionFontSize": "14px",
-  "utrechtFigureCaptionLineHeight": "20px",
-  "utrechtFocusBackgroundColor": "hsl(48 100% 60%)",
-  "utrechtFocusOutlineColor": "hsl(0 0% 0%)",
-  "utrechtFocusOutlineStyle": "dotted",
-  "utrechtFocusOutlineWidth": "2px",
-  "utrechtFocusInverseOutlineColor": "hsl(0 0% 100%)",
-  "utrechtFormControlBackgroundColor": "hsl(0 0% 100%)",
-  "utrechtFormControlBorderColor": "hsl(0 0% 30%)",
-  "utrechtFormControlBorderRadius": "0",
-  "utrechtFormControlBorderWidth": "1px",
-  "utrechtFormControlColor": "hsl(0 0% 0%)",
-  "utrechtFormControlFontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
-  "utrechtFormControlFontSize": "1rem",
-  "utrechtFormControlMaxInlineSize": "28em",
-  "utrechtFormControlPaddingBlockEnd": "8px",
-  "utrechtFormControlPaddingBlockStart": "8px",
-  "utrechtFormControlPaddingInlineEnd": "12px",
-  "utrechtFormControlPaddingInlineStart": "12px",
-  "utrechtFormControlPlaceholderColor": "hsl(0 0% 40%)",
-  "utrechtFormControlPlaceholderFontStyle": "normal",
-  "utrechtFormControlBlockSize": "42px",
-  "utrechtFormControlFocusBorderColor": "hsl(0 0% 80%)",
-  "utrechtFormControlInvalidBorderColor": "#990000",
-  "utrechtFormControlReadOnlyBackgroundColor": "hsl(0 0% 90%)",
-  "utrechtFormControlReadOnlyColor": "hsl(0 0% 20%)",
+  "utrechtFeedbackActiveBackgroundColor": "hsl(90 30% 50%)",
+  "utrechtFeedbackActiveBorderColor": "hsl(90 30% 50%)",
+  "utrechtFeedbackActiveColor": "hsl(90 30% 50%)",
+  "utrechtFeedbackActiveFillBackgroundColor": "hsl(90 30% 50%)",
+  "utrechtFeedbackActiveFillColor": "hsl(0 0% 100%)",
+  "utrechtFeedbackDangerBackgroundColor": "hsl(0 100% 40%)",
+  "utrechtFeedbackDangerBorderColor": "hsl(0 100% 40%)",
+  "utrechtFeedbackDangerColor": "hsl(0 100% 40%)",
+  "utrechtFeedbackDangerFillBackgroundColor": "hsl(0 100% 40%)",
+  "utrechtFeedbackDangerFillColor": "hsl(0 0% 100%)",
+  "utrechtFeedbackErrorBackgroundColor": "hsl(0 100% 40%)",
+  "utrechtFeedbackErrorBorderColor": "hsl(0 100% 40%)",
+  "utrechtFeedbackErrorColor": "hsl(0 100% 40%)",
+  "utrechtFeedbackErrorFillBackgroundColor": "hsl(0 100% 40%)",
+  "utrechtFeedbackErrorFillColor": "hsl(0 0% 100%)",
+  "utrechtFeedbackInactiveBackgroundColor": "hsl(0 100% 40%)",
+  "utrechtFeedbackInactiveBorderColor": "hsl(0 100% 40%)",
+  "utrechtFeedbackInactiveColor": "hsl(0 100% 40%)",
+  "utrechtFeedbackInactiveFillBackgroundColor": "hsl(0 100% 40%)",
+  "utrechtFeedbackInactiveFillColor": "hsl(0 0% 100%)",
+  "utrechtFeedbackInvalidBackgroundColor": "#990000",
+  "utrechtFeedbackInvalidBorderColor": "#990000",
+  "utrechtFeedbackInvalidColor": "#990000",
+  "utrechtFeedbackInvalidFillBackgroundColor": "#990000",
+  "utrechtFeedbackInvalidFillColor": "hsl(0 0% 100%)",
+  "utrechtFeedbackSafeBackgroundColor": "hsl(90 30% 50%)",
+  "utrechtFeedbackSafeBorderColor": "hsl(90 30% 50%)",
+  "utrechtFeedbackSafeColor": "hsl(90 30% 50%)",
+  "utrechtFeedbackSafeFillBackgroundColor": "hsl(90 30% 50%)",
+  "utrechtFeedbackSafeFillColor": "hsl(0 0% 100%)",
+  "utrechtFeedbackSuccessBackgroundColor": "hsl(90 30% 50%)",
+  "utrechtFeedbackSuccessBorderColor": "hsl(90 30% 50%)",
+  "utrechtFeedbackSuccessColor": "hsl(90 30% 50%)",
+  "utrechtFeedbackSuccessFillBackgroundColor": "hsl(90 30% 50%)",
+  "utrechtFeedbackSuccessFillColor": "hsl(0 0% 100%)",
+  "utrechtFeedbackValidBackgroundColor": "hsl(90 30% 50%)",
+  "utrechtFeedbackValidBorderColor": "hsl(90 30% 50%)",
+  "utrechtFeedbackValidColor": "hsl(90 30% 50%)",
+  "utrechtFeedbackValidFillBackgroundColor": "hsl(90 30% 50%)",
+  "utrechtFeedbackValidFillColor": "hsl(0 0% 100%)",
+  "utrechtFeedbackWarningBackgroundColor": "hsl(48 100% 50%)",
+  "utrechtFeedbackWarningBorderColor": "hsl(48 100% 50%)",
+  "utrechtFeedbackWarningColor": "hsl(48 100% 50%)",
+  "utrechtFeedbackWarningFillBackgroundColor": "hsl(48 100% 50%)",
+  "utrechtFeedbackWarningFillColor": "hsl(0 0% 0%)",
+  "utrechtFigureCaptionColor": "#727272",
+  "utrechtFigureCaptionFontSize": "0.875rem",
+  "utrechtFigureCaptionLineHeight": "1.5",
+  "utrechtFocusBackgroundColor": "hsl(48 100% 60%)",
+  "utrechtFocusInverseOutlineColor": "hsl(0 0% 100%)",
+  "utrechtFocusOutlineColor": "hsl(0 0% 0%)",
+  "utrechtFocusOutlineStyle": "dotted",
+  "utrechtFocusOutlineWidth": "2px",
+  "utrechtFormControlBackgroundColor": "hsl(0 0% 100%)",
+  "utrechtFormControlBlockSize": "42px",
+  "utrechtFormControlBorderColor": "hsl(0 0% 30%)",
+  "utrechtFormControlBorderRadius": "0",
+  "utrechtFormControlBorderWidth": "1px",
+  "utrechtFormControlColor": "hsl(0 0% 0%)",
+  "utrechtFormControlFocusBorderColor": "hsl(0 0% 80%)",
+  "utrechtFormControlFontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
+  "utrechtFormControlFontSize": "1rem",
+  "utrechtFormControlInvalidBorderColor": "#990000",
+  "utrechtFormControlMaxInlineSize": "28em",
+  "utrechtFormControlPaddingBlockEnd": "8px",
+  "utrechtFormControlPaddingBlockStart": "8px",
+  "utrechtFormControlPaddingInlineEnd": "12px",
+  "utrechtFormControlPaddingInlineStart": "12px",
+  "utrechtFormControlPlaceholderColor": "hsl(0 0% 40%)",
+  "utrechtFormControlPlaceholderFontStyle": "normal",
+  "utrechtFormControlReadOnlyBackgroundColor": "hsl(0 0% 90%)",
   "utrechtFormControlReadOnlyBorderColor": "transparent",
+  "utrechtFormControlReadOnlyColor": "hsl(0 0% 20%)",
   "utrechtFormFieldDescriptionInvalidColor": "#990000",
+  "utrechtFormFieldDescriptionMarginBlockEnd": "12px",
+  "utrechtFormFieldDescriptionMarginBlockStart": "12px",
   "utrechtFormFieldDescriptionValidColor": "hsl(90 30% 50%)",
   "utrechtFormFieldDescriptionWarningColor": "hsl(48 100% 50%)",
   "utrechtFormFieldErrorMessageColor": "#990000",
-  "utrechtFormFieldMarginBlockStart": "4px",
-  "utrechtFormFieldMarginBlockEnd": "4px",
   "utrechtFormFieldInvalidBorderInlineStartColor": "#990000",
   "utrechtFormFieldInvalidBorderInlineStartWidth": "3px",
   "utrechtFormFieldInvalidPaddingInlineStart": "12px",
   "utrechtFormFieldLabelMarginBlockEnd": "12px",
-  "utrechtFormFieldDescriptionMarginBlockStart": "12px",
-  "utrechtFormFieldDescriptionMarginBlockEnd": "12px",
-  "utrechtFormFieldsetMarginBlockEnd": "4px",
-  "utrechtFormFieldsetMarginBlockStart": "4px",
-  "utrechtFormFieldsetSectionBackgroundColor": "hsl(0 0% 80%)",
-  "utrechtFormFieldsetSectionColor": "hsl(0 0% 0%)",
+  "utrechtFormFieldMarginBlockEnd": "4px",
+  "utrechtFormFieldMarginBlockStart": "4px",
+  "utrechtFormFieldsetLegendDisabledColor": "hsl(0 0% 40%)",
   "utrechtFormFieldsetLegendFontSize": "1rem",
   "utrechtFormFieldsetLegendFontWeight": "700",
-  "utrechtFormFieldsetLegendLineHeight": "1.4",
+  "utrechtFormFieldsetLegendLineHeight": "1.5",
   "utrechtFormFieldsetLegendMarginBlockEnd": "12px",
   "utrechtFormFieldsetLegendMarginBlockStart": "24px",
-  "utrechtFormFieldsetLegendDisabledColor": "hsl(0 0% 40%)",
-  "utrechtFormLabelFontWeight": "700",
-  "utrechtFormLabelFontSize": "1em",
+  "utrechtFormFieldsetMarginBlockEnd": "4px",
+  "utrechtFormFieldsetMarginBlockStart": "4px",
+  "utrechtFormFieldsetSectionBackgroundColor": "hsl(0 0% 80%)",
+  "utrechtFormFieldsetSectionColor": "hsl(0 0% 0%)",
   "utrechtFormLabelCheckboxFontWeight": "400",
+  "utrechtFormLabelFontSize": "1em",
+  "utrechtFormLabelFontWeight": "700",
   "utrechtFormLabelRadioFontWeight": "400",
-  "utrechtFormToggleAccentColor": "hsla(0, 0%, 48%, 1)",
+  "utrechtFormToggleAccentColor": "hsla(0 0% 48% / 100%)",
   "utrechtFormToggleBackgroundColor": "hsl(0 0% 100%)",
   "utrechtFormToggleBorderColor": "transparent",
-  "utrechtFormToggleBorderStyle": "solid",
   "utrechtFormToggleBorderRadius": "10em",
+  "utrechtFormToggleBorderStyle": "solid",
   "utrechtFormToggleBorderWidth": "2px",
+  "utrechtFormToggleCheckedAccentColor": "hsl(211 60% 35%)",
   "utrechtFormToggleColor": "hsl(0 0% 0%)",
+  "utrechtFormToggleFocusBorderColor": "hsl(0 0% 0%)",
+  "utrechtFormToggleFocusBorderStyle": "dotted",
+  "utrechtFormToggleFocusBorderWidth": "2px",
   "utrechtFormToggleHeight": "24px",
-  "utrechtFormTogglePaddingInlineEnd": "0",
-  "utrechtFormTogglePaddingInlineStart": "0",
   "utrechtFormTogglePaddingBlockEnd": "0",
   "utrechtFormTogglePaddingBlockStart": "0",
-  "utrechtFormToggleWidth": "48px",
-  "utrechtFormToggleTrackBorderRadius": "10em",
-  "utrechtFormToggleTrackDisabledBackgroundColor": "hsl(0 0% 90%)",
+  "utrechtFormTogglePaddingInlineEnd": "0",
+  "utrechtFormTogglePaddingInlineStart": "0",
   "utrechtFormToggleThumbBackgroundColor": "hsl(0 0% 100%)",
-  "utrechtFormToggleThumbMarginInlineStart": ".25em",
+  "utrechtFormToggleThumbDisabledBackgroundColor": "hsl(0 0% 100%)",
+  "utrechtFormToggleThumbDisabledBoxShadow": 0,
   "utrechtFormToggleThumbMarginInlineEnd": ".25em",
+  "utrechtFormToggleThumbMarginInlineStart": ".25em",
   "utrechtFormToggleThumbMinInlineSize": "18px",
-  "utrechtFormToggleThumbDisabledBoxShadow": 0,
-  "utrechtFormToggleThumbDisabledBackgroundColor": "hsl(0 0% 100%)",
-  "utrechtFormToggleCheckedAccentColor": "hsl(211 60% 35%)",
-  "utrechtFormToggleFocusBorderColor": "hsl(0 0% 0%)",
-  "utrechtFormToggleFocusBorderStyle": "dotted",
-  "utrechtFormToggleFocusBorderWidth": "2px",
+  "utrechtFormToggleTrackBorderRadius": "10em",
+  "utrechtFormToggleTrackDisabledBackgroundColor": "hsl(0 0% 90%)",
+  "utrechtFormToggleWidth": "48px",
   "utrechtHeading1FontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
   "utrechtHeading1FontSize": "2rem",
   "utrechtHeading1FontWeight": "700",
@@ -527,98 +576,110 @@
   "utrechtHeading6FontWeight": "400",
   "utrechtHeading6LineHeight": "1.5",
   "utrechtHeadingFontWeight": "700",
-  "utrechtIconSize": "48px",
   "utrechtIconBaselineInsetBlockStart": "0.125em",
-  "utrechtIndexCharNavMarginBlockStart": "20px",
-  "utrechtIndexCharNavMarginBlockEnd": "16px",
+  "utrechtIconScale2xl": "30px",
+  "utrechtIconScale2xs": "4px",
+  "utrechtIconScale3xl": "36px",
+  "utrechtIconScale3xs": "1px",
+  "utrechtIconScale4xl": "48px",
+  "utrechtIconScaleLg": "24px",
+  "utrechtIconScaleMd": "16px",
+  "utrechtIconScaleSm": "12px",
+  "utrechtIconScaleXl": "26px",
+  "utrechtIconScaleXs": "8px",
+  "utrechtIconSize": "48px",
   "utrechtIndexCharNavGap": "12px",
   "utrechtIndexCharNavLinkCurrentFontWeight": "700",
-  "utrechtLinkListRowGap": "8px",
+  "utrechtIndexCharNavMarginBlockEnd": "16px",
+  "utrechtIndexCharNavMarginBlockStart": "20px",
+  "utrechtLinkActiveColor": "hsl(211 60% 35%)",
+  "utrechtLinkColor": "hsl(211 60% 35%)",
+  "utrechtLinkFocusColor": "hsl(211 60% 40%)",
+  "utrechtLinkFocusVisibleTextDecoration": "none",
+  "utrechtLinkHoverColor": "hsl(211 60% 40%)",
+  "utrechtLinkHoverTextDecoration": "underline",
+  "utrechtLinkHoverTextDecorationThickness": "3px",
+  "utrechtLinkIconSize": "1.2em",
+  "utrechtLinkListIconSize": "14px",
   "utrechtLinkListLinkColumnGap": "8px",
   "utrechtLinkListLinkFontWeight": "700",
   "utrechtLinkListLinkTextDecoration": "none",
-  "utrechtLinkListIconSize": "14px",
+  "utrechtLinkListRowGap": "8px",
+  "utrechtLinkPlaceholderColor": "hsl(0 0% 40%)",
   "utrechtLinkSocialBackgroundColor": "hsl(0 100% 40%)",
-  "utrechtLinkSocialBorderWidth": "2px",
   "utrechtLinkSocialBorderColor": "hsl(0 0% 100%)",
-  "utrechtLinkSocialSize": "40px",
-  "utrechtLinkSocialMarginInlineStart": "12px",
+  "utrechtLinkSocialBorderWidth": "2px",
   "utrechtLinkSocialColor": "hsl(0 0% 100%)",
   "utrechtLinkSocialHoverTransformScale": "1.1",
   "utrechtLinkSocialIconSize": "26px",
-  "utrechtLinkColor": "hsl(211 60% 35%)",
+  "utrechtLinkSocialMarginInlineStart": "12px",
+  "utrechtLinkSocialSize": "40px",
   "utrechtLinkTextDecoration": "underline",
   "utrechtLinkTextUnderlineOffset": "3px",
-  "utrechtLinkActiveColor": "hsl(211 60% 35%)",
-  "utrechtLinkFocusColor": "hsl(211 60% 40%)",
-  "utrechtLinkFocusTextDecoration": "none",
-  "utrechtLinkHoverColor": "hsl(211 60% 40%)",
-  "utrechtLinkHoverTextDecoration": "underline",
-  "utrechtLinkHoverTextDecorationThickness": "3px",
-  "utrechtLinkPlaceholderColor": "hsl(0 0% 40%)",
   "utrechtLinkVisitedColor": "hsl(211 60% 35%)",
-  "utrechtLinkIconSize": "1.2em",
   "utrechtListSocialItemMarginInlineEnd": "10px",
   "utrechtListboxBackgroundColor": "hsl(0 0% 100%)",
   "utrechtListboxBorderColor": "hsl(0 0% 30%)",
   "utrechtListboxBorderWidth": "1px",
   "utrechtListboxInlineSize": "448px",
   "utrechtListboxMaxBlockSize": "300px",
-  "utrechtListboxOptionMinBlockSize": "44px",
-  "utrechtListboxOptionPaddingBlockEnd": "8px",
-  "utrechtListboxOptionPaddingBlockStart": "8px",
-  "utrechtListboxOptionPaddingInlineEnd": "8px",
-  "utrechtListboxOptionPaddingInlineStart": "8px",
   "utrechtListboxOptionActiveBackgroundColor": "hsl(0 0% 95%)",
   "utrechtListboxOptionActiveColor": "hsl(0 0% 0%)",
   "utrechtListboxOptionActiveFontWeight": "700",
-  "utrechtListboxOptionSelectedBackgroundColor": "hsl(0 0% 95%)",
-  "utrechtListboxOptionSelectedColor": "hsl(0 0% 0%)",
-  "utrechtListboxOptionHoverColor": "hsl(0 0% 0%)",
-  "utrechtListboxOptionHoverBackgroundColor": "hsl(211 60% 90%)",
   "utrechtListboxOptionGroupMarginBlockEnd": "8px",
+  "utrechtListboxOptionGroupTitleColor": "hsl(0 0% 0%)",
   "utrechtListboxOptionGroupTitleFontSize": "1rem",
   "utrechtListboxOptionGroupTitleFontWeight": "700",
-  "utrechtListboxOptionGroupTitleColor": "hsl(0 0% 0%)",
   "utrechtListboxOptionGroupTitleMarginInlineStart": "8px",
+  "utrechtListboxOptionHoverBackgroundColor": "hsl(211 60% 90%)",
+  "utrechtListboxOptionHoverColor": "hsl(0 0% 0%)",
+  "utrechtListboxOptionMinBlockSize": "44px",
+  "utrechtListboxOptionPaddingBlockEnd": "8px",
+  "utrechtListboxOptionPaddingBlockStart": "8px",
+  "utrechtListboxOptionPaddingInlineEnd": "8px",
+  "utrechtListboxOptionPaddingInlineStart": "8px",
+  "utrechtListboxOptionSelectedBackgroundColor": "hsl(0 0% 95%)",
+  "utrechtListboxOptionSelectedColor": "hsl(0 0% 0%)",
   "utrechtLogoMaxBlockSize": "103px",
   "utrechtLogoMaxInlineSize": "192px",
   "utrechtLogoMinBlockSize": "58.97px",
   "utrechtLogoMinInlineSize": "110.57px",
   "utrechtMapMarkerBackgroundColor": "hsl(211 60% 30%)",
-  "utrechtMapMarkerColor": "hsl(0 0% 100%)",
-  "utrechtMapMarkerSize": "48px",
-  "utrechtMapMarkerBorderWidth": "3px",
   "utrechtMapMarkerBorderColor": "hsl(0 0% 100%)",
+  "utrechtMapMarkerBorderWidth": "3px",
   "utrechtMapMarkerBoxShadowColor": "rgb(0 0 0 / 20%)",
+  "utrechtMapMarkerColor": "hsl(0 0% 100%)",
   "utrechtMapMarkerIconSize": "30px",
-  "utrechtMapcontrolbuttonBorderWidth": "1px",
-  "utrechtMapcontrolbuttonMinBlockSize": "32px",
-  "utrechtMapcontrolbuttonMinInlineSize": "32px",
-  "utrechtMapcontrolbuttonMarginBlockStart": "8px",
-  "utrechtMapcontrolbuttonMarginBlockEnd": "8px",
-  "utrechtMapcontrolbuttonMarginInlineStart": "0",
-  "utrechtMapcontrolbuttonMarginInlineEnd": "0",
-  "utrechtMapcontrolbuttonPaddingBlockStart": "4px",
-  "utrechtMapcontrolbuttonPaddingBlockEnd": "4px",
-  "utrechtMapcontrolbuttonPaddingInlineStart": "4px",
-  "utrechtMapcontrolbuttonPaddingInlineEnd": "4px",
-  "utrechtMapcontrolbuttonDisabledColor": "hsl(0 0% 80%)",
-  "utrechtMapcontrolbuttonDisabledBackgroundColor": "hsl(0 0% 90%)",
-  "utrechtMapcontrolbuttonDisabledBorderColor": "hsl(0 0% 80%)",
+  "utrechtMapMarkerSize": "48px",
   "utrechtMapcontrolbuttonBackgroundColor": "hsl(0 0% 100%)",
   "utrechtMapcontrolbuttonBorderColor": "hsl(0 0% 40%)",
   "utrechtMapcontrolbuttonBorderRadius": "2px",
   "utrechtMapcontrolbuttonBorderStyle": "solid",
+  "utrechtMapcontrolbuttonBorderWidth": "1px",
   "utrechtMapcontrolbuttonColor": "hsl(0 0% 40%)",
-  "utrechtMapcontrolbuttonLabelMarginInlineStart": "8px",
-  "utrechtMapcontrolbuttonLabelMarginInlineEnd": "8px",
+  "utrechtMapcontrolbuttonDisabledBackgroundColor": "hsl(0 0% 90%)",
+  "utrechtMapcontrolbuttonDisabledBorderColor": "hsl(0 0% 80%)",
+  "utrechtMapcontrolbuttonDisabledColor": "hsl(0 0% 80%)",
   "utrechtMapcontrolbuttonFocusColor": "hsl(0 0% 0%)",
   "utrechtMapcontrolbuttonFocusTextDecoration": "none",
   "utrechtMapcontrolbuttonHoverBackgroundColor": "hsl(0 0% 90%)",
   "utrechtMapcontrolbuttonHoverColor": "hsl(0 0% 100%)",
+  "utrechtMapcontrolbuttonLabelMarginInlineEnd": "8px",
+  "utrechtMapcontrolbuttonLabelMarginInlineStart": "8px",
+  "utrechtMapcontrolbuttonMarginBlockEnd": "8px",
+  "utrechtMapcontrolbuttonMarginBlockStart": "8px",
+  "utrechtMapcontrolbuttonMarginInlineEnd": "0",
+  "utrechtMapcontrolbuttonMarginInlineStart": "0",
+  "utrechtMapcontrolbuttonMinBlockSize": "32px",
+  "utrechtMapcontrolbuttonMinInlineSize": "32px",
+  "utrechtMapcontrolbuttonPaddingBlockEnd": "4px",
+  "utrechtMapcontrolbuttonPaddingBlockStart": "4px",
+  "utrechtMapcontrolbuttonPaddingInlineEnd": "4px",
+  "utrechtMapcontrolbuttonPaddingInlineStart": "4px",
   "utrechtMarkBackgroundColor": "hsl(48 100% 60%)",
   "utrechtMarkColor": "hsl(0 0% 0%)",
+  "utrechtMenulijstItemColor": "hsl(211 60% 35%)",
+  "utrechtMenulijstItemHoverColor": "hsl(211 60% 40%)",
   "utrechtNavBarBackgroundColor": "hsl(0 0% 100%)",
   "utrechtNavBarColor": "hsl(0 0% 0%)",
   "utrechtNavBarContentMaxInlineSize": "1184px",
@@ -626,222 +687,291 @@
   "utrechtNavBarLinkPaddingBlockStart": "8px",
   "utrechtNavBarLinkPaddingInlineEnd": "16px",
   "utrechtNavBarLinkPaddingInlineStart": "16px",
-  "utrechtSidenavItemMarginBlockStart": "8px",
-  "utrechtSidenavItemMarginBlockEnd": "8px",
-  "utrechtSidenavItemMarginInlineStart": "2px",
-  "utrechtSidenavItemMarginInlineEnd": "2px",
-  "utrechtSidenavItemHoverColor": "hsl(211 60% 40%)",
-  "utrechtSidenavItemMarkerColor": "hsl(0 0% 80%)",
-  "utrechtSidenavItemMarkerHoverColor": "hsl(211 60% 50%)",
-  "utrechtSidenavLinkColor": "hsl(211 60% 40%)",
-  "utrechtSidenavLinkHoverColor": "hsl(211 60% 40%)",
-  "utrechtTopnavListBackgroundColor": "hsl(0 0% 15%)",
-  "utrechtTopnavListBorderColor": "hsl(0 0% 40%)",
-  "utrechtTopnavLinkColor": "hsl(0 0% 100%)",
-  "utrechtTopnavLinkBackgroundColor": "hsl(211 60% 40%)",
-  "utrechtTopnavLinkFocusColor": "hsl(0 0% 0%)",
-  "utrechtTopnavLinkFocusBoxShadowColor": "hsl(48 100% 80%)",
-  "utrechtTopnavLinkFocusBorderType": "dotted",
-  "utrechtTopnavLinkFocusTextDecoration": "none",
-  "utrechtTopnavLinkFocusBackgroundColor": "hsl(48 100% 80%)",
-  "utrechtTopnavLinkFocusOutlineColor": "hsl(0 0% 0%)",
-  "utrechtTopnavLinkHoverBackgroundColor": "hsl(0 0% 0%)",
-  "utrechtNumberDataPositiveColor": "green",
+  "utrechtNumberBadgeBackgroundColor": "hsl(0 100% 40%)",
+  "utrechtNumberBadgeBorderRadius": "1rem",
+  "utrechtNumberBadgeColor": "hsl(0 0% 100%)",
+  "utrechtNumberBadgeFontSize": "1rem",
+  "utrechtNumberBadgePaddingBlock": "1ex",
+  "utrechtNumberBadgePaddingInline": "1ex",
   "utrechtNumberDataNegativeColor": "red",
-  "utrechtOrderedListMarginBlockStart": "0",
-  "utrechtOrderedListMarginBlockEnd": "1em",
-  "utrechtOrderedListPaddingInlineStart": "28.8px",
-  "utrechtOrderedListItemMarginBlockStart": "0.25em",
+  "utrechtNumberDataPositiveColor": "green",
   "utrechtOrderedListItemMarginBlockEnd": "0.25em",
+  "utrechtOrderedListItemMarginBlockStart": "0.25em",
   "utrechtOrderedListItemPaddingInlineStart": "0",
-  "utrechtPageContentPaddingBlockStart": "2em",
+  "utrechtOrderedListMarginBlockEnd": "1em",
+  "utrechtOrderedListMarginBlockStart": "0",
+  "utrechtOrderedListPaddingInlineStart": "28.8px",
+  "utrechtPageBackgroundColor": "hsl(0 0% 100%)",
+  "utrechtPageColor": "hsl(0 0% 0%)",
   "utrechtPageContentPaddingBlockEnd": "2em",
-  "utrechtPageFooterColor": "hsl(0 0% 100%)",
+  "utrechtPageContentPaddingBlockStart": "2em",
   "utrechtPageFooterBackgroundColor": "hsl(0 100% 40%)",
   "utrechtPageFooterBackgroundImage": "linear-gradient(45deg, hsl(0 100% 40%), hsl(0 100% 40%) 50%, #d63433 50%);",
-  "utrechtPageFooterPaddingInlineEnd": "28px",
-  "utrechtPageFooterPaddingInlineStart": "28px",
+  "utrechtPageFooterColor": "hsl(0 0% 100%)",
   "utrechtPageFooterPaddingBlockEnd": "48px",
   "utrechtPageFooterPaddingBlockStart": "48px",
+  "utrechtPageFooterPaddingInlineEnd": "28px",
+  "utrechtPageFooterPaddingInlineStart": "28px",
   "utrechtPageHeaderPaddingBlockEnd": "1em",
+  "utrechtPageHeaderPaddingBlockStart": "1.8em",
   "utrechtPageHeaderPaddingInlineEnd": "2.4em",
   "utrechtPageHeaderPaddingInlineStart": "2em",
-  "utrechtPageHeaderPaddingBlockStart": "1.8em",
-  "utrechtPageBackgroundColor": "hsl(0 0% 100%)",
-  "utrechtPageColor": "hsl(0 0% 0%)",
-  "utrechtPageMarginInlineStart": "2em",
   "utrechtPageMarginInlineEnd": "2em",
+  "utrechtPageMarginInlineStart": "2em",
   "utrechtPageMaxInlineSize": "1184px",
+  "utrechtPagePaddingBlockEnd": "1em",
   "utrechtPagePaddingBlockStart": "1.8em",
   "utrechtPagePaddingInlineEnd": "2em",
-  "utrechtPagePaddingBlockEnd": "1em",
   "utrechtPagePaddingInlineStart": "2em",
-  "utrechtPaginationFontSize": "14px",
-  "utrechtPaginationMarginBlockStart": "0",
+  "utrechtPaginationFontSize": "0.875rem",
   "utrechtPaginationMarginBlockEnd": "1em",
+  "utrechtPaginationMarginBlockStart": "0",
   "utrechtPaginationPageLinkBackgroundColor": "transparent",
+  "utrechtPaginationPageLinkBorderColor": "transparent",
   "utrechtPaginationPageLinkBorderWidth": "2px",
   "utrechtPaginationPageLinkColor": "hsl(211 60% 35%)",
-  "utrechtPaginationPageLinkFontWeight": "700",
-  "utrechtPaginationPageLinkPaddingInlineEnd": "0.5em",
-  "utrechtPaginationPageLinkPaddingInlineStart": "0.5em",
-  "utrechtPaginationPageLinkPaddingBlockEnd": "0.5em",
-  "utrechtPaginationPageLinkPaddingBlockStart": "0.5em",
-  "utrechtPaginationPageLinkTextDecoration": "none",
   "utrechtPaginationPageLinkCurrentBackgroundColor": "hsl(211 60% 35%)",
   "utrechtPaginationPageLinkCurrentBorderColor": "hsl(211 60% 35%)",
   "utrechtPaginationPageLinkCurrentColor": "hsl(0 0% 100%)",
   "utrechtPaginationPageLinkDistancedMarginInlineStart": "0.5em",
+  "utrechtPaginationPageLinkFontWeight": "700",
   "utrechtPaginationPageLinkHoverBackgroundColor": "hsl(211 60% 35%)",
   "utrechtPaginationPageLinkHoverBorderColor": "hsl(211 60% 35%)",
   "utrechtPaginationPageLinkHoverColor": "hsl(0 0% 100%)",
-  "utrechtPaginationPageLinkBorderColor": "transparent",
+  "utrechtPaginationPageLinkPaddingBlockEnd": "0.5em",
+  "utrechtPaginationPageLinkPaddingBlockStart": "0.5em",
+  "utrechtPaginationPageLinkPaddingInlineEnd": "0.5em",
+  "utrechtPaginationPageLinkPaddingInlineStart": "0.5em",
+  "utrechtPaginationPageLinkTextDecoration": "none",
   "utrechtPaginationRelativeLinkBackgroundColor": "hsl(0 0% 100%)",
+  "utrechtPaginationRelativeLinkBorderColor": "hsl(211 60% 35%)",
   "utrechtPaginationRelativeLinkBorderWidth": "2px",
   "utrechtPaginationRelativeLinkColor": "hsl(211 60% 35%)",
-  "utrechtPaginationRelativeLinkFontWeight": "700",
-  "utrechtPaginationRelativeLinkPaddingInlineEnd": "0.5em",
-  "utrechtPaginationRelativeLinkPaddingInlineStart": "0.5em",
-  "utrechtPaginationRelativeLinkPaddingBlockEnd": "0.5em",
-  "utrechtPaginationRelativeLinkPaddingBlockStart": "0.5em",
-  "utrechtPaginationRelativeLinkTextDecoration": "none",
-  "utrechtPaginationRelativeLinkTextTransform": "uppercase",
   "utrechtPaginationRelativeLinkDistancedMarginInlineEnd": "0.5em",
   "utrechtPaginationRelativeLinkDistancedMarginInlineStart": "0.5em",
+  "utrechtPaginationRelativeLinkFontWeight": "700",
   "utrechtPaginationRelativeLinkHoverBackgroundColor": "hsl(211 60% 35%)",
   "utrechtPaginationRelativeLinkHoverBorderColor": "hsl(211 60% 35%)",
   "utrechtPaginationRelativeLinkHoverColor": "hsl(0 0% 100%)",
-  "utrechtPaginationRelativeLinkBorderColor": "hsl(211 60% 35%)",
+  "utrechtPaginationRelativeLinkPaddingBlockEnd": "0.5em",
+  "utrechtPaginationRelativeLinkPaddingBlockStart": "0.5em",
+  "utrechtPaginationRelativeLinkPaddingInlineEnd": "0.5em",
+  "utrechtPaginationRelativeLinkPaddingInlineStart": "0.5em",
+  "utrechtPaginationRelativeLinkTextDecoration": "none",
+  "utrechtPaginationRelativeLinkTextTransform": "uppercase",
   "utrechtParagraphFontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
   "utrechtParagraphFontSize": "1rem",
   "utrechtParagraphFontWeight": "400",
-  "utrechtParagraphLineHeight": "1.5",
-  "utrechtParagraphMarginBlockStart": "16px",
-  "utrechtParagraphMarginBlockEnd": "0",
   "utrechtParagraphLeadColor": "hsl(0 0% 0%)",
   "utrechtParagraphLeadFontSize": "1.25rem",
   "utrechtParagraphLeadFontWeight": "400",
   "utrechtParagraphLeadLineHeight": "1.5",
+  "utrechtParagraphLineHeight": "1.5",
+  "utrechtParagraphMarginBlockEnd": "0",
+  "utrechtParagraphMarginBlockStart": "16px",
   "utrechtParagraphSmallFontSize": "0.875rem",
+  "utrechtPointerTargetMinSize": "44px",
   "utrechtPreHeadingFontSize": "1rem",
   "utrechtPreHeadingMarginBlockStart": "28px",
+  "utrechtRadioButtonActiveBackgroundColor": "hsl(211 60% 80%)",
   "utrechtRadioButtonBackgroundColor": "hsl(0 0% 100%)",
   "utrechtRadioButtonBorderColor": "hsl(0 0% 30%)",
+  "utrechtRadioButtonBorderRadius": "0",
   "utrechtRadioButtonBorderWidth": "2px",
-  "utrechtRadioButtonSize": "24px",
-  "utrechtRadioButtonIconSize": "42%",
-  "utrechtRadioButtonActiveBackgroundColor": "hsl(211 60% 80%)",
-  "utrechtRadioButtonCheckedBorderColor": "hsl(211 60% 40%)",
-  "utrechtRadioButtonCheckedBackgroundColor": "hsl(211 60% 40%)",
   "utrechtRadioButtonCheckedActiveBackgroundColor": "hsl(211 60% 40%)",
   "utrechtRadioButtonCheckedActiveColor": "hsl(211 60% 80%)",
+  "utrechtRadioButtonCheckedBackgroundColor": "hsl(211 60% 40%)",
+  "utrechtRadioButtonCheckedBorderColor": "hsl(211 60% 40%)",
+  "utrechtRadioButtonCheckedFocusBorderColor": "hsl(211 60% 20%)",
   "utrechtRadioButtonCheckedHoverBackgroundColor": "hsl(211 60% 40%)",
   "utrechtRadioButtonCheckedHoverColor": "hsl(211 60% 90%)",
-  "utrechtRadioButtonCheckedFocusBorderColor": "hsl(211 60% 20%)",
-  "utrechtRadioButtonHoverBackgroundColor": "hsl(211 60% 90%)",
-  "utrechtRadioButtonFocusBorderColor": "hsl(211 60% 40%)",
-  "utrechtRadioButtonDisabledBorderColor": "hsl(0 0% 80%)",
+  "utrechtRadioButtonColor": "hsl(0 0% 100%)",
   "utrechtRadioButtonDisabledBackgroundColor": "hsl(0 0% 80%)",
+  "utrechtRadioButtonDisabledBorderColor": "hsl(0 0% 80%)",
   "utrechtRadioButtonDisabledColor": "hsl(0 0% 100%)",
+  "utrechtRadioButtonFocusBorderColor": "hsl(211 60% 40%)",
+  "utrechtRadioButtonHoverBackgroundColor": "hsl(211 60% 90%)",
+  "utrechtRadioButtonIconSize": "42%",
   "utrechtRadioButtonInvalidBorderColor": "#990000",
   "utrechtRadioButtonInvalidBorderWidth": "2px",
-  "utrechtRadioButtonColor": "hsl(0 0% 100%)",
-  "utrechtRadioButtonBorderRadius": "0",
   "utrechtRadioButtonMarginInlineEnd": "12px",
-  "utrechtRichTextStrangerMarginBlockEnd": "32px",
+  "utrechtRadioButtonSize": "24px",
   "utrechtRichTextAcquaintanceMarginBlockEnd": "16px",
-  "utrechtRichTextFriendMarginBlockEnd": "8px",
   "utrechtRichTextBestFriendMarginBlockEnd": "4px",
   "utrechtRichTextConfidantMarginBlockEnd": 0,
+  "utrechtRichTextFriendMarginBlockEnd": "8px",
+  "utrechtRichTextStrangerMarginBlockEnd": "32px",
   "utrechtSearchBarButtonBackgroundColor": "hsl(0 100% 40%)",
   "utrechtSearchBarButtonBorderColor": "hsl(0 100% 40%)",
   "utrechtSearchBarButtonColor": "hsl(0 0% 100%)",
-  "utrechtSearchBarButtonFontWeight": "700",
   "utrechtSearchBarButtonFontSize": "0.875rem",
+  "utrechtSearchBarButtonFontWeight": "700",
   "utrechtSearchBarButtonHoverBackgroundColor": "hsl(359 65% 58%)",
   "utrechtSearchBarButtonHoverScale": "1",
-  "utrechtSearchBarInputBorderColor": "hsl(0 100% 40%)",
-  "utrechtSearchBarInputPaddingInlineStart": "32px",
+  "utrechtSearchBarDropdownBorderColor": "hsl(0 100% 40%)",
+  "utrechtSearchBarDropdownBorderWidth": "1px",
+  "utrechtSearchBarDropdownMaxBlockSize": "300px",
+  "utrechtSearchBarDropdownPaddingBlockEnd": "8px",
+  "utrechtSearchBarDropdownPaddingBlockStart": "8px",
   "utrechtSearchBarInputBackgroundPositionX": ".5em",
   "utrechtSearchBarInputBackgroundPositionY": "50%",
   "utrechtSearchBarInputBackgroundSize": "1em",
-  "utrechtSearchBarDropdownBorderWidth": "1px",
-  "utrechtSearchBarDropdownBorderColor": "hsl(0 100% 40%)",
-  "utrechtSearchBarDropdownPaddingBlockStart": "8px",
-  "utrechtSearchBarDropdownPaddingBlockEnd": "8px",
-  "utrechtSearchBarDropdownMaxBlockSize": "300px",
+  "utrechtSearchBarInputBorderColor": "hsl(0 100% 40%)",
+  "utrechtSearchBarInputPaddingInlineStart": "32px",
+  "utrechtSearchBarListItemIsActiveBackgroundColor": "hsl(0 0% 95%)",
+  "utrechtSearchBarListItemIsActiveColor": "hsl(0 0% 0%)",
+  "utrechtSearchBarListItemIsActiveFontWeight": "700",
+  "utrechtSearchBarListItemIsSelectedBackgroundColor": "hsl(0 0% 95%)",
+  "utrechtSearchBarListItemIsSelectedColor": "hsl(0 0% 0%)",
   "utrechtSearchBarSectionMarginBlockEnd": "8px",
+  "utrechtSearchBarSectionTitleColor": "hsl(0 0% 0%)",
   "utrechtSearchBarSectionTitleFontSize": "1rem",
   "utrechtSearchBarSectionTitleFontWeight": "700",
-  "utrechtSearchBarSectionTitleColor": "hsl(0 0% 0%)",
   "utrechtSearchBarSectionTitleMarginInlineStart": "8px",
-  "utrechtSearchBarListItemIsActiveColor": "hsl(0 0% 0%)",
-  "utrechtSearchBarListItemIsActiveBackgroundColor": "hsl(0 0% 95%)",
-  "utrechtSearchBarListItemIsActiveFontWeight": "700",
-  "utrechtSearchBarListItemIsSelectedColor": "hsl(0 0% 0%)",
-  "utrechtSearchBarListItemIsSelectedBackgroundColor": "hsl(0 0% 95%)",
   "utrechtSelectBorderBlockEndWidth": "3px",
-  "utrechtSeparatorColor": "hsl(0 0% 90%)",
   "utrechtSeparatorBlockSize": "8px",
+  "utrechtSeparatorColor": "hsl(0 0% 90%)",
   "utrechtSeparatorMarginBlockEnd": "16px",
   "utrechtSeparatorMarginBlockStart": "16px",
+  "utrechtSidenavItemHoverColor": "hsl(211 60% 40%)",
+  "utrechtSidenavItemMarginBlockEnd": "8px",
+  "utrechtSidenavItemMarginBlockStart": "8px",
+  "utrechtSidenavItemMarginInlineEnd": "2px",
+  "utrechtSidenavItemMarginInlineStart": "2px",
+  "utrechtSidenavItemMarkerColor": "hsl(0 0% 80%)",
+  "utrechtSidenavItemMarkerHoverColor": "hsl(211 60% 50%)",
+  "utrechtSidenavLinkColor": "hsl(211 60% 40%)",
+  "utrechtSidenavLinkHoverColor": "hsl(211 60% 40%)",
   "utrechtSkipLinkBackgroundColor": "hsl(0 0% 15%)",
   "utrechtSkipLinkColor": "hsl(0 0% 100%)",
-  "utrechtSkipLinkPaddingBlockStart": "8px",
+  "utrechtSkipLinkFocusBackgroundColor": "hsl(48 100% 80%)",
+  "utrechtSkipLinkFocusColor": "hsl(0 0% 0%)",
+  "utrechtSkipLinkFocusVisibleTextDecoration": "none",
   "utrechtSkipLinkPaddingBlockEnd": "8px",
-  "utrechtSkipLinkPaddingInlineStart": "16px",
+  "utrechtSkipLinkPaddingBlockStart": "8px",
   "utrechtSkipLinkPaddingInlineEnd": "16px",
+  "utrechtSkipLinkPaddingInlineStart": "16px",
   "utrechtSkipLinkTextDecoration": "underline",
-  "utrechtSkipLinkFocusColor": "hsl(0 0% 0%)",
-  "utrechtSkipLinkFocusBackgroundColor": "hsl(48 100% 80%)",
-  "utrechtSkipLinkFocusTextDecoration": "none",
+  "utrechtSpaceBlock2xl": "32px",
+  "utrechtSpaceBlock2xs": "4px",
+  "utrechtSpaceBlock3xl": "48px",
+  "utrechtSpaceBlock3xs": "2px",
+  "utrechtSpaceBlock4xl": "64px",
+  "utrechtSpaceBlock4xs": "1px",
+  "utrechtSpaceBlockLg": "20px",
+  "utrechtSpaceBlockMd": "16px",
+  "utrechtSpaceBlockSm": "12px",
+  "utrechtSpaceBlockXl": "24px",
+  "utrechtSpaceBlockXs": "8px",
+  "utrechtSpaceColumn2xl": "28px",
+  "utrechtSpaceColumn2xs": "4px",
+  "utrechtSpaceColumn3xl": "32px",
+  "utrechtSpaceColumn3xs": "2px",
+  "utrechtSpaceColumn4xl": "48px",
+  "utrechtSpaceColumn4xs": "1px",
+  "utrechtSpaceColumn5xl": "64px",
+  "utrechtSpaceColumnLg": "20px",
+  "utrechtSpaceColumnMd": "16px",
+  "utrechtSpaceColumnSm": "12px",
+  "utrechtSpaceColumnXl": "24px",
+  "utrechtSpaceColumnXs": "8px",
+  "utrechtSpaceInline2xl": "28px",
+  "utrechtSpaceInline2xs": "4px",
+  "utrechtSpaceInline3xl": "32px",
+  "utrechtSpaceInline3xs": "2px",
+  "utrechtSpaceInline4xl": "48px",
+  "utrechtSpaceInlineLg": "20px",
+  "utrechtSpaceInlineMd": "16px",
+  "utrechtSpaceInlineSm": "12px",
+  "utrechtSpaceInlineXl": "24px",
+  "utrechtSpaceInlineXs": "8px",
+  "utrechtSpaceRow2xl": "28px",
+  "utrechtSpaceRow2xs": "4px",
+  "utrechtSpaceRow3xl": "32px",
+  "utrechtSpaceRow3xs": "2px",
+  "utrechtSpaceRow4xl": "48px",
+  "utrechtSpaceRow4xs": "1px",
+  "utrechtSpaceRow5xl": "64px",
+  "utrechtSpaceRowLg": "20px",
+  "utrechtSpaceRowMd": "16px",
+  "utrechtSpaceRowSm": "12px",
+  "utrechtSpaceRowXl": "24px",
+  "utrechtSpaceRowXs": "8px",
+  "utrechtSpaceText2xl": "2ch",
+  "utrechtSpaceText2xs": "0.25ch",
+  "utrechtSpaceText3xl": "3ch",
+  "utrechtSpaceText3xs": "0.125ch",
+  "utrechtSpaceTextLg": "1.5ch",
+  "utrechtSpaceTextMd": "1ch",
+  "utrechtSpaceTextSm": "0.75ch",
+  "utrechtSpaceTextXl": "1.75ch",
+  "utrechtSpaceTextXs": "0.5ch",
   "utrechtSpotlightSectionBackgroundColor": "hsl(0 0% 90%)",
   "utrechtSpotlightSectionColor": "hsl(0 0% 0%)",
-  "utrechtSpotlightSectionPaddingBlockStart": "16px",
+  "utrechtSpotlightSectionErrorBackgroundColor": "hsl(0 100% 95%)",
+  "utrechtSpotlightSectionInfoBackgroundColor": "hsl(211 60% 90%)",
+  "utrechtSpotlightSectionOkBackgroundColor": "hsl(90 30% 90%)",
   "utrechtSpotlightSectionPaddingBlockEnd": "12px",
-  "utrechtSpotlightSectionPaddingInlineStart": "16px",
+  "utrechtSpotlightSectionPaddingBlockStart": "16px",
   "utrechtSpotlightSectionPaddingInlineEnd": "16px",
-  "utrechtSpotlightSectionInfoBackgroundColor": "hsl(211 60% 90%)",
+  "utrechtSpotlightSectionPaddingInlineStart": "16px",
   "utrechtSpotlightSectionWarningBackgroundColor": "hsl(48 100% 80%)",
+  "utrechtStackFocusZIndex": 1,
   "utrechtSurfaceBackgroundColor": "hsl(0 0% 95%)",
   "utrechtSurfaceColor": "hsl(0 0% 10%)",
-  "utrechtTableMarginBlockEnd": "0",
-  "utrechtTableMarginBlockStart": "16px",
+  "utrechtTableCaptionFontSize": "1.125rem",
   "utrechtTableCaptionFontWeight": "700",
-  "utrechtTableCaptionFontSize": "1.125em",
-  "utrechtTableCaptionTextAlign": "start",
   "utrechtTableCaptionMarginBlockEnd": "1em",
-  "utrechtTableHeaderFontWeight": "700",
-  "utrechtTableHeaderBorderBlockEndColor": "hsl(0 100% 40%)",
-  "utrechtTableHeaderBorderBlockEndWidth": "2px",
-  "utrechtTableHeaderStickyBackgroundColor": "hsl(0 0% 100%)",
-  "utrechtTableHeaderStickyColor": "hsl(0 0% 0%)",
-  "utrechtTableHeaderStickyBorderBlockEndColor": "hsl(0 100% 40%)",
-  "utrechtTableHeaderStickyBorderBlockEndWidth": "2px",
-  "utrechtTableCellLineHeight": "24px",
+  "utrechtTableCaptionTextAlign": "start",
+  "utrechtTableCellIconSize": "1em",
+  "utrechtTableCellLineHeight": "1.5rem",
   "utrechtTableCellPaddingBlockEnd": "0.5em",
   "utrechtTableCellPaddingBlockStart": "0.5em",
   "utrechtTableCellPaddingInlineEnd": "0.4em",
   "utrechtTableCellPaddingInlineStart": "0.4em",
-  "utrechtTableCellIconSize": "1em",
   "utrechtTableCellSelectedBackgroundColor": "hsl(211 60% 90%)",
   "utrechtTableCellSelectedColor": "hsl(0 0% 0%)",
-  "utrechtTableRowBorderBlockEndColor": "hsl(0 0% 90%)",
-  "utrechtTableRowBorderBlockEndWidth": "1px",
-  "utrechtTableRowAlternateOddBackgroundColor": "hsl(0 0% 100%)",
-  "utrechtTableRowAlternateOddColor": "hsl(0 0% 0%)",
-  "utrechtTableRowAlternateEvenBackgroundColor": "hsl(0 0% 95%)",
-  "utrechtTableRowAlternateEvenColor": "hsl(0 0% 0%)",
   "utrechtTableFooterStickyBackgroundColor": "hsl(0 0% 100%)",
-  "utrechtTableFooterStickyColor": "hsl(0 0% 0%)",
   "utrechtTableFooterStickyBorderBlockStartColor": "hsl(0 100% 40%)",
   "utrechtTableFooterStickyBorderBlockStartWidth": "2px",
+  "utrechtTableFooterStickyColor": "hsl(0 0% 0%)",
+  "utrechtTableHeaderBorderBlockEndColor": "hsl(0 100% 40%)",
+  "utrechtTableHeaderBorderBlockEndWidth": "2px",
+  "utrechtTableHeaderFontWeight": "700",
+  "utrechtTableHeaderStickyBackgroundColor": "hsl(0 0% 100%)",
+  "utrechtTableHeaderStickyBorderBlockEndColor": "hsl(0 100% 40%)",
+  "utrechtTableHeaderStickyBorderBlockEndWidth": "2px",
+  "utrechtTableHeaderStickyColor": "hsl(0 0% 0%)",
+  "utrechtTableMarginBlockEnd": "0",
+  "utrechtTableMarginBlockStart": "16px",
+  "utrechtTableRowAlternateEvenBackgroundColor": "hsl(0 0% 95%)",
+  "utrechtTableRowAlternateEvenColor": "hsl(0 0% 0%)",
+  "utrechtTableRowAlternateOddBackgroundColor": "hsl(0 0% 100%)",
+  "utrechtTableRowAlternateOddColor": "hsl(0 0% 0%)",
+  "utrechtTableRowBorderBlockEndColor": "hsl(0 0% 90%)",
+  "utrechtTableRowBorderBlockEndWidth": "1px",
+  "utrechtTextareaBorderBlockEndWidth": "3px",
   "utrechtTextareaBorderBottomWidth": "3px",
   "utrechtTextareaLineHeight": "1.5",
   "utrechtTextboxBorderBottomWidth": "3px",
+  "utrechtTopnavLinkBackgroundColor": "hsl(211 60% 40%)",
+  "utrechtTopnavLinkColor": "hsl(0 0% 100%)",
+  "utrechtTopnavLinkFocusBackgroundColor": "hsl(48 100% 80%)",
+  "utrechtTopnavLinkFocusBorderType": "dotted",
+  "utrechtTopnavLinkFocusBoxShadowColor": "hsl(48 100% 80%)",
+  "utrechtTopnavLinkFocusColor": "hsl(0 0% 0%)",
+  "utrechtTopnavLinkFocusOutlineColor": "hsl(0 0% 0%)",
+  "utrechtTopnavLinkFocusTextDecoration": "none",
+  "utrechtTopnavLinkHoverBackgroundColor": "hsl(0 0% 0%)",
+  "utrechtTopnavListBackgroundColor": "hsl(0 0% 15%)",
+  "utrechtTopnavListBorderColor": "hsl(0 0% 40%)",
   "utrechtToptaskLinkBackgroundColor": "hsl(211 60% 35%)",
   "utrechtToptaskLinkColor": "hsl(0 0% 100%)",
   "utrechtToptaskLinkFontSize": "1rem",
+  "utrechtToptaskLinkHoverBackgroundColor": "hsl(211 60% 40%)",
+  "utrechtToptaskLinkHoverColor": "hsl(0 0% 100%)",
+  "utrechtToptaskLinkHoverTransformScale": "1.02",
+  "utrechtToptaskLinkIconSize": "2.25rem",
   "utrechtToptaskLinkLineHeight": "1.2",
   "utrechtToptaskLinkMinBlockSize": "8.25rem",
   "utrechtToptaskLinkMinInlineSize": "15rem",
@@ -849,149 +979,29 @@
   "utrechtToptaskLinkPaddingBlockStart": "24px",
   "utrechtToptaskLinkPaddingInlineEnd": "24px",
   "utrechtToptaskLinkPaddingInlineStart": "24px",
-  "utrechtToptaskLinkHoverBackgroundColor": "hsl(211 60% 40%)",
-  "utrechtToptaskLinkHoverColor": "hsl(0 0% 100%)",
-  "utrechtToptaskLinkHoverTransformScale": "1.02",
-  "utrechtToptaskLinkIconSize": "2.25rem",
-  "utrechtUnorderedListMarginBlockStart": "16px",
-  "utrechtUnorderedListMarginBlockEnd": "0",
-  "utrechtUnorderedListItemMarginBlockStart": "0.25rem",
-  "utrechtUnorderedListItemMarginBlockEnd": "0.25rem",
-  "utrechtUnorderedListMarkerColor": "hsl(0 100% 40%)",
-  "utrechtColorRed20": "hsl(0 100% 20%)",
-  "utrechtColorRed30": "hsl(0 100% 30%)",
-  "utrechtColorRed40": "hsl(0 100% 40%)",
-  "utrechtColorRed95": "hsl(0 100% 95%)",
-  "utrechtColorBlue20": "hsl(211 60% 20%)",
-  "utrechtColorBlue30": "hsl(211 60% 30%)",
-  "utrechtColorBlue35": "hsl(211 60% 35%)",
-  "utrechtColorBlue40": "hsl(211 60% 40%)",
-  "utrechtColorBlue50": "hsl(211 60% 50%)",
-  "utrechtColorBlue60": "hsl(211 60% 60%)",
-  "utrechtColorBlue80": "hsl(211 60% 80%)",
-  "utrechtColorBlue90": "hsl(211 60% 90%)",
-  "utrechtColorGrey10": "hsl(0 0% 10%)",
-  "utrechtColorGrey15": "hsl(0 0% 15%)",
-  "utrechtColorGrey20": "hsl(0 0% 20%)",
-  "utrechtColorGrey30": "hsl(0 0% 30%)",
-  "utrechtColorGrey40": "hsl(0 0% 40%)",
-  "utrechtColorGrey80": "hsl(0 0% 80%)",
-  "utrechtColorGrey90": "hsl(0 0% 90%)",
-  "utrechtColorGrey95": "hsl(0 0% 95%)",
-  "utrechtColorYellow20": "hsl(48 100% 20%)",
-  "utrechtColorYellow40": "hsl(48 100% 40%)",
-  "utrechtColorYellow50": "hsl(48 100% 50%)",
-  "utrechtColorYellow60": "hsl(48 100% 60%)",
-  "utrechtColorYellow80": "hsl(48 100% 80%)",
-  "utrechtColorGreen30": "hsl(90 30% 30%)",
-  "utrechtColorGreen40": "hsl(90 30% 38%)",
-  "utrechtColorGreen50": "hsl(90 30% 50%)",
-  "utrechtColorGreen80": "hsl(90 30% 80%)",
-  "utrechtColorGreen90": "hsl(90 30% 90%)",
-  "utrechtColorSecondaryPurple": "#762cd1",
-  "utrechtColorSecondaryMagenta": "#f02198",
-  "utrechtColorSecondaryRed": "#cc0000",
-  "utrechtColorSecondaryOrange": "#ff6e00",
-  "utrechtColorSecondaryYellow": "#ffcc00",
-  "utrechtColorSecondaryLime": "#99d000",
-  "utrechtColorSecondaryGreen": "#32ab27",
-  "utrechtColorSecondaryCyan": "#009ed4",
-  "utrechtColorSecondaryBlue": "#006dff",
-  "utrechtColorSecondaryNavy": "#1c4181",
-  "utrechtColorSecondaryBrown": "#ad643b",
-  "utrechtColorSecondaryGrey": "#757575",
-  "utrechtColorInvalid": "#990000",
-  "utrechtColorWhite": "hsl(0 0% 100%)",
-  "utrechtColorBlack": "hsl(0 0% 0%)",
-  "utrechtIconScale3xs": "1px",
-  "utrechtIconScale2xs": "4px",
-  "utrechtIconScaleXs": "8px",
-  "utrechtIconScaleSm": "12px",
-  "utrechtIconScaleMd": "16px",
-  "utrechtIconScaleLg": "24px",
-  "utrechtIconScaleXl": "26px",
-  "utrechtIconScale2xl": "30px",
-  "utrechtIconScale3xl": "36px",
-  "utrechtIconScale4xl": "48px",
+  "utrechtToptaskNavGap": "16px",
+  "utrechtToptaskNavLinkGridMaxInlineSize": "240px",
+  "utrechtTypographyFontStyleInherit": "inherit",
+  "utrechtTypographyFontStyleNormal": "normal",
+  "utrechtTypographyLineHeightLg": "2",
+  "utrechtTypographyLineHeightMd": "1.5",
+  "utrechtTypographyLineHeightSm": "1.25",
+  "utrechtTypographyLineHeightXs": "1",
   "utrechtTypographySansSerifFontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
-  "utrechtTypographyScale2xsFontSize": "0.5rem",
-  "utrechtTypographyScaleXsFontSize": "0.75rem",
-  "utrechtTypographyScaleSmFontSize": "0.875rem",
-  "utrechtTypographyScaleMdFontSize": "1rem",
-  "utrechtTypographyScaleLgFontSize": "1.125rem",
-  "utrechtTypographyScaleXlFontSize": "1.25rem",
   "utrechtTypographyScale2xlFontSize": "1.375rem",
+  "utrechtTypographyScale2xsFontSize": "0.5rem",
   "utrechtTypographyScale3xlFontSize": "1.5rem",
   "utrechtTypographyScale4xlFontSize": "2rem",
+  "utrechtTypographyScaleLgFontSize": "1.125rem",
+  "utrechtTypographyScaleMdFontSize": "1rem",
+  "utrechtTypographyScaleSmFontSize": "0.875rem",
+  "utrechtTypographyScaleXlFontSize": "1.25rem",
+  "utrechtTypographyScaleXsFontSize": "0.75rem",
   "utrechtTypographyWeightScaleBoldFontWeight": "700",
   "utrechtTypographyWeightScaleNormalFontWeight": "400",
-  "utrechtTypographyFontStyleNormal": "normal",
-  "utrechtTypographyFontStyleInherit": "inherit",
-  "utrechtTypographyLineHeightXs": "1",
-  "utrechtTypographyLineHeightSm": "1.25",
-  "utrechtTypographyLineHeightMd": "1.5",
-  "utrechtTypographyLineHeightLg": "2",
-  "utrechtBorderWidthSm": "1px",
-  "utrechtBorderWidthMd": "2px",
-  "utrechtBorderRadiusSm": "2px",
-  "utrechtBorderRadiusMd": "4px",
-  "utrechtBorderRadiusLg": "8px",
-  "utrechtBorderRadiusRound": "999px",
-  "utrechtBorderRadiusNone": "0",
-  "utrechtBorderStyleSolid": "solid",
-  "utrechtBorderStyleDotted": "dotted",
-  "utrechtStackFocusZIndex": 1,
-  "utrechtMenulijstItemColor": "hsl(211 60% 35%)",
-  "utrechtMenulijstItemHoverColor": "hsl(211 60% 40%)",
-  "utrechtToptaskNavGap": "16px",
-  "utrechtToptaskNavLinkGridMaxInlineSize": "240px",
-  "denhaagProcessStepsFontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
-  "denhaagProcessStepsStepHeadingColor": "hsl(0 0% 0%)",
-  "denhaagProcessStepsStepHeadingFontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
-  "denhaagProcessStepsStepHeadingFontSize": "1.125rem",
-  "denhaagProcessStepsStepHeadingFontWeight": "700",
-  "denhaagProcessStepsStepHeadingCurrentColor": "hsl(0 0% 0%)",
-  "denhaagProcessStepsStepHeadingCheckedColor": "hsl(0 0% 0%)",
-  "denhaagProcessStepsStepHeadingCheckedBackgroundColor": "hsl(0 0% 100%)",
-  "denhaagProcessStepsStepHeadingNotCheckedColor": "hsl(0 0% 0%)",
-  "denhaagProcessStepsStepHeadingWarningColor": "hsl(0 0% 0%)",
-  "denhaagProcessStepsStepMarkerBorderColor": "hsl(90 30% 30%)",
-  "denhaagProcessStepsStepMarkerBackgroundColor": "hsl(0 0% 100%)",
-  "denhaagProcessStepsStepMarkerBorderWidth": "2px",
-  "denhaagProcessStepsStepMarkerColor": "hsl(90 30% 30%)",
-  "denhaagProcessStepsStepMarkerFontSize": "0.875rem",
-  "denhaagProcessStepsStepMarkerFontWeight": "700",
-  "denhaagProcessStepsStepMarkerCurrentBorderColor": "hsl(90 30% 30%)",
-  "denhaagProcessStepsStepMarkerCurrentBackgroundColor": "hsl(90 30% 30%)",
-  "denhaagProcessStepsStepMarkerCurrentBorderWidth": "2px",
-  "denhaagProcessStepsStepMarkerCurrentColor": "hsl(0 0% 100%)",
-  "denhaagProcessStepsStepMarkerCheckedBorderColor": "hsl(90 30% 30%)",
-  "denhaagProcessStepsStepMarkerCheckedBackgroundColor": "hsl(0 0% 100%)",
-  "denhaagProcessStepsStepMarkerCheckedBorderWidth": "2px",
-  "denhaagProcessStepsStepMarkerCheckedColor": "hsl(90 30% 30%)",
-  "denhaagProcessStepsStepMarkerWarningBorderColor": "#990000",
-  "denhaagProcessStepsStepMarkerWarningBackgroundColor": "hsl(0 0% 100%)",
-  "denhaagProcessStepsStepMarkerWarningColor": "#990000",
-  "denhaagProcessStepsStepMarkerSize": "28px",
-  "denhaagProcessStepsSubStepMarkerBorderColor": "hsl(90 30% 30%)",
-  "denhaagProcessStepsSubStepMarkerBackgroundColor": "hsl(0 0% 100%)",
-  "denhaagProcessStepsSubStepMarkerSize": "12px",
-  "denhaagProcessStepsStepLineStrokeWidth": "2px",
-  "denhaagProcessStepsStepLineColor": "hsl(90 30% 30%)",
-  "denhaagProcessStepsStepLineCheckedColor": "hsl(90 30% 30%)",
-  "denhaagProcessStepsStepLineWarningColor": "#990000",
-  "denhaagProcessStepsStepMetadataColor": "hsl(0 0% 15%)",
-  "denhaagProcessStepsStepMetadataFontSize": "0.875rem",
-  "denhaagProcessStepsStepDescriptionColor": "hsl(0 0% 0%)",
-  "denhaagProcessStepsStepDescriptionFontSize": "1rem",
-  "denhaagProcessStepsSubStepHeadingColor": "hsl(0 0% 15%)",
-  "denhaagProcessStepsSubStepHeadingFontSize": "0.875rem",
-  "denhaagProcessStepsSubStepHeadingFontWeight": "400",
-  "denhaagProcessStepsSubStepLineColor": "hsl(90 30% 30%)",
-  "ofLayoutBackground": "hsl(0 0% 100%)",
-  "ofLayoutBg": "hsl(0 0% 100%)",
-  "ofPageFooterBg": "hsl(0 100% 40%)",
-  "ofPageFooterFg": "hsl(0 0% 100%)",
-  "ofProgressIndicatorBackgroundColor": "hsl(0 0% 100%)",
-  "ofProgressIndicatorMobileBoxShadow": "0px 0px 2px 0px rgba(0, 0, 0, 0.2)"
+  "utrechtUnorderedListItemMarginBlockEnd": "0.25rem",
+  "utrechtUnorderedListItemMarginBlockStart": "0.25rem",
+  "utrechtUnorderedListMarginBlockEnd": "0",
+  "utrechtUnorderedListMarginBlockStart": "16px",
+  "utrechtUnorderedListMarkerColor": "hsl(0 100% 40%)"
 }