@utrecht/design-tokens 2.1.0 → 2.2.0

package/dist/dark/index.mjs

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