@amsterdam/design-system-tokens 0.6.0 → 0.7.0

package/dist/index.mjs

@@ -1,586 +1,585 @@
 /**
  * Do not edit directly
- * Generated on Fri, 08 Mar 2024 13:00:06 GMT
+ * Generated on Tue, 12 Mar 2024 14:50:53 GMT
  */
 
-export const amsterdamColorPrimaryBlack = "#000000";
-export const amsterdamColorPrimaryWhite = "#FFFFFF";
-export const amsterdamColorPrimaryBlue = "#004699";
-export const amsterdamColorPrimaryRed = "#EC0000";
-export const amsterdamColorDarkBlue = "#102E62";
-export const amsterdamColorOrange = "#FF9100";
-export const amsterdamColorYellow = "#FFE600";
-export const amsterdamColorGreen = "#BED200";
-export const amsterdamColorDarkGreen = "#00A03C";
-export const amsterdamColorBlue = "#009DE6";
-export const amsterdamColorPurple = "#A00078";
-export const amsterdamColorMagenta = "#E50082";
-export const amsterdamColorNeutralGrey1 = "#E8E8E8";
-export const amsterdamColorNeutralGrey2 = "#BEBEBE";
-export const amsterdamColorNeutralGrey3 = "#767676";
-export const amsterdamProportionXTall = "9 / 16";
-export const amsterdamProportionTall = "4 / 5";
-export const amsterdamProportionSquare = "1 / 1";
-export const amsterdamProportionWide = "5 / 4";
-export const amsterdamProportionXWide = "16 / 9";
-export const amsterdamProportion2xWide = "32 / 9";
-export const amsterdamSpaceGridXs = "clamp(0.25rem, calc(0.78125vw + 0.09375rem), 0.875rem)";
-export const amsterdamSpaceGridSm = "clamp(0.5rem, calc(1.5625vw + 0.1875rem), 1.75rem)";
-export const amsterdamSpaceGridMd = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)"; // Grows from 16px at 320px wide to 56px at 1600px wide.
-export const amsterdamSpaceGridLg = "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)";
-export const amsterdamSpaceGridXl = "clamp(2rem, calc(6.25vw + 0.75rem), 7rem)";
-export const amsterdamSpaceInsideXs = ".25rem";
-export const amsterdamSpaceInsideSm = ".5rem";
-export const amsterdamSpaceInsideMd = "1rem";
-export const amsterdamSpaceInsideLg = "1.5rem";
-export const amsterdamSpaceInsideXl = "2rem";
-export const amsterdamSpaceStackXs = ".25rem";
-export const amsterdamSpaceStackSm = ".5rem";
-export const amsterdamSpaceStackMd = "1rem";
-export const amsterdamSpaceStackLg = "1.5rem";
-export const amsterdamSpaceStackXl = "2rem";
-export const amsterdamTypographyFontFamily = "'Amsterdam Sans', Arial, sans-serif";
-export const amsterdamTypographyFontWeightNormal = 400;
-export const amsterdamTypographyFontWeightBold = 800;
-export const amsterdamTypographyTextLevel0FontSize = "clamp(2.432rem, calc(2.683vw + 1.895rem), 4.578rem)";
-export const amsterdamTypographyTextLevel0LineHeight = "1.15";
-export const amsterdamTypographyTextLevel1FontSize = "clamp(2.084rem, calc(1.973vw + 1.69rem), 3.662rem)";
-export const amsterdamTypographyTextLevel1LineHeight = "1.2";
-export const amsterdamTypographyTextLevel2FontSize = "clamp(1.786rem, calc(1.43vw + 1.5rem), 2.93rem)";
-export const amsterdamTypographyTextLevel2LineHeight = "1.25";
-export const amsterdamTypographyTextLevel3FontSize = "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)";
-export const amsterdamTypographyTextLevel3LineHeight = "1.3";
-export const amsterdamTypographyTextLevel4FontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
-export const amsterdamTypographyTextLevel4LineHeight = "1.5";
-export const amsterdamTypographyTextLevel5FontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
-export const amsterdamTypographyTextLevel5LineHeight = "1.6";
-export const amsterdamTypographyTextLevel6FontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
-export const amsterdamTypographyTextLevel6LineHeight = "1.6";
-export const amsterdamActionActivateCursor = "pointer";
-export const amsterdamActionBusyCursor = "wait";
-export const amsterdamActionDisabledCursor = "not-allowed";
-export const amsterdamActionInertCursor = "default";
-export const amsterdamActionNavigateCursor = "pointer";
-export const amsterdamActionSubmitCursor = "pointer";
-export const amsterdamBorderWidthSm = "1px";
-export const amsterdamBorderWidthMd = "2px";
-export const amsterdamBorderWidthLg = "3px";
-export const amsterdamFocusOutlineOffset = "2px";
-export const amsterdamHyphenationHyphenateLimitChars = "12 8 4";
-export const amsterdamHyphenationHyphens = "auto";
-export const amsterdamHyphenationOverflowWrap = "break-word";
-export const amsterdamLinkAppearanceColor = "#004699";
-export const amsterdamLinkAppearanceTextDecorationThickness = "0.125rem";
-export const amsterdamLinkAppearanceTextUnderlineOffset = "0.375rem";
-export const amsterdamLinkAppearanceHoverColor = "#102E62";
-export const amsterdamLinkAppearanceOnBackgroundDarkColor = "#FFFFFF";
-export const amsterdamLinkAppearanceOnBackgroundLightColor = "#000000";
-export const amsterdamLinkAppearanceRegularTextDecorationLine = "underline";
-export const amsterdamLinkAppearanceRegularHoverTextDecorationThickness = "0.1875rem";
-export const amsterdamLinkAppearanceRegularHoverTextUnderlineOffset = "0.3125rem";
-export const amsterdamLinkAppearanceSubtleTextDecorationLine = "none";
-export const amsterdamLinkAppearanceSubtleHoverTextDecorationLine = "underline";
-export const amsterdamAccordionButtonColor = "#004699";
-export const amsterdamAccordionButtonFontFamily = "'Amsterdam Sans', Arial, sans-serif";
-export const amsterdamAccordionButtonFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
-export const amsterdamAccordionButtonFontWeight = 800;
-export const amsterdamAccordionButtonLineHeight = "1.6";
-export const amsterdamAccordionButtonPaddingBlock = ".5rem";
-export const amsterdamAccordionButtonPaddingInline = "1rem";
-export const amsterdamAccordionButtonFocusOutlineOffset = "2px";
-export const amsterdamAccordionButtonHoverBoxShadow = "inset 0 0 0 2px #767676";
-export const amsterdamAccordionPanelPaddingBlock = "1rem";
-export const amsterdamAccordionPanelPaddingInline = "1rem";
-export const amsterdamAlertBorderWidth = "4px";
-export const amsterdamAlertBorderStyle = "solid";
-export const amsterdamAlertGap = "1rem";
-export const amsterdamAlertPaddingBlock = "1rem";
-export const amsterdamAlertPaddingInline = "1.5rem";
-export const amsterdamAlertErrorBorderColor = "#EC0000";
-export const amsterdamAlertInfoBorderColor = "#004699";
-export const amsterdamAlertSuccessBorderColor = "#00A03C";
-export const amsterdamAlertWarningBorderColor = "#FF9100";
-export const amsterdamAlertCloseFill = "#000000";
-export const amsterdamAlertCloseHoverFill = "#004699";
-export const amsterdamAspectRatioXTall = "9 / 16";
-export const amsterdamAspectRatioTall = "4 / 5";
-export const amsterdamAspectRatioSquare = "1 / 1";
-export const amsterdamAspectRatioWide = "5 / 4";
-export const amsterdamAspectRatioXWide = "16 / 9";
-export const amsterdamAspectRatio2xWide = "32 / 9";
-export const amsterdamBadgeFontFamily = "'Amsterdam Sans', Arial, sans-serif";
-export const amsterdamBadgeFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
-export const amsterdamBadgeFontWeight = 800;
-export const amsterdamBadgeLineHeight = "1.6";
-export const amsterdamBadgePaddingInline = ".25rem";
-export const amsterdamBadgeBlueBackgroundColor = "#009DE6";
-export const amsterdamBadgeBlueColor = "#000000";
-export const amsterdamBadgeDarkBlueBackgroundColor = "#004699";
-export const amsterdamBadgeDarkBlueColor = "#FFFFFF";
-export const amsterdamBadgeDarkGreenBackgroundColor = "#00A03C";
-export const amsterdamBadgeDarkGreenColor = "#FFFFFF";
-export const amsterdamBadgeGreenBackgroundColor = "#BED200";
-export const amsterdamBadgeGreenColor = "#000000";
-export const amsterdamBadgeMagentaBackgroundColor = "#E50082";
-export const amsterdamBadgeMagentaColor = "#FFFFFF";
-export const amsterdamBadgeOrangeBackgroundColor = "#FF9100";
-export const amsterdamBadgeOrangeColor = "#000000";
-export const amsterdamBadgePurpleBackgroundColor = "#A00078";
-export const amsterdamBadgePurpleColor = "#FFFFFF";
-export const amsterdamBadgeYellowBackgroundColor = "#FFE600";
-export const amsterdamBadgeYellowColor = "#000000";
-export const amsterdamBlockquoteColor = "#000000";
-export const amsterdamBlockquoteFontFamily = "'Amsterdam Sans', Arial, sans-serif";
-export const amsterdamBlockquoteFontSize = "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)";
-export const amsterdamBlockquoteFontWeight = 800;
-export const amsterdamBlockquoteLineHeight = "1.3";
-export const amsterdamBlockquoteInverseColor = "#FFFFFF";
-export const amsterdamBreadcrumbFontFamily = "'Amsterdam Sans', Arial, sans-serif";
-export const amsterdamBreadcrumbFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
-export const amsterdamBreadcrumbFontWeight = 400;
-export const amsterdamBreadcrumbLineHeight = "1.6";
-export const amsterdamBreadcrumbSeparatorBackgroundImage = "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23000000' fill-rule='evenodd' d='m9.757 32-2.9-2.91L19.937 16 6.857 2.91 9.757 0l16 16z'/></svg>\")";
-export const amsterdamBreadcrumbItemLinkColor = "#004699";
-export const amsterdamBreadcrumbItemLinkOutlineOffset = "2px";
-export const amsterdamBreadcrumbItemLinkTextDecorationLine = "none";
-export const amsterdamBreadcrumbItemLinkTextDecorationThickness = "0.125rem";
-export const amsterdamBreadcrumbItemLinkTextUnderlineOffset = "0.375rem";
-export const amsterdamBreadcrumbItemLinkHoverColor = "#102E62";
-export const amsterdamBreadcrumbItemLinkHoverTextDecorationLine = "underline";
-export const amsterdamButtonCursor = "pointer";
-export const amsterdamButtonFontFamily = "'Amsterdam Sans', Arial, sans-serif";
-export const amsterdamButtonFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
-export const amsterdamButtonLineHeight = "1.6";
-export const amsterdamButtonGap = "1rem";
-export const amsterdamButtonPaddingBlock = ".25rem";
-export const amsterdamButtonPaddingInline = "1rem";
-export const amsterdamButtonOutlineOffset = "2px";
-export const amsterdamButtonBusyCursor = "wait";
-export const amsterdamButtonDisabledCursor = "not-allowed";
-export const amsterdamButtonPrimaryBackgroundColor = "#004699";
-export const amsterdamButtonPrimaryBoxShadow = "inset 0 0 0 2px #004699";
-export const amsterdamButtonPrimaryColor = "#FFFFFF";
-export const amsterdamButtonPrimaryDisabledBackgroundColor = "#BEBEBE";
-export const amsterdamButtonPrimaryDisabledBoxShadow = "inset 0 0 0 2px #BEBEBE";
-export const amsterdamButtonPrimaryHoverBackgroundColor = "#102E62";
-export const amsterdamButtonPrimaryHoverBoxShadow = "inset 0 0 0 2px #102E62";
-export const amsterdamButtonSecondaryBackgroundColor = "#FFFFFF";
-export const amsterdamButtonSecondaryColor = "#004699";
-export const amsterdamButtonSecondaryBoxShadow = "inset 0 0 0 2px #004699";
-export const amsterdamButtonSecondaryHoverBoxShadow = "inset 0 0 0 3px #102E62";
-export const amsterdamButtonSecondaryHoverColor = "#102E62";
-export const amsterdamButtonSecondaryDisabledBackgroundColor = "#FFFFFF";
-export const amsterdamButtonSecondaryDisabledBoxShadow = "inset 0 0 0 2px #BEBEBE";
-export const amsterdamButtonSecondaryDisabledColor = "#BEBEBE";
-export const amsterdamButtonSecondaryFocusBoxShadow = "inset 0 0 0 2px #004699";
-export const amsterdamButtonTertiaryBackgroundColor = "transparent";
-export const amsterdamButtonTertiaryColor = "#004699";
-export const amsterdamButtonTertiaryHoverBoxShadow = "inset 0 0 0 2px #102E62";
-export const amsterdamButtonTertiaryHoverColor = "#102E62";
-export const amsterdamButtonTertiaryDisabledBackgroundColor = "transparent";
-export const amsterdamButtonTertiaryDisabledColor = "#BEBEBE";
-export const amsterdamCardLinkColor = "#004699";
-export const amsterdamCardLinkTextDecorationLine = "none";
-export const amsterdamCardLinkTextDecorationThickness = "0.125rem";
-export const amsterdamCardLinkTextUnderlineOffset = "0.375rem";
-export const amsterdamCardLinkHoverColor = "#102E62";
-export const amsterdamCardLinkHoverTextDecorationLine = "underline";
-export const amsterdamCardOutlineOffset = "2px";
-export const amsterdamCheckboxColor = "#000000";
-export const amsterdamCheckboxFontFamily = "'Amsterdam Sans', Arial, sans-serif";
-export const amsterdamCheckboxFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
-export const amsterdamCheckboxFontWeight = 400;
-export const amsterdamCheckboxLineHeight = "1.6";
-export const amsterdamCheckboxOutlineOffset = "2px";
-export const amsterdamCheckboxCheckmarkBorderColor = "#004699";
-export const amsterdamCheckboxCheckmarkCheckedBackgroundColor = "#004699";
-export const amsterdamCheckboxCheckmarkCheckedBackgroundImage = "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23ffffff'%3E%3Cpath fill-rule='evenodd' d='M12.216 27.016 0 14.168l2.91-2.77 9.346 9.837L29.129 4 32 6.8z'/%3E%3C/svg%3E\")";
-export const amsterdamCheckboxCheckmarkCheckedHoverBackgroundColor = "#102E62";
-export const amsterdamCheckboxCheckmarkDisabledBorderColor = "#767676";
-export const amsterdamCheckboxCheckmarkDisabledCheckedBackgroundColor = "#767676";
-export const amsterdamCheckboxCheckmarkDisabledCheckedHoverBackgroundColor = "#767676";
-export const amsterdamCheckboxCheckmarkDisabledIndeterminateBackgroundColor = "#767676";
-export const amsterdamCheckboxCheckmarkDisabledIndeterminateHoverBackgroundColor = "#767676";
-export const amsterdamCheckboxCheckmarkHoverBorderColor = "#102E62";
-export const amsterdamCheckboxCheckmarkInvalidBorderColor = "#EC0000";
-export const amsterdamCheckboxCheckmarkInvalidCheckedBackgroundColor = "#EC0000";
-export const amsterdamCheckboxCheckmarkInvalidCheckedHoverBackgroundColor = "#EC0000";
-export const amsterdamCheckboxCheckmarkInvalidHoverBorderColor = "#EC0000";
-export const amsterdamCheckboxCheckmarkInvalidIndeterminateBackgroundColor = "#EC0000";
-export const amsterdamCheckboxCheckmarkInvalidIndeterminateHoverBackgroundColor = "#EC0000";
-export const amsterdamCheckboxCheckmarkIndeterminateBackgroundColor = "#004699";
-export const amsterdamCheckboxCheckmarkIndeterminateBackgroundImage = "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='white'%3E%3Cpath fill-rule='evenodd' d='M0 13.714h32v4H0z'/%3E%3C/svg%3E\")";
-export const amsterdamCheckboxCheckmarkIndeterminateHoverBackgroundColor = "#102E62";
-export const amsterdamCheckboxDisabledColor = "#767676";
-export const amsterdamCheckboxHoverColor = "#102E62";
-export const amsterdamColumnGapXs = "clamp(0.25rem, calc(0.78125vw + 0.09375rem), 0.875rem)";
-export const amsterdamColumnGapSm = "clamp(0.5rem, calc(1.5625vw + 0.1875rem), 1.75rem)";
-export const amsterdamColumnGapMd = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)";
-export const amsterdamColumnGapLg = "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)";
-export const amsterdamColumnGapXl = "clamp(2rem, calc(6.25vw + 0.75rem), 7rem)";
-export const amsterdamDialogBackgroundColor = "#FFFFFF";
-export const amsterdamDialogBorder = "0";
-export const amsterdamDialogMaxInlineSize = "min(87.69vw, 45rem)";
-export const amsterdamDialogTitleColor = "#000000";
-export const amsterdamDialogTitleFontFamily = "'Amsterdam Sans', Arial, sans-serif";
-export const amsterdamDialogTitleFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
-export const amsterdamDialogTitleFontWeight = 800;
-export const amsterdamDialogTitleLineHeight = "1.6";
-export const amsterdamDialogFormGap = "1.5rem";
-export const amsterdamDialogFormPaddingBlock = "clamp(1.5rem, calc(1.5rem + ((1vw - 0.5337rem) * 2.1448)), 2.5rem)";
-export const amsterdamDialogFormPaddingInline = "clamp(1.5rem, calc(1.5rem + ((1vw - 0.5337rem) * 2.1448)), 2.5rem)";
-export const amsterdamDialogFormMaxBlockSize = "75vh";
-export const amsterdamDialogHeaderGap = "1rem";
-export const amsterdamDialogFooterGap = "1rem";
-export const amsterdamFieldsetLegendColor = "#000000";
-export const amsterdamFieldsetLegendFontFamily = "'Amsterdam Sans', Arial, sans-serif";
-export const amsterdamFieldsetLegendFontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
-export const amsterdamFieldsetLegendFontWeight = 800;
-export const amsterdamFieldsetLegendLineHeight = "1.5";
-export const amsterdamFormLabelColor = "#000000";
-export const amsterdamFormLabelFontFamily = "'Amsterdam Sans', Arial, sans-serif";
-export const amsterdamFormLabelFontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
-export const amsterdamFormLabelFontWeight = 800;
-export const amsterdamFormLabelLineHeight = "1.5";
-export const amsterdamGapXs = "clamp(0.25rem, calc(0.78125vw + 0.09375rem), 0.875rem)";
-export const amsterdamGapSm = "clamp(0.5rem, calc(1.5625vw + 0.1875rem), 1.75rem)";
-export const amsterdamGapMd = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)";
-export const amsterdamGapLg = "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)";
-export const amsterdamGapXl = "clamp(2rem, calc(6.25vw + 0.75rem), 7rem)";
-export const amsterdamGridColumnCount = "4";
-export const amsterdamGridColumnGap = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)";
-export const amsterdamGridPaddingBlockSm = "clamp(0.5rem, calc(1.5625vw + 0.1875rem), 1.75rem)";
-export const amsterdamGridPaddingBlockMd = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)";
-export const amsterdamGridPaddingBlockLg = "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)";
-export const amsterdamGridPaddingInline = "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)";
-export const amsterdamGridRowGapSm = "clamp(0.5rem, calc(1.5625vw + 0.1875rem), 1.75rem)";
-export const amsterdamGridRowGapMd = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)";
-export const amsterdamGridRowGapLg = "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)";
-export const amsterdamGridMediumColumnCount = "8";
-export const amsterdamGridWideColumnCount = "12";
-export const amsterdamHeaderColumnGap = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)"; // Must have the same value as `amsterdam.grid.column-gap`.
-export const amsterdamHeaderPaddingBlock = "1rem";
-export const amsterdamHeaderLogoLinkOutlineOffset = "2px";
-export const amsterdamHeadingColor = "#000000";
-export const amsterdamHeadingFontFamily = "'Amsterdam Sans', Arial, sans-serif";
-export const amsterdamHeadingFontWeight = 800;
-export const amsterdamHeadingInverseColor = "#FFFFFF";
-export const amsterdamHeadingLevel1FontSize = "clamp(2.084rem, calc(1.973vw + 1.69rem), 3.662rem)";
-export const amsterdamHeadingLevel1LineHeight = "1.2";
-export const amsterdamHeadingLevel2FontSize = "clamp(1.786rem, calc(1.43vw + 1.5rem), 2.93rem)";
-export const amsterdamHeadingLevel2LineHeight = "1.25";
-export const amsterdamHeadingLevel3FontSize = "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)";
-export const amsterdamHeadingLevel3LineHeight = "1.3";
-export const amsterdamHeadingLevel4FontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
-export const amsterdamHeadingLevel4LineHeight = "1.5";
-export const amsterdamHeadingLevel5FontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
-export const amsterdamHeadingLevel5LineHeight = "1.6";
-export const amsterdamHeadingLevel6FontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
-export const amsterdamHeadingLevel6LineHeight = "1.6";
-export const amsterdamIconButtonColor = "#004699";
-export const amsterdamIconButtonOutlineOffset = "2px";
-export const amsterdamIconButtonHoverBackgroundColor = "rgba(0, 70, 153, 0.125)";
-export const amsterdamIconButtonHoverColor = "#102E62";
-export const amsterdamIconButtonDisabledColor = "#BEBEBE";
-export const amsterdamIconButtonOnBackgroundLightColor = "#000000";
-export const amsterdamIconButtonOnBackgroundLightHoverBackgroundColor = "rgba(0, 0, 0, 0.125)";
-export const amsterdamIconButtonOnBackgroundLightHoverColor = "#000000";
-export const amsterdamIconButtonOnBackgroundLightDisabledColor = "#BEBEBE";
-export const amsterdamIconButtonOnBackgroundDarkBackgroundColor = "#004699";
-export const amsterdamIconButtonOnBackgroundDarkColor = "#FFFFFF";
-export const amsterdamIconButtonOnBackgroundDarkHoverBackgroundColor = "#102E62";
-export const amsterdamIconButtonOnBackgroundDarkHoverColor = "#FFFFFF";
-export const amsterdamIconButtonOnBackgroundDarkDisabledColor = "#FFFFFF";
-export const amsterdamIconButtonOnBackgroundDarkDisabledBackgroundColor = "#BEBEBE";
-export const amsterdamIconSize3FontSize = "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)";
-export const amsterdamIconSize3LineHeight = "1.3";
-export const amsterdamIconSize4FontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
-export const amsterdamIconSize4LineHeight = "1.5";
-export const amsterdamIconSize5FontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
-export const amsterdamIconSize5LineHeight = "1.6";
-export const amsterdamIconSize6FontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
-export const amsterdamIconSize6LineHeight = "1.6";
-export const amsterdamLinkListGap = "0.5em";
-export const amsterdamLinkListLinkColor = "#004699";
-export const amsterdamLinkListLinkFontFamily = "'Amsterdam Sans', Arial, sans-serif";
-export const amsterdamLinkListLinkFontWeight = 400;
-export const amsterdamLinkListLinkGap = "0.5em";
-export const amsterdamLinkListLinkOutlineOffset = "2px";
-export const amsterdamLinkListLinkTextDecorationLine = "none";
-export const amsterdamLinkListLinkTextDecorationThickness = "0.125rem";
-export const amsterdamLinkListLinkTextUnderlineOffset = "0.375rem";
-export const amsterdamLinkListLinkSmallFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
-export const amsterdamLinkListLinkSmallLineHeight = "1.6";
-export const amsterdamLinkListLinkMediumFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
-export const amsterdamLinkListLinkMediumLineHeight = "1.6";
-export const amsterdamLinkListLinkLargeFontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
-export const amsterdamLinkListLinkLargeLineHeight = "1.5";
-export const amsterdamLinkListLinkHoverColor = "#102E62";
-export const amsterdamLinkListLinkHoverTextDecorationLine = "underline";
-export const amsterdamLinkListLinkOnBackgroundDarkColor = "#FFFFFF";
-export const amsterdamLinkListLinkOnBackgroundDarkHoverColor = "#FFFFFF";
-export const amsterdamLinkListLinkOnBackgroundLightColor = "#000000";
-export const amsterdamLinkListLinkOnBackgroundLightHoverColor = "#000000";
-export const amsterdamLinkColor = "#004699";
-export const amsterdamLinkFontFamily = "'Amsterdam Sans', Arial, sans-serif";
-export const amsterdamLinkFontWeight = 400;
-export const amsterdamLinkOutlineOffset = "2px";
-export const amsterdamLinkHoverColor = "#102E62";
-export const amsterdamLinkInlineTextDecorationLine = "underline";
-export const amsterdamLinkInlineTextDecorationThickness = "0.125rem";
-export const amsterdamLinkInlineTextUnderlineOffset = "0.375rem";
-export const amsterdamLinkInlineFontFamily = "inherit";
-export const amsterdamLinkInlineFontSize = "inherit";
-export const amsterdamLinkInlineLineHeight = "inherit";
-export const amsterdamLinkInlineHoverTextDecorationThickness = "0.1875rem";
-export const amsterdamLinkInlineHoverTextUnderlineOffset = "0.3125rem";
-export const amsterdamLinkInlineVisitedColor = "#A00078";
-export const amsterdamLinkStandaloneFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
-export const amsterdamLinkStandaloneLineHeight = "1.6";
-export const amsterdamLinkStandaloneTextDecorationLine = "underline";
-export const amsterdamLinkStandaloneTextDecorationThickness = "0.125rem";
-export const amsterdamLinkStandaloneTextUnderlineOffset = "0.375rem";
-export const amsterdamLinkStandaloneHoverTextDecorationThickness = "0.1875rem";
-export const amsterdamLinkStandaloneHoverTextUnderlineOffset = "0.3125rem";
-export const amsterdamLinkOnBackgroundDarkColor = "#FFFFFF";
-export const amsterdamLinkOnBackgroundDarkHoverColor = "#FFFFFF";
-export const amsterdamLinkOnBackgroundDarkVisitedColor = "#FFFFFF";
-export const amsterdamLinkOnBackgroundLightColor = "#000000";
-export const amsterdamLinkOnBackgroundLightHoverColor = "#000000";
-export const amsterdamLinkOnBackgroundLightVisitedColor = "#000000";
-export const amsterdamLogoHeight = "2.5rem";
-export const amsterdamLogoEmblemColor = "#EC0000";
-export const amsterdamLogoTitleColor = "#EC0000";
-export const amsterdamLogoSubsiteColor = "#000000";
-export const amsterdamMarginXs = "clamp(0.25rem, calc(0.78125vw + 0.09375rem), 0.875rem)";
-export const amsterdamMarginSm = "clamp(0.5rem, calc(1.5625vw + 0.1875rem), 1.75rem)";
-export const amsterdamMarginMd = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)";
-export const amsterdamMarginLg = "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)";
-export const amsterdamMarginXl = "clamp(2rem, calc(6.25vw + 0.75rem), 7rem)";
-export const amsterdamMarkBackgroundColor = "#FFE600";
-export const amsterdamMegaMenuListCategoryColumnGap = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)"; // Must have the same value as `amsterdam.grid.column-gap`.
-export const amsterdamMegaMenuListCategoryColumnWidth = "20rem";
-export const amsterdamMegaMenuListCategoryPaddingBlockStart = "1rem";
-export const amsterdamMegaMenuListCategoryPaddingBlockEnd = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)"; // Must have the same value as `amsterdam.grid.row-gap.md`.
-export const amsterdamOrderedListColor = "#000000";
-export const amsterdamOrderedListFontFamily = "'Amsterdam Sans', Arial, sans-serif";
-export const amsterdamOrderedListFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
-export const amsterdamOrderedListFontWeight = 400;
-export const amsterdamOrderedListGap = "0.75rem";
-export const amsterdamOrderedListInverseColor = "#FFFFFF";
-export const amsterdamOrderedListLineHeight = "1.6";
-export const amsterdamOrderedListListStyleType = "decimal";
-export const amsterdamOrderedListItemMarginInlineStart = "2.25rem"; // Divide your total indentation width over margin and padding to position the marker.
-export const amsterdamOrderedListItemPaddingInlineStart = "0.25rem"; // The total level 1 indentation for Amsterdam is 40 pixels, or 2.5rem.
-export const amsterdamOrderedListOrderedListListStyleType = "lower-alpha";
-export const amsterdamOrderedListOrderedListItemMarginInlineStart = "1.5rem"; // Indent less than the parent to start-align the child’s marker with the parent text.
-export const amsterdamOrderedListOrderedListItemPaddingInlineStart = "0.25rem"; // The total level >=2 indentation for Amsterdam is 28 pixels, or 1.75rem.
-export const amsterdamPageHeadingColor = "#000000";
-export const amsterdamPageHeadingFontFamily = "'Amsterdam Sans', Arial, sans-serif";
-export const amsterdamPageHeadingFontSize = "clamp(2.432rem, calc(2.683vw + 1.895rem), 4.578rem)";
-export const amsterdamPageHeadingFontWeight = 800;
-export const amsterdamPageHeadingInverseColor = "#FFFFFF";
-export const amsterdamPageHeadingLineHeight = "clamp(2.432rem, calc(2.683vw + 1.895rem), 4.578rem)";
-export const amsterdamPageMenuColumnGap = "2.5rem";
-export const amsterdamPageMenuRowGap = "0.5rem";
-export const amsterdamPageMenuItemColor = "#004699";
-export const amsterdamPageMenuItemFontFamily = "'Amsterdam Sans', Arial, sans-serif";
-export const amsterdamPageMenuItemFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
-export const amsterdamPageMenuItemFontWeight = 400;
-export const amsterdamPageMenuItemGap = "0.5rem";
-export const amsterdamPageMenuItemLineHeight = "1.6";
-export const amsterdamPageMenuItemOutlineOffset = "2px";
-export const amsterdamPageMenuItemTextDecorationLine = "none";
-export const amsterdamPageMenuItemTextDecorationThickness = "0.125rem";
-export const amsterdamPageMenuItemTextUnderlineOffset = "0.375rem";
-export const amsterdamPageMenuItemHoverColor = "#102E62";
-export const amsterdamPageMenuItemHoverTextDecorationLine = "underline";
-export const amsterdamPaginationColor = "#004699";
-export const amsterdamPaginationFontFamily = "'Amsterdam Sans', Arial, sans-serif";
-export const amsterdamPaginationFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
-export const amsterdamPaginationFontWeight = 400;
-export const amsterdamPaginationLineHeight = "1.6";
-export const amsterdamPaginationButtonOutlineOffset = "2px";
-export const amsterdamPaginationButtonPaddingInline = ".5rem";
-export const amsterdamPaginationButtonTextDecorationLine = "none";
-export const amsterdamPaginationButtonTextDecorationThickness = "0.125rem";
-export const amsterdamPaginationButtonTextUnderlineOffset = "0.375rem";
-export const amsterdamPaginationButtonCurrentFontWeight = 800;
-export const amsterdamPaginationButtonHoverColor = "#102E62";
-export const amsterdamPaginationButtonHoverTextDecorationLine = "underline";
-export const amsterdamParagraphColor = "#000000";
-export const amsterdamParagraphFontFamily = "'Amsterdam Sans', Arial, sans-serif";
-export const amsterdamParagraphFontWeight = 400;
-export const amsterdamParagraphInverseColor = "#FFFFFF";
-export const amsterdamParagraphSmallFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
-export const amsterdamParagraphSmallLineHeight = "1.6";
-export const amsterdamParagraphMediumFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
-export const amsterdamParagraphMediumLineHeight = "1.6";
-export const amsterdamParagraphLargeFontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
-export const amsterdamParagraphLargeLineHeight = "1.5";
-export const amsterdamRadioColor = "#000000";
-export const amsterdamRadioFontFamily = "'Amsterdam Sans', Arial, sans-serif";
-export const amsterdamRadioFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
-export const amsterdamRadioFontWeight = 400;
-export const amsterdamRadioLineHeight = "1.6";
-export const amsterdamRadioOutlineOffset = "2px";
-export const amsterdamRadioCircleBorderColor = "#004699";
-export const amsterdamRadioCircleCheckedBackgroundImage = "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23004699'%3E%3Ccircle cx='16' cy='16' r='16' /%3E%3C/svg%3E\")";
-export const amsterdamRadioCircleCheckedHoverBackgroundImage = "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23102E62'%3E%3Ccircle cx='16' cy='16' r='16' /%3E%3C/svg%3E\")";
-export const amsterdamRadioCircleDisabledBorderColor = "#767676";
-export const amsterdamRadioCircleDisabledCheckedBackgroundImage = "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23767676'%3E%3Ccircle cx='16' cy='16' r='16' /%3E%3C/svg%3E\")";
-export const amsterdamRadioCircleDisabledCheckedHoverBackgroundImage = "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23767676'%3E%3Ccircle cx='16' cy='16' r='16' /%3E%3C/svg%3E\")";
-export const amsterdamRadioCircleHoverBorderColor = "#102E62";
-export const amsterdamRadioCircleInvalidBorderColor = "#EC0000";
-export const amsterdamRadioCircleInvalidCheckedBackgroundImage = "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23EC0000'%3E%3Ccircle cx='16' cy='16' r='16' /%3E%3C/svg%3E\")";
-export const amsterdamRadioCircleInvalidCheckedHoverBackgroundImage = "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23EC0000'%3E%3Ccircle cx='16' cy='16' r='16' /%3E%3C/svg%3E\")";
-export const amsterdamRadioCircleInvalidHoverBorderColor = "#EC0000";
-export const amsterdamRadioDisabledColor = "#767676";
-export const amsterdamRadioHoverColor = "#102E62";
-export const amsterdamRowGapXs = ".25rem";
-export const amsterdamRowGapSm = ".5rem";
-export const amsterdamRowGapMd = "1rem";
-export const amsterdamRowGapLg = "1.5rem";
-export const amsterdamRowGapXl = "2rem";
-export const amsterdamScreenWideMaxWidth = "100rem";
-export const amsterdamScreenXWideMaxWidth = "132rem";
-export const amsterdamSearchFieldButtonBackgroundColor = "#004699";
-export const amsterdamSearchFieldButtonColor = "#FFFFFF";
-export const amsterdamSearchFieldButtonOutlineOffset = "2px";
-export const amsterdamSearchFieldButtonHoverBackgroundColor = "#102E62";
-export const amsterdamSearchFieldButtonPaddingBlock = ".25rem";
-export const amsterdamSearchFieldButtonPaddingInline = ".25rem";
-export const amsterdamSearchFieldInputBoxShadow = "inset 0 0 0 1px #000000";
-export const amsterdamSearchFieldInputColor = "#000000";
-export const amsterdamSearchFieldInputFontFamily = "'Amsterdam Sans', Arial, sans-serif";
-export const amsterdamSearchFieldInputFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
-export const amsterdamSearchFieldInputFontWeight = 400;
-export const amsterdamSearchFieldInputLineHeight = "1.6";
-export const amsterdamSearchFieldInputOutlineOffset = "2px";
-export const amsterdamSearchFieldInputPaddingBlock = ".25rem";
-export const amsterdamSearchFieldInputPaddingInline = "1rem";
-export const amsterdamSearchFieldInputCancelButtonBackgroundImage = "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23004699' fill-rule='evenodd' d='M29.333 5.47 26.53 2.668 16 13.187 5.47 2.666 2.668 5.47 13.187 16 2.666 26.53l2.804 2.803L16 18.813l10.53 10.52 2.803-2.804L18.813 16z'/></svg>\")";
-export const amsterdamSearchFieldInputCancelButtonColor = "#004699";
-export const amsterdamSearchFieldInputCancelButtonHeight = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
-export const amsterdamSearchFieldInputCancelButtonWidth = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
-export const amsterdamSearchFieldInputHoverBoxShadow = "inset 0 0 0 2px #000000";
-export const amsterdamSearchFieldInputPlaceholderColor = "#767676";
-export const amsterdamSkipLinkBackgroundColor = "#004699";
-export const amsterdamSkipLinkColor = "#FFFFFF";
-export const amsterdamSkipLinkFontFamily = "'Amsterdam Sans', Arial, sans-serif";
-export const amsterdamSkipLinkFontWeight = 400;
-export const amsterdamSkipLinkFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
-export const amsterdamSkipLinkLineHeight = "1.6";
-export const amsterdamSkipLinkOutlineOffset = "2px";
-export const amsterdamSkipLinkPaddingBlock = ".25rem";
-export const amsterdamSkipLinkPaddingInline = "1rem";
-export const amsterdamSkipLinkHoverBackgroundColor = "#102E62";
-export const amsterdamSpotlightBlueBackgroundColor = "#009DE6";
-export const amsterdamSpotlightDarkBlueBackgroundColor = "#004699";
-export const amsterdamSpotlightDarkGreenBackgroundColor = "#00A03C";
-export const amsterdamSpotlightGreenBackgroundColor = "#BED200";
-export const amsterdamSpotlightMagentaBackgroundColor = "#E50082";
-export const amsterdamSpotlightOrangeBackgroundColor = "#FF9100";
-export const amsterdamSpotlightPurpleBackgroundColor = "#A00078";
-export const amsterdamSpotlightYellowBackgroundColor = "#FFE600";
-export const amsterdamSwitchFontFamily = "'Amsterdam Sans', Arial, sans-serif";
-export const amsterdamSwitchBackgroundColor = "#767676";
-export const amsterdamSwitchWidth = "3.5rem";
-export const amsterdamSwitchThumbBackgroundColor = "#FFFFFF";
-export const amsterdamSwitchThumbWidth = "1.75rem";
-export const amsterdamSwitchThumbHeight = "1.75rem";
-export const amsterdamSwitchThumbHoverColor = "#102E62";
-export const amsterdamSwitchCheckedBackgroundColor = "#004699";
-export const amsterdamSwitchOutlineOffset = "2px";
-export const amsterdamSwitchDisabledBackgroundColor = "#BEBEBE";
-export const amsterdamTableColor = "#000000";
-export const amsterdamTableFontFamily = "'Amsterdam Sans', Arial, sans-serif";
-export const amsterdamTableFontWeight = 400;
-export const amsterdamTableFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
-export const amsterdamTableLineHeight = "1.6";
-export const amsterdamTableCaptionFontWeight = 800;
-export const amsterdamTableCellBorderBottom = "1px solid #E8E8E8";
-export const amsterdamTableCellPaddingBlock = "1rem";
-export const amsterdamTableCellPaddingInline = "1rem";
-export const amsterdamTableHeaderCellFontWeight = 800;
-export const amsterdamTabsListBorderBottom = ".125rem solid #004699";
-export const amsterdamTabsButtonBackgroundColor = "transparent";
-export const amsterdamTabsButtonBorder = "none";
-export const amsterdamTabsButtonColor = "#004699";
-export const amsterdamTabsButtonCursor = "pointer";
-export const amsterdamTabsButtonFontFamily = "'Amsterdam Sans', Arial, sans-serif";
-export const amsterdamTabsButtonFontWeight = 400;
-export const amsterdamTabsButtonFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
-export const amsterdamTabsButtonLineHeight = "1.6";
-export const amsterdamTabsButtonOutlineOffset = "-0.25rem";
-export const amsterdamTabsButtonPaddingBlock = ".5rem";
-export const amsterdamTabsButtonPaddingInline = "1rem";
-export const amsterdamTabsButtonHoverColor = "#102E62";
-export const amsterdamTabsButtonHoverBoxShadow = "inset 0 -0.125rem 0 0 #102E62";
-export const amsterdamTabsButtonSelectedBackgroundColor = "#004699";
-export const amsterdamTabsButtonSelectedColor = "#FFFFFF";
-export const amsterdamTabsButtonDisabledColor = "#BEBEBE";
-export const amsterdamTabsButtonDisabledCursor = "not-allowed";
-export const amsterdamTextAreaBoxShadow = "inset 0 0 0 1px #000000";
-export const amsterdamTextAreaColor = "#000000";
-export const amsterdamTextAreaFontFamily = "'Amsterdam Sans', Arial, sans-serif";
-export const amsterdamTextAreaFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
-export const amsterdamTextAreaFontWeight = 400;
-export const amsterdamTextAreaLineHeight = "1.6";
-export const amsterdamTextAreaMinHeight = "calc(1.6 * 1em + 2 * 0.5rem)";
-export const amsterdamTextAreaOutlineOffset = "2px";
-export const amsterdamTextAreaPaddingBlock = "0.5rem";
-export const amsterdamTextAreaPaddingInline = "1rem";
-export const amsterdamTextAreaDisabledBackgroundColor = "#FFFFFF";
-export const amsterdamTextAreaDisabledBoxShadow = "inset 0 0 0 1px #BEBEBE";
-export const amsterdamTextAreaDisabledColor = "#BEBEBE";
-export const amsterdamTextAreaDisabledCursor = "not-allowed";
-export const amsterdamTextAreaHoverBoxShadow = "inset 0 0 0 2px #000000";
-export const amsterdamTextAreaInvalidBoxShadow = "inset 0 0 0 1px #EC0000";
-export const amsterdamTextAreaInvalidHoverBoxShadow = "inset 0 0 0 2px #EC0000";
-export const amsterdamTextAreaPlaceholderColor = "#767676";
-export const amsterdamTextInputBoxShadow = "inset 0 0 0 1px #000000";
-export const amsterdamTextInputColor = "#000000";
-export const amsterdamTextInputFontFamily = "'Amsterdam Sans', Arial, sans-serif";
-export const amsterdamTextInputFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
-export const amsterdamTextInputFontWeight = 400;
-export const amsterdamTextInputLineHeight = "1.6";
-export const amsterdamTextInputOutlineOffset = "2px";
-export const amsterdamTextInputPaddingBlock = ".25rem";
-export const amsterdamTextInputPaddingInline = "1rem";
-export const amsterdamTextInputDisabledBackgroundColor = "#FFFFFF";
-export const amsterdamTextInputDisabledBoxShadow = "inset 0 0 0 1px #BEBEBE";
-export const amsterdamTextInputDisabledColor = "#BEBEBE";
-export const amsterdamTextInputHoverBoxShadow = "inset 0 0 0 2px #000000";
-export const amsterdamTextInputInvalidBoxShadow = "inset 0 0 0 1px #EC0000";
-export const amsterdamTextInputInvalidHoverBoxShadow = "inset 0 0 0 2px #EC0000";
-export const amsterdamTextInputPlaceholderColor = "#767676";
-export const amsterdamTopTaskLinkDescriptionColor = "#000000";
-export const amsterdamTopTaskLinkDescriptionFontFamily = "'Amsterdam Sans', Arial, sans-serif";
-export const amsterdamTopTaskLinkDescriptionFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
-export const amsterdamTopTaskLinkDescriptionFontWeight = 400;
-export const amsterdamTopTaskLinkDescriptionLineHeight = "1.6";
-export const amsterdamTopTaskLinkLabelColor = "#004699";
-export const amsterdamTopTaskLinkLabelFontFamily = "'Amsterdam Sans', Arial, sans-serif";
-export const amsterdamTopTaskLinkLabelFontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
-export const amsterdamTopTaskLinkLabelFontWeight = 800;
-export const amsterdamTopTaskLinkLabelLineHeight = "1.5";
-export const amsterdamTopTaskLinkLabelTextDecorationLine = "none";
-export const amsterdamTopTaskLinkLabelTextDecorationThickness = "0.125rem";
-export const amsterdamTopTaskLinkLabelTextUnderlineOffset = "0.375rem";
-export const amsterdamTopTaskLinkLabelHoverColor = "#102E62";
-export const amsterdamTopTaskLinkLabelHoverTextDecorationLine = "underline";
-export const amsterdamTopTaskLinkOutlineOffset = "2px";
-export const amsterdamUnorderedListColor = "#000000";
-export const amsterdamUnorderedListFontFamily = "'Amsterdam Sans', Arial, sans-serif";
-export const amsterdamUnorderedListFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
-export const amsterdamUnorderedListFontWeight = 400;
-export const amsterdamUnorderedListGap = "0.75rem";
-export const amsterdamUnorderedListInverseColor = "#FFFFFF";
-export const amsterdamUnorderedListLineHeight = "1.6";
-export const amsterdamUnorderedListListStyleType = "'\\2022'";
-export const amsterdamUnorderedListItemMarginInlineStart = "1.625rem"; // Divide your total indentation width over margin and padding to position the marker.
-export const amsterdamUnorderedListItemPaddingInlineStart = "0.875rem"; // The total level 1 indentation for Amsterdam is 40 pixels, or 2.5rem.
-export const amsterdamUnorderedListUnorderedListListStyleType = "'\\2013'";
-export const amsterdamUnorderedListUnorderedListItemMarginInlineStart = "0.875rem"; // Indent less than the parent to start-align the child’s marker with the parent text.
-export const amsterdamUnorderedListUnorderedListItemPaddingInlineStart = "0.875rem"; // The total level >=2 indentation for Amsterdam is 28 pixels, or 1.75rem.
+export const amsColorPrimaryBlack = "#000000";
+export const amsColorPrimaryWhite = "#FFFFFF";
+export const amsColorPrimaryBlue = "#004699";
+export const amsColorPrimaryRed = "#EC0000";
+export const amsColorDarkBlue = "#102E62";
+export const amsColorOrange = "#FF9100";
+export const amsColorYellow = "#FFE600";
+export const amsColorGreen = "#BED200";
+export const amsColorDarkGreen = "#00A03C";
+export const amsColorBlue = "#009DE6";
+export const amsColorPurple = "#A00078";
+export const amsColorMagenta = "#E50082";
+export const amsColorNeutralGrey1 = "#E8E8E8";
+export const amsColorNeutralGrey2 = "#BEBEBE";
+export const amsColorNeutralGrey3 = "#767676";
+export const amsProportionXTall = "9 / 16";
+export const amsProportionTall = "4 / 5";
+export const amsProportionSquare = "1 / 1";
+export const amsProportionWide = "5 / 4";
+export const amsProportionXWide = "16 / 9";
+export const amsProportion2xWide = "32 / 9";
+export const amsSpaceGridXs = "clamp(0.25rem, calc(0.78125vw + 0.09375rem), 0.875rem)";
+export const amsSpaceGridSm = "clamp(0.5rem, calc(1.5625vw + 0.1875rem), 1.75rem)";
+export const amsSpaceGridMd = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)"; // Grows from 16px at 320px wide to 56px at 1600px wide.
+export const amsSpaceGridLg = "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)";
+export const amsSpaceGridXl = "clamp(2rem, calc(6.25vw + 0.75rem), 7rem)";
+export const amsSpaceInsideXs = ".5rem";
+export const amsSpaceInsideSm = ".75rem";
+export const amsSpaceInsideMd = "1rem";
+export const amsSpaceInsideLg = "1.5rem";
+export const amsSpaceInsideXl = "2rem";
+export const amsSpaceStackXs = ".5rem";
+export const amsSpaceStackSm = ".75rem";
+export const amsSpaceStackMd = "1rem";
+export const amsSpaceStackLg = "1.5rem";
+export const amsSpaceStackXl = "2rem";
+export const amsTextFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsTextFontWeightNormal = 400;
+export const amsTextFontWeightBold = 800;
+export const amsTextLevel0FontSize = "clamp(2.432rem, calc(2.683vw + 1.895rem), 4.578rem)";
+export const amsTextLevel0LineHeight = "1.15";
+export const amsTextLevel1FontSize = "clamp(2.084rem, calc(1.973vw + 1.69rem), 3.662rem)";
+export const amsTextLevel1LineHeight = "1.2";
+export const amsTextLevel2FontSize = "clamp(1.786rem, calc(1.43vw + 1.5rem), 2.93rem)";
+export const amsTextLevel2LineHeight = "1.25";
+export const amsTextLevel3FontSize = "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)";
+export const amsTextLevel3LineHeight = "1.3";
+export const amsTextLevel4FontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
+export const amsTextLevel4LineHeight = "1.5";
+export const amsTextLevel5FontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
+export const amsTextLevel5LineHeight = "1.6";
+export const amsTextLevel6FontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
+export const amsTextLevel6LineHeight = "1.6";
+export const amsActionActivateCursor = "pointer";
+export const amsActionBusyCursor = "wait";
+export const amsActionDisabledCursor = "not-allowed";
+export const amsActionInertCursor = "default";
+export const amsActionNavigateCursor = "pointer";
+export const amsActionSubmitCursor = "pointer";
+export const amsBorderWidthSm = "1px";
+export const amsBorderWidthMd = "2px";
+export const amsBorderWidthLg = "3px";
+export const amsFocusOutlineOffset = "2px";
+export const amsHyphenationHyphenateLimitChars = "12 8 4";
+export const amsHyphenationHyphens = "auto";
+export const amsHyphenationOverflowWrap = "break-word";
+export const amsLinkAppearanceColor = "#004699";
+export const amsLinkAppearanceTextDecorationThickness = "0.125rem";
+export const amsLinkAppearanceTextUnderlineOffset = "0.375rem";
+export const amsLinkAppearanceHoverColor = "#102E62";
+export const amsLinkAppearanceOnBackgroundDarkColor = "#FFFFFF";
+export const amsLinkAppearanceOnBackgroundLightColor = "#000000";
+export const amsLinkAppearanceRegularTextDecorationLine = "underline";
+export const amsLinkAppearanceRegularHoverTextDecorationThickness = "0.1875rem";
+export const amsLinkAppearanceRegularHoverTextUnderlineOffset = "0.3125rem";
+export const amsLinkAppearanceSubtleTextDecorationLine = "none";
+export const amsLinkAppearanceSubtleHoverTextDecorationLine = "underline";
+export const amsAccordionButtonColor = "#004699";
+export const amsAccordionButtonFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsAccordionButtonFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
+export const amsAccordionButtonFontWeight = 800;
+export const amsAccordionButtonLineHeight = "1.6";
+export const amsAccordionButtonPaddingBlock = ".75rem";
+export const amsAccordionButtonPaddingInline = "1rem";
+export const amsAccordionButtonFocusOutlineOffset = "2px";
+export const amsAccordionButtonHoverBoxShadow = "inset 0 0 0 2px #767676";
+export const amsAccordionPanelPaddingBlock = "1rem";
+export const amsAccordionPanelPaddingInline = "1rem";
+export const amsAlertBorderWidth = "4px";
+export const amsAlertBorderStyle = "solid";
+export const amsAlertGap = "1rem";
+export const amsAlertPaddingBlock = "1rem";
+export const amsAlertPaddingInline = "1.5rem";
+export const amsAlertErrorBorderColor = "#EC0000";
+export const amsAlertInfoBorderColor = "#004699";
+export const amsAlertSuccessBorderColor = "#00A03C";
+export const amsAlertWarningBorderColor = "#FF9100";
+export const amsAlertCloseFill = "#000000";
+export const amsAlertCloseHoverFill = "#004699";
+export const amsAspectRatioXTall = "9 / 16";
+export const amsAspectRatioTall = "4 / 5";
+export const amsAspectRatioSquare = "1 / 1";
+export const amsAspectRatioWide = "5 / 4";
+export const amsAspectRatioXWide = "16 / 9";
+export const amsAspectRatio2xWide = "32 / 9";
+export const amsBadgeFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsBadgeFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
+export const amsBadgeFontWeight = 800;
+export const amsBadgeLineHeight = "1.6";
+export const amsBadgePaddingInline = ".5rem";
+export const amsBadgeBlueBackgroundColor = "#009DE6";
+export const amsBadgeBlueColor = "#000000";
+export const amsBadgeDarkBlueBackgroundColor = "#004699";
+export const amsBadgeDarkBlueColor = "#FFFFFF";
+export const amsBadgeDarkGreenBackgroundColor = "#00A03C";
+export const amsBadgeDarkGreenColor = "#FFFFFF";
+export const amsBadgeGreenBackgroundColor = "#BED200";
+export const amsBadgeGreenColor = "#000000";
+export const amsBadgeMagentaBackgroundColor = "#E50082";
+export const amsBadgeMagentaColor = "#FFFFFF";
+export const amsBadgeOrangeBackgroundColor = "#FF9100";
+export const amsBadgeOrangeColor = "#000000";
+export const amsBadgePurpleBackgroundColor = "#A00078";
+export const amsBadgePurpleColor = "#FFFFFF";
+export const amsBadgeYellowBackgroundColor = "#FFE600";
+export const amsBadgeYellowColor = "#000000";
+export const amsBlockquoteColor = "#000000";
+export const amsBlockquoteFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsBlockquoteFontSize = "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)";
+export const amsBlockquoteFontWeight = 800;
+export const amsBlockquoteLineHeight = "1.3";
+export const amsBlockquoteInverseColor = "#FFFFFF";
+export const amsBreadcrumbFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsBreadcrumbFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
+export const amsBreadcrumbFontWeight = 400;
+export const amsBreadcrumbLineHeight = "1.6";
+export const amsBreadcrumbSeparatorBackgroundImage = "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23000000' fill-rule='evenodd' d='m9.757 32-2.9-2.91L19.937 16 6.857 2.91 9.757 0l16 16z'/></svg>\")";
+export const amsBreadcrumbItemLinkColor = "#004699";
+export const amsBreadcrumbItemLinkOutlineOffset = "2px";
+export const amsBreadcrumbItemLinkTextDecorationLine = "none";
+export const amsBreadcrumbItemLinkTextDecorationThickness = "0.125rem";
+export const amsBreadcrumbItemLinkTextUnderlineOffset = "0.375rem";
+export const amsBreadcrumbItemLinkHoverColor = "#102E62";
+export const amsBreadcrumbItemLinkHoverTextDecorationLine = "underline";
+export const amsButtonCursor = "pointer";
+export const amsButtonFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsButtonFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
+export const amsButtonLineHeight = "1.6";
+export const amsButtonGap = "1rem";
+export const amsButtonPaddingBlock = ".5rem";
+export const amsButtonPaddingInline = "1rem";
+export const amsButtonOutlineOffset = "2px";
+export const amsButtonDisabledCursor = "not-allowed";
+export const amsButtonPrimaryBackgroundColor = "#004699";
+export const amsButtonPrimaryBoxShadow = "inset 0 0 0 2px #004699";
+export const amsButtonPrimaryColor = "#FFFFFF";
+export const amsButtonPrimaryDisabledBackgroundColor = "#BEBEBE";
+export const amsButtonPrimaryDisabledBoxShadow = "inset 0 0 0 2px #BEBEBE";
+export const amsButtonPrimaryHoverBackgroundColor = "#102E62";
+export const amsButtonPrimaryHoverBoxShadow = "inset 0 0 0 2px #102E62";
+export const amsButtonSecondaryBackgroundColor = "#FFFFFF";
+export const amsButtonSecondaryColor = "#004699";
+export const amsButtonSecondaryBoxShadow = "inset 0 0 0 2px #004699";
+export const amsButtonSecondaryHoverBoxShadow = "inset 0 0 0 3px #102E62";
+export const amsButtonSecondaryHoverColor = "#102E62";
+export const amsButtonSecondaryDisabledBackgroundColor = "#FFFFFF";
+export const amsButtonSecondaryDisabledBoxShadow = "inset 0 0 0 2px #BEBEBE";
+export const amsButtonSecondaryDisabledColor = "#BEBEBE";
+export const amsButtonSecondaryFocusBoxShadow = "inset 0 0 0 2px #004699";
+export const amsButtonTertiaryBackgroundColor = "transparent";
+export const amsButtonTertiaryColor = "#004699";
+export const amsButtonTertiaryHoverBoxShadow = "inset 0 0 0 2px #102E62";
+export const amsButtonTertiaryHoverColor = "#102E62";
+export const amsButtonTertiaryDisabledBackgroundColor = "transparent";
+export const amsButtonTertiaryDisabledColor = "#BEBEBE";
+export const amsCardLinkColor = "#004699";
+export const amsCardLinkTextDecorationLine = "none";
+export const amsCardLinkTextDecorationThickness = "0.125rem";
+export const amsCardLinkTextUnderlineOffset = "0.375rem";
+export const amsCardLinkHoverColor = "#102E62";
+export const amsCardLinkHoverTextDecorationLine = "underline";
+export const amsCardOutlineOffset = "2px";
+export const amsCheckboxColor = "#000000";
+export const amsCheckboxFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsCheckboxFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
+export const amsCheckboxFontWeight = 400;
+export const amsCheckboxLineHeight = "1.6";
+export const amsCheckboxOutlineOffset = "2px";
+export const amsCheckboxCheckmarkBorderColor = "#004699";
+export const amsCheckboxCheckmarkCheckedBackgroundColor = "#004699";
+export const amsCheckboxCheckmarkCheckedBackgroundImage = "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23ffffff'%3E%3Cpath fill-rule='evenodd' d='M12.216 27.016 0 14.168l2.91-2.77 9.346 9.837L29.129 4 32 6.8z'/%3E%3C/svg%3E\")";
+export const amsCheckboxCheckmarkCheckedHoverBackgroundColor = "#102E62";
+export const amsCheckboxCheckmarkDisabledBorderColor = "#767676";
+export const amsCheckboxCheckmarkDisabledCheckedBackgroundColor = "#767676";
+export const amsCheckboxCheckmarkDisabledCheckedHoverBackgroundColor = "#767676";
+export const amsCheckboxCheckmarkDisabledIndeterminateBackgroundColor = "#767676";
+export const amsCheckboxCheckmarkDisabledIndeterminateHoverBackgroundColor = "#767676";
+export const amsCheckboxCheckmarkHoverBorderColor = "#102E62";
+export const amsCheckboxCheckmarkInvalidBorderColor = "#EC0000";
+export const amsCheckboxCheckmarkInvalidCheckedBackgroundColor = "#EC0000";
+export const amsCheckboxCheckmarkInvalidCheckedHoverBackgroundColor = "#EC0000";
+export const amsCheckboxCheckmarkInvalidHoverBorderColor = "#EC0000";
+export const amsCheckboxCheckmarkInvalidIndeterminateBackgroundColor = "#EC0000";
+export const amsCheckboxCheckmarkInvalidIndeterminateHoverBackgroundColor = "#EC0000";
+export const amsCheckboxCheckmarkIndeterminateBackgroundColor = "#004699";
+export const amsCheckboxCheckmarkIndeterminateBackgroundImage = "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='white'%3E%3Cpath fill-rule='evenodd' d='M0 13.714h32v4H0z'/%3E%3C/svg%3E\")";
+export const amsCheckboxCheckmarkIndeterminateHoverBackgroundColor = "#102E62";
+export const amsCheckboxDisabledColor = "#767676";
+export const amsCheckboxHoverColor = "#102E62";
+export const amsColumnGapXs = "clamp(0.25rem, calc(0.78125vw + 0.09375rem), 0.875rem)";
+export const amsColumnGapSm = "clamp(0.5rem, calc(1.5625vw + 0.1875rem), 1.75rem)";
+export const amsColumnGapMd = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)";
+export const amsColumnGapLg = "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)";
+export const amsColumnGapXl = "clamp(2rem, calc(6.25vw + 0.75rem), 7rem)";
+export const amsDialogBackgroundColor = "#FFFFFF";
+export const amsDialogBorder = "0";
+export const amsDialogMaxInlineSize = "min(87.69vw, 45rem)";
+export const amsDialogTitleColor = "#000000";
+export const amsDialogTitleFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsDialogTitleFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
+export const amsDialogTitleFontWeight = 800;
+export const amsDialogTitleLineHeight = "1.6";
+export const amsDialogFormGap = "1.5rem";
+export const amsDialogFormPaddingBlock = "clamp(1.5rem, calc(1.5rem + ((1vw - 0.5337rem) * 2.1448)), 2.5rem)";
+export const amsDialogFormPaddingInline = "clamp(1.5rem, calc(1.5rem + ((1vw - 0.5337rem) * 2.1448)), 2.5rem)";
+export const amsDialogFormMaxBlockSize = "75vh";
+export const amsDialogHeaderGap = "1rem";
+export const amsDialogFooterGap = "1rem";
+export const amsFieldsetLegendColor = "#000000";
+export const amsFieldsetLegendFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsFieldsetLegendFontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
+export const amsFieldsetLegendFontWeight = 800;
+export const amsFieldsetLegendLineHeight = "1.5";
+export const amsFormLabelColor = "#000000";
+export const amsFormLabelFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsFormLabelFontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
+export const amsFormLabelFontWeight = 800;
+export const amsFormLabelLineHeight = "1.5";
+export const amsGapXs = "clamp(0.25rem, calc(0.78125vw + 0.09375rem), 0.875rem)";
+export const amsGapSm = "clamp(0.5rem, calc(1.5625vw + 0.1875rem), 1.75rem)";
+export const amsGapMd = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)";
+export const amsGapLg = "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)";
+export const amsGapXl = "clamp(2rem, calc(6.25vw + 0.75rem), 7rem)";
+export const amsGridColumnCount = "4";
+export const amsGridColumnGap = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)";
+export const amsGridPaddingBlockSm = "clamp(0.5rem, calc(1.5625vw + 0.1875rem), 1.75rem)";
+export const amsGridPaddingBlockMd = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)";
+export const amsGridPaddingBlockLg = "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)";
+export const amsGridPaddingInline = "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)";
+export const amsGridRowGapSm = "clamp(0.5rem, calc(1.5625vw + 0.1875rem), 1.75rem)";
+export const amsGridRowGapMd = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)";
+export const amsGridRowGapLg = "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)";
+export const amsGridMediumColumnCount = "8";
+export const amsGridWideColumnCount = "12";
+export const amsHeaderColumnGap = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)"; // Must have the same value as `ams.grid.column-gap`.
+export const amsHeaderPaddingBlock = "1rem";
+export const amsHeaderLogoLinkOutlineOffset = "2px";
+export const amsHeadingColor = "#000000";
+export const amsHeadingFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsHeadingFontWeight = 800;
+export const amsHeadingInverseColor = "#FFFFFF";
+export const amsHeadingLevel1FontSize = "clamp(2.084rem, calc(1.973vw + 1.69rem), 3.662rem)";
+export const amsHeadingLevel1LineHeight = "1.2";
+export const amsHeadingLevel2FontSize = "clamp(1.786rem, calc(1.43vw + 1.5rem), 2.93rem)";
+export const amsHeadingLevel2LineHeight = "1.25";
+export const amsHeadingLevel3FontSize = "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)";
+export const amsHeadingLevel3LineHeight = "1.3";
+export const amsHeadingLevel4FontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
+export const amsHeadingLevel4LineHeight = "1.5";
+export const amsHeadingLevel5FontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
+export const amsHeadingLevel5LineHeight = "1.6";
+export const amsHeadingLevel6FontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
+export const amsHeadingLevel6LineHeight = "1.6";
+export const amsIconButtonColor = "#004699";
+export const amsIconButtonOutlineOffset = "2px";
+export const amsIconButtonHoverBackgroundColor = "rgba(0, 70, 153, 0.125)";
+export const amsIconButtonHoverColor = "#102E62";
+export const amsIconButtonDisabledColor = "#BEBEBE";
+export const amsIconButtonOnBackgroundLightColor = "#000000";
+export const amsIconButtonOnBackgroundLightHoverBackgroundColor = "rgba(0, 0, 0, 0.125)";
+export const amsIconButtonOnBackgroundLightHoverColor = "#000000";
+export const amsIconButtonOnBackgroundLightDisabledColor = "#BEBEBE";
+export const amsIconButtonOnBackgroundDarkBackgroundColor = "#004699";
+export const amsIconButtonOnBackgroundDarkColor = "#FFFFFF";
+export const amsIconButtonOnBackgroundDarkHoverBackgroundColor = "#102E62";
+export const amsIconButtonOnBackgroundDarkHoverColor = "#FFFFFF";
+export const amsIconButtonOnBackgroundDarkDisabledColor = "#FFFFFF";
+export const amsIconButtonOnBackgroundDarkDisabledBackgroundColor = "#BEBEBE";
+export const amsIconSize3FontSize = "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)";
+export const amsIconSize3LineHeight = "1.3";
+export const amsIconSize4FontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
+export const amsIconSize4LineHeight = "1.5";
+export const amsIconSize5FontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
+export const amsIconSize5LineHeight = "1.6";
+export const amsIconSize6FontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
+export const amsIconSize6LineHeight = "1.6";
+export const amsLinkListGap = "0.5em";
+export const amsLinkListLinkColor = "#004699";
+export const amsLinkListLinkFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsLinkListLinkFontWeight = 400;
+export const amsLinkListLinkGap = "0.5em";
+export const amsLinkListLinkOutlineOffset = "2px";
+export const amsLinkListLinkTextDecorationLine = "none";
+export const amsLinkListLinkTextDecorationThickness = "0.125rem";
+export const amsLinkListLinkTextUnderlineOffset = "0.375rem";
+export const amsLinkListLinkSmallFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
+export const amsLinkListLinkSmallLineHeight = "1.6";
+export const amsLinkListLinkMediumFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
+export const amsLinkListLinkMediumLineHeight = "1.6";
+export const amsLinkListLinkLargeFontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
+export const amsLinkListLinkLargeLineHeight = "1.5";
+export const amsLinkListLinkHoverColor = "#102E62";
+export const amsLinkListLinkHoverTextDecorationLine = "underline";
+export const amsLinkListLinkOnBackgroundDarkColor = "#FFFFFF";
+export const amsLinkListLinkOnBackgroundDarkHoverColor = "#FFFFFF";
+export const amsLinkListLinkOnBackgroundLightColor = "#000000";
+export const amsLinkListLinkOnBackgroundLightHoverColor = "#000000";
+export const amsLinkColor = "#004699";
+export const amsLinkFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsLinkFontWeight = 400;
+export const amsLinkOutlineOffset = "2px";
+export const amsLinkHoverColor = "#102E62";
+export const amsLinkInlineTextDecorationLine = "underline";
+export const amsLinkInlineTextDecorationThickness = "0.125rem";
+export const amsLinkInlineTextUnderlineOffset = "0.375rem";
+export const amsLinkInlineFontFamily = "inherit";
+export const amsLinkInlineFontSize = "inherit";
+export const amsLinkInlineLineHeight = "inherit";
+export const amsLinkInlineHoverTextDecorationThickness = "0.1875rem";
+export const amsLinkInlineHoverTextUnderlineOffset = "0.3125rem";
+export const amsLinkInlineVisitedColor = "#A00078";
+export const amsLinkStandaloneFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
+export const amsLinkStandaloneLineHeight = "1.6";
+export const amsLinkStandaloneTextDecorationLine = "underline";
+export const amsLinkStandaloneTextDecorationThickness = "0.125rem";
+export const amsLinkStandaloneTextUnderlineOffset = "0.375rem";
+export const amsLinkStandaloneHoverTextDecorationThickness = "0.1875rem";
+export const amsLinkStandaloneHoverTextUnderlineOffset = "0.3125rem";
+export const amsLinkOnBackgroundDarkColor = "#FFFFFF";
+export const amsLinkOnBackgroundDarkHoverColor = "#FFFFFF";
+export const amsLinkOnBackgroundDarkVisitedColor = "#FFFFFF";
+export const amsLinkOnBackgroundLightColor = "#000000";
+export const amsLinkOnBackgroundLightHoverColor = "#000000";
+export const amsLinkOnBackgroundLightVisitedColor = "#000000";
+export const amsLogoHeight = "2.5rem";
+export const amsLogoEmblemColor = "#EC0000";
+export const amsLogoTitleColor = "#EC0000";
+export const amsLogoSubsiteColor = "#000000";
+export const amsMarginXs = "clamp(0.25rem, calc(0.78125vw + 0.09375rem), 0.875rem)";
+export const amsMarginSm = "clamp(0.5rem, calc(1.5625vw + 0.1875rem), 1.75rem)";
+export const amsMarginMd = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)";
+export const amsMarginLg = "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)";
+export const amsMarginXl = "clamp(2rem, calc(6.25vw + 0.75rem), 7rem)";
+export const amsMarkBackgroundColor = "#FFE600";
+export const amsMegaMenuListCategoryColumnGap = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)"; // Must have the same value as `ams.grid.column-gap`.
+export const amsMegaMenuListCategoryColumnWidth = "20rem";
+export const amsMegaMenuListCategoryPaddingBlockStart = "1rem";
+export const amsMegaMenuListCategoryPaddingBlockEnd = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)"; // Must have the same value as `ams.grid.row-gap.md`.
+export const amsOrderedListColor = "#000000";
+export const amsOrderedListFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsOrderedListFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
+export const amsOrderedListFontWeight = 400;
+export const amsOrderedListGap = "0.75rem";
+export const amsOrderedListInverseColor = "#FFFFFF";
+export const amsOrderedListLineHeight = "1.6";
+export const amsOrderedListListStyleType = "decimal";
+export const amsOrderedListItemMarginInlineStart = "2.25rem"; // Divide your total indentation width over margin and padding to position the marker.
+export const amsOrderedListItemPaddingInlineStart = "0.25rem"; // The total level 1 indentation for Amsterdam is 40 pixels, or 2.5rem.
+export const amsOrderedListOrderedListListStyleType = "lower-alpha";
+export const amsOrderedListOrderedListItemMarginInlineStart = "1.5rem"; // Indent less than the parent to start-align the child’s marker with the parent text.
+export const amsOrderedListOrderedListItemPaddingInlineStart = "0.25rem"; // The total level >=2 indentation for Amsterdam is 28 pixels, or 1.75rem.
+export const amsPageHeadingColor = "#000000";
+export const amsPageHeadingFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsPageHeadingFontSize = "clamp(2.432rem, calc(2.683vw + 1.895rem), 4.578rem)";
+export const amsPageHeadingFontWeight = 800;
+export const amsPageHeadingInverseColor = "#FFFFFF";
+export const amsPageHeadingLineHeight = "clamp(2.432rem, calc(2.683vw + 1.895rem), 4.578rem)";
+export const amsPageMenuColumnGap = "2.5rem";
+export const amsPageMenuRowGap = "0.5rem";
+export const amsPageMenuItemColor = "#004699";
+export const amsPageMenuItemFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsPageMenuItemFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
+export const amsPageMenuItemFontWeight = 400;
+export const amsPageMenuItemGap = "0.5rem";
+export const amsPageMenuItemLineHeight = "1.6";
+export const amsPageMenuItemOutlineOffset = "2px";
+export const amsPageMenuItemTextDecorationLine = "none";
+export const amsPageMenuItemTextDecorationThickness = "0.125rem";
+export const amsPageMenuItemTextUnderlineOffset = "0.375rem";
+export const amsPageMenuItemHoverColor = "#102E62";
+export const amsPageMenuItemHoverTextDecorationLine = "underline";
+export const amsPaginationColor = "#004699";
+export const amsPaginationFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsPaginationFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
+export const amsPaginationFontWeight = 400;
+export const amsPaginationLineHeight = "1.6";
+export const amsPaginationButtonOutlineOffset = "2px";
+export const amsPaginationButtonPaddingInline = ".75rem";
+export const amsPaginationButtonTextDecorationLine = "none";
+export const amsPaginationButtonTextDecorationThickness = "0.125rem";
+export const amsPaginationButtonTextUnderlineOffset = "0.375rem";
+export const amsPaginationButtonCurrentFontWeight = 800;
+export const amsPaginationButtonHoverColor = "#102E62";
+export const amsPaginationButtonHoverTextDecorationLine = "underline";
+export const amsParagraphColor = "#000000";
+export const amsParagraphFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsParagraphFontWeight = 400;
+export const amsParagraphInverseColor = "#FFFFFF";
+export const amsParagraphSmallFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
+export const amsParagraphSmallLineHeight = "1.6";
+export const amsParagraphMediumFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
+export const amsParagraphMediumLineHeight = "1.6";
+export const amsParagraphLargeFontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
+export const amsParagraphLargeLineHeight = "1.5";
+export const amsRadioColor = "#000000";
+export const amsRadioFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsRadioFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
+export const amsRadioFontWeight = 400;
+export const amsRadioLineHeight = "1.6";
+export const amsRadioOutlineOffset = "2px";
+export const amsRadioCircleBorderColor = "#004699";
+export const amsRadioCircleCheckedBackgroundImage = "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23004699'%3E%3Ccircle cx='16' cy='16' r='16' /%3E%3C/svg%3E\")";
+export const amsRadioCircleCheckedHoverBackgroundImage = "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23102E62'%3E%3Ccircle cx='16' cy='16' r='16' /%3E%3C/svg%3E\")";
+export const amsRadioCircleDisabledBorderColor = "#767676";
+export const amsRadioCircleDisabledCheckedBackgroundImage = "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23767676'%3E%3Ccircle cx='16' cy='16' r='16' /%3E%3C/svg%3E\")";
+export const amsRadioCircleDisabledCheckedHoverBackgroundImage = "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23767676'%3E%3Ccircle cx='16' cy='16' r='16' /%3E%3C/svg%3E\")";
+export const amsRadioCircleHoverBorderColor = "#102E62";
+export const amsRadioCircleInvalidBorderColor = "#EC0000";
+export const amsRadioCircleInvalidCheckedBackgroundImage = "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23EC0000'%3E%3Ccircle cx='16' cy='16' r='16' /%3E%3C/svg%3E\")";
+export const amsRadioCircleInvalidCheckedHoverBackgroundImage = "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23EC0000'%3E%3Ccircle cx='16' cy='16' r='16' /%3E%3C/svg%3E\")";
+export const amsRadioCircleInvalidHoverBorderColor = "#EC0000";
+export const amsRadioDisabledColor = "#767676";
+export const amsRadioHoverColor = "#102E62";
+export const amsRowGapXs = ".5rem";
+export const amsRowGapSm = ".75rem";
+export const amsRowGapMd = "1rem";
+export const amsRowGapLg = "1.5rem";
+export const amsRowGapXl = "2rem";
+export const amsScreenWideMaxWidth = "100rem";
+export const amsScreenXWideMaxWidth = "132rem";
+export const amsSearchFieldButtonBackgroundColor = "#004699";
+export const amsSearchFieldButtonColor = "#FFFFFF";
+export const amsSearchFieldButtonOutlineOffset = "2px";
+export const amsSearchFieldButtonHoverBackgroundColor = "#102E62";
+export const amsSearchFieldButtonPaddingBlock = ".5rem";
+export const amsSearchFieldButtonPaddingInline = ".5rem";
+export const amsSearchFieldInputBoxShadow = "inset 0 0 0 1px #000000";
+export const amsSearchFieldInputColor = "#000000";
+export const amsSearchFieldInputFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsSearchFieldInputFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
+export const amsSearchFieldInputFontWeight = 400;
+export const amsSearchFieldInputLineHeight = "1.6";
+export const amsSearchFieldInputOutlineOffset = "2px";
+export const amsSearchFieldInputPaddingBlock = ".5rem";
+export const amsSearchFieldInputPaddingInline = "1rem";
+export const amsSearchFieldInputCancelButtonBackgroundImage = "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23004699' fill-rule='evenodd' d='M29.333 5.47 26.53 2.668 16 13.187 5.47 2.666 2.668 5.47 13.187 16 2.666 26.53l2.804 2.803L16 18.813l10.53 10.52 2.803-2.804L18.813 16z'/></svg>\")";
+export const amsSearchFieldInputCancelButtonColor = "#004699";
+export const amsSearchFieldInputCancelButtonHeight = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
+export const amsSearchFieldInputCancelButtonWidth = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
+export const amsSearchFieldInputHoverBoxShadow = "inset 0 0 0 2px #000000";
+export const amsSearchFieldInputPlaceholderColor = "#767676";
+export const amsSkipLinkBackgroundColor = "#004699";
+export const amsSkipLinkColor = "#FFFFFF";
+export const amsSkipLinkFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsSkipLinkFontWeight = 400;
+export const amsSkipLinkFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
+export const amsSkipLinkLineHeight = "1.6";
+export const amsSkipLinkOutlineOffset = "2px";
+export const amsSkipLinkPaddingBlock = ".5rem";
+export const amsSkipLinkPaddingInline = "1rem";
+export const amsSkipLinkHoverBackgroundColor = "#102E62";
+export const amsSpotlightBlueBackgroundColor = "#009DE6";
+export const amsSpotlightDarkBlueBackgroundColor = "#004699";
+export const amsSpotlightDarkGreenBackgroundColor = "#00A03C";
+export const amsSpotlightGreenBackgroundColor = "#BED200";
+export const amsSpotlightMagentaBackgroundColor = "#E50082";
+export const amsSpotlightOrangeBackgroundColor = "#FF9100";
+export const amsSpotlightPurpleBackgroundColor = "#A00078";
+export const amsSpotlightYellowBackgroundColor = "#FFE600";
+export const amsSwitchFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsSwitchBackgroundColor = "#767676";
+export const amsSwitchWidth = "3.5rem";
+export const amsSwitchThumbBackgroundColor = "#FFFFFF";
+export const amsSwitchThumbWidth = "1.75rem";
+export const amsSwitchThumbHeight = "1.75rem";
+export const amsSwitchThumbHoverColor = "#102E62";
+export const amsSwitchCheckedBackgroundColor = "#004699";
+export const amsSwitchOutlineOffset = "2px";
+export const amsSwitchDisabledBackgroundColor = "#BEBEBE";
+export const amsTableColor = "#000000";
+export const amsTableFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsTableFontWeight = 400;
+export const amsTableFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
+export const amsTableLineHeight = "1.6";
+export const amsTableCaptionFontWeight = 800;
+export const amsTableCellBorderBottom = "1px solid #E8E8E8";
+export const amsTableCellPaddingBlock = "1rem";
+export const amsTableCellPaddingInline = "1rem";
+export const amsTableHeaderCellFontWeight = 800;
+export const amsTabsListBorderBottom = ".125rem solid #004699";
+export const amsTabsButtonBackgroundColor = "transparent";
+export const amsTabsButtonBorder = "none";
+export const amsTabsButtonColor = "#004699";
+export const amsTabsButtonCursor = "pointer";
+export const amsTabsButtonFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsTabsButtonFontWeight = 400;
+export const amsTabsButtonFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
+export const amsTabsButtonLineHeight = "1.6";
+export const amsTabsButtonOutlineOffset = "-0.25rem";
+export const amsTabsButtonPaddingBlock = ".5rem";
+export const amsTabsButtonPaddingInline = "1rem";
+export const amsTabsButtonHoverColor = "#102E62";
+export const amsTabsButtonHoverBoxShadow = "inset 0 -0.125rem 0 0 #102E62";
+export const amsTabsButtonSelectedBackgroundColor = "#004699";
+export const amsTabsButtonSelectedColor = "#FFFFFF";
+export const amsTabsButtonDisabledColor = "#BEBEBE";
+export const amsTabsButtonDisabledCursor = "not-allowed";
+export const amsTextAreaBoxShadow = "inset 0 0 0 1px #000000";
+export const amsTextAreaColor = "#000000";
+export const amsTextAreaFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsTextAreaFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
+export const amsTextAreaFontWeight = 400;
+export const amsTextAreaLineHeight = "1.6";
+export const amsTextAreaMinHeight = "calc(1.6 * 1em + 2 * 0.5rem)";
+export const amsTextAreaOutlineOffset = "2px";
+export const amsTextAreaPaddingBlock = "0.5rem";
+export const amsTextAreaPaddingInline = "1rem";
+export const amsTextAreaDisabledBackgroundColor = "#FFFFFF";
+export const amsTextAreaDisabledBoxShadow = "inset 0 0 0 1px #BEBEBE";
+export const amsTextAreaDisabledColor = "#BEBEBE";
+export const amsTextAreaDisabledCursor = "not-allowed";
+export const amsTextAreaHoverBoxShadow = "inset 0 0 0 2px #000000";
+export const amsTextAreaInvalidBoxShadow = "inset 0 0 0 1px #EC0000";
+export const amsTextAreaInvalidHoverBoxShadow = "inset 0 0 0 2px #EC0000";
+export const amsTextAreaPlaceholderColor = "#767676";
+export const amsTextInputBoxShadow = "inset 0 0 0 1px #000000";
+export const amsTextInputColor = "#000000";
+export const amsTextInputFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsTextInputFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
+export const amsTextInputFontWeight = 400;
+export const amsTextInputLineHeight = "1.6";
+export const amsTextInputOutlineOffset = "2px";
+export const amsTextInputPaddingBlock = ".5rem";
+export const amsTextInputPaddingInline = "1rem";
+export const amsTextInputDisabledBackgroundColor = "#FFFFFF";
+export const amsTextInputDisabledBoxShadow = "inset 0 0 0 1px #BEBEBE";
+export const amsTextInputDisabledColor = "#BEBEBE";
+export const amsTextInputHoverBoxShadow = "inset 0 0 0 2px #000000";
+export const amsTextInputInvalidBoxShadow = "inset 0 0 0 1px #EC0000";
+export const amsTextInputInvalidHoverBoxShadow = "inset 0 0 0 2px #EC0000";
+export const amsTextInputPlaceholderColor = "#767676";
+export const amsTopTaskLinkDescriptionColor = "#000000";
+export const amsTopTaskLinkDescriptionFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsTopTaskLinkDescriptionFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
+export const amsTopTaskLinkDescriptionFontWeight = 400;
+export const amsTopTaskLinkDescriptionLineHeight = "1.6";
+export const amsTopTaskLinkLabelColor = "#004699";
+export const amsTopTaskLinkLabelFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsTopTaskLinkLabelFontSize = "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)";
+export const amsTopTaskLinkLabelFontWeight = 800;
+export const amsTopTaskLinkLabelLineHeight = "1.5";
+export const amsTopTaskLinkLabelTextDecorationLine = "none";
+export const amsTopTaskLinkLabelTextDecorationThickness = "0.125rem";
+export const amsTopTaskLinkLabelTextUnderlineOffset = "0.375rem";
+export const amsTopTaskLinkLabelHoverColor = "#102E62";
+export const amsTopTaskLinkLabelHoverTextDecorationLine = "underline";
+export const amsTopTaskLinkOutlineOffset = "2px";
+export const amsUnorderedListColor = "#000000";
+export const amsUnorderedListFontFamily = "'Amsterdam Sans', Arial, sans-serif";
+export const amsUnorderedListFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
+export const amsUnorderedListFontWeight = 400;
+export const amsUnorderedListGap = "0.75rem";
+export const amsUnorderedListInverseColor = "#FFFFFF";
+export const amsUnorderedListLineHeight = "1.6";
+export const amsUnorderedListListStyleType = "'\\2022'";
+export const amsUnorderedListItemMarginInlineStart = "1.625rem"; // Divide your total indentation width over margin and padding to position the marker.
+export const amsUnorderedListItemPaddingInlineStart = "0.875rem"; // The total level 1 indentation for Amsterdam is 40 pixels, or 2.5rem.
+export const amsUnorderedListUnorderedListListStyleType = "'\\2013'";
+export const amsUnorderedListUnorderedListItemMarginInlineStart = "0.875rem"; // Indent less than the parent to start-align the child’s marker with the parent text.
+export const amsUnorderedListUnorderedListItemPaddingInlineStart = "0.875rem"; // The total level >=2 indentation for Amsterdam is 28 pixels, or 1.75rem.