@amsterdam/design-system-tokens
Version:
All design tokens from the Amsterdam Design System. Use it to apply its visual design to your website or application.
904 lines (903 loc) • 75.4 kB
JavaScript
/**
* Do not edit directly, this file was auto-generated.
*/
export const amsAspectRatio_9_16 = "9 / 16";
export const amsAspectRatio_3_4 = "3 / 4";
export const amsAspectRatio_1_1 = "1 / 1";
export const amsAspectRatio_4_3 = "4 / 3";
export const amsAspectRatio_16_9 = "16 / 9";
export const amsAspectRatio_16_5 = "16 / 5";
export const amsBorderWidthS = "0.0625rem"; // 1px equivalent. For subtle borders like hover reinforcement.
export const amsBorderWidthM = "0.125rem"; // 2px equivalent. The default border width for inputs and containers.
export const amsBorderWidthL = "0.1875rem"; // 3px equivalent.
export const amsBorderWidthXl = "0.25rem"; // 4px equivalent. For strong emphasis like active tab indicators.
export const amsBorderWidthNegativeM = "-0.125rem";
export const amsBorderWidthNegativeXl = "-0.25rem";
export const amsColorBackgroundBody = "#ffffff";
export const amsColorBackground = "#ffffff"; // The default background colour for form controls and smaller surfaces.
export const amsColorFeedbackError = "#ec0000";
export const amsColorFeedbackInfo = "#009de6";
export const amsColorFeedbackSuccess = "#00893c";
export const amsColorFeedbackWarning = "#ff9100";
export const amsColorHighlightAzure = "#009de6";
export const amsColorHighlightGreen = "#00893c";
export const amsColorHighlightLime = "#bed200";
export const amsColorHighlightMagenta = "#e50082";
export const amsColorHighlightOrange = "#ff9100";
export const amsColorHighlightPurple = "#a00078";
export const amsColorHighlightYellow = "#ffe600";
export const amsColorInteractiveContrast = "#202020"; // For interactive elements on coloured backgrounds where the default blue lacks sufficient contrast.
export const amsColorInteractive = "#004699";
export const amsColorInteractiveDisabled = "#767676";
export const amsColorInteractiveHover = "#003677";
export const amsColorInteractiveInvalid = "#ec0000";
export const amsColorInteractiveInvalidHover = "#b70000";
export const amsColorInteractiveInverse = "#ffffff"; // For interactive elements on dark backgrounds.
export const amsColorProgressCurrent = "#00893c";
export const amsColorProgressCompleted = "#00893c";
export const amsColorProgressUpcoming = "#767676";
export const amsColorSeparator = "#d1d1d1"; // For row borders in tables.
export const amsColorText = "#202020";
export const amsColorTextInverse = "#ffffff";
export const amsColorTextSecondary = "#767676"; // For supporting text that is less prominent than the default, e.g. metadata.
export const amsCursorDisabled = "not-allowed";
export const amsCursorInteractive = "pointer"; // All interactive elements in their default state that lack a cursor style.
export const amsFocusOutlineOffset = "0.25rem"; // The distance between a focused element and its outline. Provides breathing room so the outline doesn't touch the element.
export const amsSpaceXs = "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)"; // Scales from 4px to 6px.
export const amsSpaceS = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)"; // Scales from 8px to 12px.
export const amsSpaceM = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)"; // Scales from 16px to 24px.
export const amsSpaceL = "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)"; // Scales from 24px to 36px.
export const amsSpaceXl = "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)"; // Scales from 36px to 60px.
export const amsSpace_2xl = "clamp(3rem, 2.25rem + 3.75vw, 5.625rem)"; // Scales from 48px to 90px.
export const amsTypographyFontFamily = "'Amsterdam Sans', Arial, sans-serif"; // The corporate typeface with system fallbacks.
export const amsTypographyHyphenateLimitChars = "auto"; // Lets the browser decide the minimum character count for hyphenation.
export const amsTypographyBodyTextFontSize =
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)"; // Scales from 18px to 20px.
export const amsTypographyBodyTextFontWeight = "400";
export const amsTypographyBodyTextLineHeight = 1.6;
export const amsTypographyBodyTextBoldFontWeight = "800";
export const amsTypographyBodyTextSmallFontSize = "1rem"; // Fixed at 16px; does not scale.
export const amsTypographyBodyTextSmallLineHeight = 1.5;
export const amsTypographyBodyTextLargeFontSize =
"clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)"; // Scales from 21px to 25px.
export const amsTypographyBodyTextLargeLineHeight = 1.5;
export const amsTypographyBodyTextXLargeFontSize =
"clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem)"; // Scales from 24px to 32px.
export const amsTypographyBodyTextXLargeLineHeight = 1.4;
export const amsTypographyHeading_1FontSize =
"clamp(2rem, 1.7143rem + 1.4286vw, 3rem)"; // Scales from 32px to 48px.
export const amsTypographyHeading_1LineHeight = 1.2;
export const amsTypographyHeading_2FontSize =
"clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem)";
export const amsTypographyHeading_2LineHeight = 1.3;
export const amsTypographyHeading_3FontSize =
"clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
export const amsTypographyHeading_3LineHeight = 1.3;
export const amsTypographyHeading_4FontSize =
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
export const amsTypographyHeading_4LineHeight = 1.4;
export const amsTypographyHeading_5FontSize = "1rem";
export const amsTypographyHeading_5LineHeight = 1.4;
export const amsTypographyHeadingFontWeight = "800";
export const amsTypographyHeadingTextWrap = "balance"; // Distributes heading text evenly across lines for a more balanced appearance.
export const amsInputsBackgroundColor = "#ffffff";
export const amsInputsBorderColor = "currentColor"; // Uses currentColor so the border adapts to the text colour, including in error states.
export const amsInputsBorderStyle = "solid";
export const amsInputsBorderWidth = "0.125rem";
export const amsInputsColor = "#202020";
export const amsInputsFontFamily = "'Amsterdam Sans', Arial, sans-serif";
export const amsInputsFontSize =
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
export const amsInputsFontWeight = "400";
export const amsInputsLineHeight = 1.4; // Tighter than body text (1.6) to keep inputs compact. Buttons also use this to match.
export const amsInputsOutlineOffset = "0.25rem";
export const amsInputsPaddingBlock =
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
export const amsInputsPaddingInline =
"clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
export const amsInputsDisabledColor = "#767676";
export const amsInputsHoverBoxShadow =
"inset 0rem 0rem 0rem 0.0625rem currentColor"; // An inset shadow that reinforces the border on hover without shifting the layout.
export const amsInputsInvalidBorderColor = "#ec0000";
export const amsInputsInvalidHoverBorderColor = "#b70000";
export const amsInputsInvalidHoverBoxShadow =
"inset 0rem 0rem 0rem 0.0625rem #b70000"; // An inset shadow using the hover variation of the invalid interactive colour.
export const amsInputsPlaceholderColor = "#767676";
export const amsLinksColor = "#004699";
export const amsLinksTextDecorationThickness = "0.125rem";
export const amsLinksTextUnderlineOffset = "0.15625rem";
export const amsLinksHoverColor = "#003677";
export const amsLinksHoverTextDecorationThickness = "0.1875rem";
export const amsLinksHoverTextUnderlineOffset = "0.09375rem";
export const amsLinksSubtleTextDecorationLine = "none";
export const amsLinksSubtleHoverTextDecorationLine = "underline";
export const amsLinksContrastColor = "#202020";
export const amsLinksContrastHoverColor = "#202020";
export const amsLinksInverseColor = "#ffffff";
export const amsLinksInverseHoverColor = "#ffffff";
export const amsAccordionGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
export const amsAccordionButtonColor = "#004699";
export const amsAccordionButtonCursor = "pointer";
export const amsAccordionButtonGap =
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
export const amsAccordionButtonOutlineOffset = "0.25rem";
export const amsAccordionButtonPaddingBlock =
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
export const amsAccordionButtonPaddingInline = "0";
export const amsAccordionButtonHoverColor = "#003677";
export const amsActionGroupGap = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
export const amsAlertBackgroundColor = "#ffffff";
export const amsAlertBorderColor = "#009de6";
export const amsAlertBorderStyle = "solid";
export const amsAlertBorderWidth = "0.25rem";
export const amsAlertSeverityIndicatorBackgroundColor = "#009de6";
export const amsAlertSeverityIndicatorPaddingBlock =
"clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
export const amsAlertSeverityIndicatorPaddingInline =
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
export const amsAlertContentGap =
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
export const amsAlertContentPaddingBlock =
"clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
export const amsAlertContentPaddingInline =
"clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
export const amsAlertErrorBorderColor = "#ec0000";
export const amsAlertErrorSeverityIndicatorBackgroundColor = "#ec0000";
export const amsAlertSuccessBorderColor = "#00893c";
export const amsAlertSuccessSeverityIndicatorBackgroundColor = "#00893c";
export const amsAlertWarningBorderColor = "#ff9100";
export const amsAlertWarningSeverityIndicatorBackgroundColor = "#ff9100";
export const amsAvatarAspectRatio = "1 / 1";
export const amsAvatarBackgroundColor = "#a00078";
export const amsAvatarBorderColor = "#a00078";
export const amsAvatarBorderStyle = "solid";
export const amsAvatarBorderWidth = "0.125rem";
export const amsAvatarColor = "#ffffff";
export const amsAvatarFontFamily = "'Amsterdam Sans', Arial, sans-serif";
export const amsAvatarFontSize = "1rem";
export const amsAvatarFontWeight = "400";
export const amsAvatarLineHeight = 1.5;
export const amsAvatarPaddingBlock =
"clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
export const amsAvatarPaddingInline =
"clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
export const amsAvatarForcedColorsBorderWidth = "0.125rem";
export const amsAvatarAzureBackgroundColor = "#009de6";
export const amsAvatarAzureBorderColor = "#009de6";
export const amsAvatarAzureColor = "#ffffff";
export const amsAvatarGreenBackgroundColor = "#00893c";
export const amsAvatarGreenBorderColor = "#00893c";
export const amsAvatarGreenColor = "#ffffff";
export const amsAvatarLimeBackgroundColor = "#bed200";
export const amsAvatarLimeBorderColor = "#bed200";
export const amsAvatarLimeColor = "#202020";
export const amsAvatarMagentaBackgroundColor = "#e50082";
export const amsAvatarMagentaBorderColor = "#e50082";
export const amsAvatarMagentaColor = "#ffffff";
export const amsAvatarOrangeBackgroundColor = "#ff9100";
export const amsAvatarOrangeBorderColor = "#ff9100";
export const amsAvatarOrangeColor = "#202020";
export const amsAvatarYellowBackgroundColor = "#ffe600";
export const amsAvatarYellowBorderColor = "#ffe600";
export const amsAvatarYellowColor = "#202020";
export const amsBadgeBackgroundColor = "#00893c";
export const amsBadgeColor = "#ffffff";
export const amsBadgeFontFamily = "'Amsterdam Sans', Arial, sans-serif";
export const amsBadgeFontSize =
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
export const amsBadgeFontWeight = "800";
export const amsBadgeGap = "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
export const amsBadgeLineHeight = 1.6;
export const amsBadgePaddingInline =
"clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
export const amsBadgeAzureBackgroundColor = "#009de6";
export const amsBadgeAzureColor = "#ffffff";
export const amsBadgeLimeBackgroundColor = "#bed200";
export const amsBadgeLimeColor = "#202020";
export const amsBadgeMagentaBackgroundColor = "#e50082";
export const amsBadgeMagentaColor = "#ffffff";
export const amsBadgeOrangeBackgroundColor = "#ff9100";
export const amsBadgeOrangeColor = "#202020";
export const amsBadgePurpleBackgroundColor = "#a00078";
export const amsBadgePurpleColor = "#ffffff";
export const amsBadgeRedBackgroundColor = "#ec0000";
export const amsBadgeRedColor = "#ffffff";
export const amsBadgeYellowBackgroundColor = "#ffe600";
export const amsBadgeYellowColor = "#202020";
export const amsBlockquoteColor = "#202020";
export const amsBlockquoteFontFamily = "'Amsterdam Sans', Arial, sans-serif";
export const amsBlockquoteFontSize =
"clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem)";
export const amsBlockquoteFontWeight = "800";
export const amsBlockquoteLineHeight = 1.4;
export const amsBlockquoteInverseColor = "#ffffff";
export const amsBodyBackgroundColor = "#ffffff";
export const amsBreadcrumbFontFamily = "'Amsterdam Sans', Arial, sans-serif";
export const amsBreadcrumbFontSize =
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
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 amsBreadcrumbSeparatorBlockSize = "1ex";
export const amsBreadcrumbSeparatorInlineSize = "1ex";
export const amsBreadcrumbSeparatorMarginInline =
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
export const amsBreadcrumbLinkColor = "#004699";
export const amsBreadcrumbLinkOutlineOffset = "0.25rem";
export const amsBreadcrumbLinkTextDecorationLine = "none";
export const amsBreadcrumbLinkTextDecorationThickness = "0.125rem";
export const amsBreadcrumbLinkTextUnderlineOffset = "0.15625rem";
export const amsBreadcrumbLinkHoverColor = "#003677";
export const amsBreadcrumbLinkHoverTextDecorationLine = "underline";
export const amsButtonBorderStyle = "solid";
export const amsButtonBorderWidth = "0.125rem";
export const amsButtonCursor = "pointer";
export const amsButtonFontFamily = "'Amsterdam Sans', Arial, sans-serif";
export const amsButtonFontSize =
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
export const amsButtonFontWeight = "400";
export const amsButtonLineHeight = 1.4;
export const amsButtonGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
export const amsButtonOutlineOffset = "0.25rem";
export const amsButtonPaddingBlock =
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
export const amsButtonPaddingInline =
"clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
export const amsButtonDisabledCursor = "not-allowed";
export const amsButtonIconOnlyPaddingBlock =
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
export const amsButtonIconOnlyPaddingInline =
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
export const amsButtonPrimaryBackgroundColor = "#004699";
export const amsButtonPrimaryBorderColor = "#004699";
export const amsButtonPrimaryColor = "#ffffff";
export const amsButtonPrimaryDisabledBackgroundColor = "#767676";
export const amsButtonPrimaryDisabledBorderColor = "#767676";
export const amsButtonPrimaryHoverBackgroundColor = "#003677";
export const amsButtonPrimaryHoverBorderColor = "#003677";
export const amsButtonSecondaryBackgroundColor = "#ffffff";
export const amsButtonSecondaryBorderColor = "currentColor";
export const amsButtonSecondaryColor = "#004699";
export const amsButtonSecondaryDisabledBorderColor = "#767676";
export const amsButtonSecondaryDisabledColor = "#767676";
export const amsButtonSecondaryHoverBoxShadow =
"inset 0rem 0rem 0rem 0.0625rem currentColor";
export const amsButtonSecondaryHoverColor = "#003677";
export const amsButtonTertiaryBackgroundColor = "transparent";
export const amsButtonTertiaryBorderColor = "transparent";
export const amsButtonTertiaryColor = "#004699";
export const amsButtonTertiaryDisabledColor = "#767676";
export const amsButtonTertiaryHoverBorderColor = "currentColor";
export const amsButtonTertiaryHoverColor = "#003677";
export const amsCallToActionLinkBackgroundColor = "#00893c";
export const amsCallToActionLinkColor = "#ffffff";
export const amsCallToActionLinkFontFamily =
"'Amsterdam Sans', Arial, sans-serif";
export const amsCallToActionLinkFontSize =
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
export const amsCallToActionLinkFontWeight = "400";
export const amsCallToActionLinkLineHeight = 1.6;
export const amsCallToActionLinkOutlineOffset = "0.25rem";
export const amsCallToActionLinkPaddingBlock =
"clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
export const amsCallToActionLinkPaddingInline =
"clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
export const amsCallToActionLinkTextDecorationThickness = "0.125rem";
export const amsCallToActionLinkTextUnderlineOffset = "0.15625rem";
export const amsCallToActionLinkHoverBackgroundColor = "#10552b";
export const amsCallToActionLinkHoverTextDecorationThickness = "0.1875rem";
export const amsCallToActionLinkHoverTextUnderlineOffset = "0.09375rem";
export const amsCardHeadingMarginBlockEnd =
"clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
export const amsCardHeadingGroupGap =
"clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
export const amsCardHeadingGroupMarginBlockEnd =
"clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
export const amsCardImageMarginBlockEnd =
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
export const amsCardLinkColor = "#004699";
export const amsCardLinkTextDecorationLine = "none";
export const amsCardLinkTextDecorationThickness = "0.125rem";
export const amsCardLinkTextUnderlineOffset = "0.15625rem";
export const amsCardLinkHoverColor = "#003677";
export const amsCardLinkHoverTextDecorationLine = "underline";
export const amsCardOutlineOffset = "0.25rem";
export const amsCharacterCountColor = "#202020";
export const amsCharacterCountFontFamily =
"'Amsterdam Sans', Arial, sans-serif";
export const amsCharacterCountFontSize = "1rem";
export const amsCharacterCountFontWeight = "400";
export const amsCharacterCountLineHeight = 1.5;
export const amsCharacterCountErrorColor = "#ec0000";
export const amsCheckboxColor = "#202020";
export const amsCheckboxCursor = "pointer";
export const amsCheckboxFontFamily = "'Amsterdam Sans', Arial, sans-serif";
export const amsCheckboxFontSize =
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
export const amsCheckboxFontWeight = "400";
export const amsCheckboxGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
export const amsCheckboxLineHeight = 1.6;
export const amsCheckboxOutlineOffset = "0.25rem";
export const amsCheckboxTextDecorationThickness = "0.125rem";
export const amsCheckboxTextUnderlineOffset = "0.15625rem";
export const amsCheckboxDisabledCursor = "not-allowed";
export const amsCheckboxDisabledColor = "#767676";
export const amsCheckboxHoverColor = "#003677";
export const amsCheckboxHoverTextDecorationLine = "underline";
export const amsCheckboxCheckedIndicatorStroke = "#ffffff";
export const amsCheckboxHoverIndicatorHoverStroke = "#003677";
export const amsCheckboxHoverIndicatorInvalidHoverStroke = "#b70000";
export const amsCheckboxIconContainerBlockSize =
"calc(clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem) * 1.6)";
export const amsCheckboxIconContainerInlineSize =
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
export const amsCheckboxIndeterminateIndicatorStroke = "#ffffff";
export const amsCheckboxRectangleFill = "#ffffff";
export const amsCheckboxRectangleStroke = "#004699";
export const amsCheckboxRectangleCheckedFill = "#004699";
export const amsCheckboxRectangleCheckedDisabledFill = "#767676";
export const amsCheckboxRectangleCheckedHoverFill = "#003677";
export const amsCheckboxRectangleCheckedInvalidFill = "#ec0000";
export const amsCheckboxRectangleCheckedInvalidHoverFill = "#b70000";
export const amsCheckboxRectangleDisabledStroke = "#767676";
export const amsCheckboxRectangleHoverStroke = "#003677";
export const amsCheckboxRectangleIndeterminateFill = "#004699";
export const amsCheckboxRectangleIndeterminateDisabledFill = "#767676";
export const amsCheckboxRectangleIndeterminateHoverFill = "#003677";
export const amsCheckboxRectangleIndeterminateInvalidFill = "#ec0000";
export const amsCheckboxRectangleIndeterminateInvalidHoverFill = "#b70000";
export const amsCheckboxRectangleInvalidStroke = "#ec0000";
export const amsCheckboxRectangleInvalidHoverStroke = "#b70000";
export const amsColumnGapXSmall =
"clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
export const amsColumnGapSmall = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
export const amsColumnGapMedium = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
export const amsColumnGapLarge = "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
export const amsColumnGapXLarge =
"clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
export const amsDateInputBackgroundColor = "#ffffff";
export const amsDateInputBorderColor = "currentColor";
export const amsDateInputBorderStyle = "solid";
export const amsDateInputBorderWidth = "0.125rem";
export const amsDateInputColor = "#202020";
export const amsDateInputFontFamily = "'Amsterdam Sans', Arial, sans-serif";
export const amsDateInputFontSize =
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
export const amsDateInputFontWeight = "400";
export const amsDateInputLineHeight = 1.4;
export const amsDateInputOutlineOffset = "0.25rem";
export const amsDateInputPaddingBlock =
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
export const amsDateInputPaddingInline =
"clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
export const amsDateInputDisabledColor = "#767676";
export const amsDateInputDisabledCursor = "not-allowed";
export const amsDateInputHoverBoxShadow =
"inset 0rem 0rem 0rem 0.0625rem currentColor";
export const amsDateInputHoverCalendarPickerIndicatorBackgroundImage =
"url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23003677'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>\")";
export const amsDateInputInvalidBorderColor = "#ec0000";
export const amsDateInputInvalidHoverBorderColor = "#b70000";
export const amsDateInputInvalidHoverBoxShadow =
"inset 0rem 0rem 0rem 0.0625rem #b70000";
export const amsDateInputCalendarPickerIndicatorBackgroundImage =
"url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23004699'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>\")";
export const amsDateInputCalendarPickerIndicatorCursor = "pointer";
export const amsDescriptionListColor = "#202020";
export const amsDescriptionListColumnGap = "initial";
export const amsDescriptionListFontFamily =
"'Amsterdam Sans', Arial, sans-serif";
export const amsDescriptionListFontSize =
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
export const amsDescriptionListLineHeight = 1.6;
export const amsDescriptionListRowGap = "0";
export const amsDescriptionListInverseColor = "#ffffff";
export const amsDescriptionListTermFontSize =
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
export const amsDescriptionListTermFontWeight = "800";
export const amsDescriptionListTermLineHeight = 1.4;
export const amsDescriptionListTermMarginBlockEnd =
"clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
export const amsDescriptionListTermTextWrap = "balance";
export const amsDescriptionListTermViMediumMarginBlockEnd =
"clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
export const amsDescriptionListDescriptionFontWeight = "400";
export const amsDescriptionListDescriptionMarginBlockEnd =
"clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
export const amsDescriptionListDescriptionPaddingInlineStart = "0";
export const amsDescriptionListSectionMarginBlockEnd =
"clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
export const amsDescriptionListNarrowGridTemplateColumns = "initial";
export const amsDescriptionListMediumGridTemplateColumns = "initial";
export const amsDescriptionListWideGridTemplateColumns = "initial";
export const amsDescriptionListViMediumColumnGap =
"clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
export const amsDescriptionListViMediumNarrowGridTemplateColumns = "1fr 4fr";
export const amsDescriptionListViMediumMediumGridTemplateColumns = "1fr 2fr";
export const amsDescriptionListViMediumWideGridTemplateColumns = "1fr 1fr";
export const amsDialogBackgroundColor = "#ffffff";
export const amsDialogBorderColor = "#ffffff";
export const amsDialogBorderRadius = "initial";
export const amsDialogBorderStyle = "solid";
export const amsDialogBorderWidth = "0.125rem";
export const amsDialogBoxShadow = "initial";
export const amsDialogGap = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
export const amsDialogInlineSize =
"calc(100% - 2 * clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem))";
export const amsDialogMaxBlockSize =
"calc(100dvh - 2 * clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem))";
export const amsDialogMaxInlineSize = "48rem";
export const amsDialogMediumInlineSize = "initial";
export const amsDialogMediumMaxBlockSize = "initial";
export const amsDialogViMediumInlineSize =
"calc(100% - 2 * clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem))";
export const amsDialogViMediumMaxBlockSize =
"calc(100dvh - 2 * clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem))";
export const amsDialogBackdropBackgroundColor = "rgb(24 24 24 / 62.5%)";
export const amsDialogHeaderGap = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
export const amsDialogHeaderPaddingBlock =
"clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem) 0";
export const amsDialogHeaderPaddingInline =
"clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
export const amsDialogHeaderMediumPaddingBlock = "initial";
export const amsDialogHeaderMediumPaddingInline = "initial";
export const amsDialogHeaderViMediumPaddingBlock =
"clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem) 0";
export const amsDialogHeaderViMediumPaddingInline =
"clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
export const amsDialogBodyPaddingBlock = "0";
export const amsDialogBodyPaddingInline =
"clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
export const amsDialogBodyMediumPaddingInline = "initial";
export const amsDialogBodyViMediumPaddingInline =
"clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
export const amsDialogFooterPaddingBlock =
"0 clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
export const amsDialogFooterPaddingInline =
"clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
export const amsDialogFooterMediumPaddingBlock = "initial";
export const amsDialogFooterMediumPaddingInline = "initial";
export const amsDialogFooterViMediumPaddingBlock =
"0 clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
export const amsDialogFooterViMediumPaddingInline =
"clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
export const amsErrorMessageColor = "#ec0000";
export const amsErrorMessageFontFamily = "'Amsterdam Sans', Arial, sans-serif";
export const amsErrorMessageFontSize =
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
export const amsErrorMessageFontWeight = "400";
export const amsErrorMessageGap =
"clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
export const amsErrorMessageLineHeight = 1.6;
export const amsFieldSetChildMarginBlockEnd =
"clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
export const amsFieldSetChildBeforeErrorMessageMarginBlockEnd =
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
export const amsFieldSetChildBeforeFieldOrFieldSetMarginBlockEnd =
"clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
export const amsFieldSetChildBetweenFieldsAndFieldSetsMarginBlockEnd =
"clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
export const amsFieldSetInvalidBorderInlineStart = "0.1875rem solid #ec0000";
export const amsFieldSetInvalidPaddingInlineStart =
"clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
export const amsFieldSetLegendMarginBlockEnd =
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
export const amsFieldSetLegendColor = "#202020";
export const amsFieldSetLegendFontFamily =
"'Amsterdam Sans', Arial, sans-serif";
export const amsFieldSetLegendFontSize =
"clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
export const amsFieldSetLegendFontWeight = "800";
export const amsFieldSetLegendLineHeight = 1.3;
export const amsFieldSetLegendTextWrap = "balance";
export const amsFieldSetLegendInFieldsetFontWeight = "400";
export const amsFieldGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
export const amsFieldChildMarginBlockEnd =
"clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
export const amsFieldChildBeforeErrorMessageMarginBlockEnd =
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
export const amsFieldInvalidBorderInlineStart = "0.1875rem solid #ec0000";
export const amsFieldInvalidPaddingInlineStart =
"clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
export const amsFigureGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
export const amsFigureCaptionColor = "#202020";
export const amsFigureCaptionFontFamily = "'Amsterdam Sans', Arial, sans-serif";
export const amsFigureCaptionFontSize = "1rem";
export const amsFigureCaptionFontWeight = "400";
export const amsFigureCaptionLineHeight = 1.5;
export const amsFigureCaptionInverseColor = "#ffffff";
export const amsFileInputBackgroundColor = "#ffffff";
export const amsFileInputBorderColor = "currentColor";
export const amsFileInputBorderStyle = "dashed";
export const amsFileInputBorderWidth = "0.125rem";
export const amsFileInputColor = "#202020";
export const amsFileInputCursor = "pointer";
export const amsFileInputFontFamily = "'Amsterdam Sans', Arial, sans-serif";
export const amsFileInputFontSize =
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
export const amsFileInputFontWeight = "400";
export const amsFileInputLineHeight = 1.4;
export const amsFileInputOutlineOffset = "0.25rem";
export const amsFileInputPaddingBlock =
"clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
export const amsFileInputPaddingInline =
"clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
export const amsFileInputDisabledColor = "#767676";
export const amsFileInputDisabledCursor = "not-allowed";
export const amsFileInputFileSelectorButtonBackgroundColor = "#ffffff";
export const amsFileInputFileSelectorButtonBorderColor = "currentColor";
export const amsFileInputFileSelectorButtonBorderStyle = "solid";
export const amsFileInputFileSelectorButtonBorderWidth = "0.125rem";
export const amsFileInputFileSelectorButtonColor = "#004699";
export const amsFileInputFileSelectorButtonCursor = "pointer";
export const amsFileInputFileSelectorButtonLineHeight = 1.4;
export const amsFileInputFileSelectorButtonMarginInlineEnd =
"clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
export const amsFileInputFileSelectorButtonPaddingBlock =
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
export const amsFileInputFileSelectorButtonPaddingInline =
"clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
export const amsFileInputFileSelectorButtonDisabledColor = "#767676";
export const amsFileInputFileSelectorButtonDisabledCursor = "not-allowed";
export const amsFileInputFileSelectorButtonHoverBoxShadow =
"inset 0rem 0rem 0rem 0.0625rem currentColor";
export const amsFileInputFileSelectorButtonHoverColor = "#003677";
export const amsFileListGap = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
export const amsFileListPaddingBlock =
"clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
export const amsFileListFileFontFamily = "'Amsterdam Sans', Arial, sans-serif";
export const amsFileListFileFontSize = "1rem";
export const amsFileListFileFontWeight = "400";
export const amsFileListFileGap =
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
export const amsFileListFileLineHeight = 1.5;
export const amsFileListFileDetailsColor = "#767676";
export const amsFileListFilePreviewWidth = "clamp(2.5rem, 10vw, 5rem)";
export const amsGridColumnCount = 4;
export const amsGridColumnGap = "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
export const amsGridPaddingBlockL =
"clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
export const amsGridPaddingBlockXl =
"clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
export const amsGridPaddingBlock_2xl =
"clamp(3rem, 2.25rem + 3.75vw, 5.625rem)";
export const amsGridPaddingInline =
"clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
export const amsGridRowGapL = "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
export const amsGridRowGapXl = "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
export const amsGridRowGap_2xl = "clamp(3rem, 2.25rem + 3.75vw, 5.625rem)";
export const amsGridMediumColumnCount = "initial";
export const amsGridMediumPaddingInline = "initial";
export const amsGridWideColumnCount = "initial";
export const amsGridWidePaddingInline = "initial";
export const amsGridViMediumColumnCount = 8;
export const amsGridViMediumPaddingInline =
"clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
export const amsGridViWideColumnCount = 12;
export const amsGridViWidePaddingInline =
"clamp(3rem, 2.25rem + 3.75vw, 5.625rem)";
export const amsGridCellBackgroundColor = "initial";
export const amsGridCellPaddingBlock = "initial";
export const amsGridCellPaddingInline = "initial";
export const amsHeading_1FontSize = "clamp(2rem, 1.7143rem + 1.4286vw, 3rem)";
export const amsHeading_1LineHeight = 1.2;
export const amsHeading_2FontSize = "clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem)";
export const amsHeading_2LineHeight = 1.3;
export const amsHeading_3FontSize =
"clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
export const amsHeading_3LineHeight = 1.3;
export const amsHeading_4FontSize =
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
export const amsHeading_4LineHeight = 1.4;
export const amsHeading_5FontSize = "1rem";
export const amsHeading_5LineHeight = 1.4;
export const amsHeadingColor = "#202020";
export const amsHeadingFontFamily = "'Amsterdam Sans', Arial, sans-serif";
export const amsHeadingFontWeight = "800";
export const amsHeadingTextWrap = "balance";
export const amsHeadingInverseColor = "#ffffff";
export const amsHintFontWeight = "400";
export const amsHintInFieldsetColor = "#767676";
export const amsIconButtonColor = "#004699";
export const amsIconButtonCursor = "pointer";
export const amsIconButtonOutlineOffset = "0.25rem";
export const amsIconButtonHoverBackgroundColor = "rgb(0 70 153 / 12.5%)";
export const amsIconButtonHoverColor = "#003677";
export const amsIconButtonDisabledColor = "#767676";
export const amsIconButtonDisabledCursor = "not-allowed";
export const amsIconButtonContrastColor = "#202020";
export const amsIconButtonContrastHoverBackgroundColor = "rgb(0 0 0 / 12.5%)";
export const amsIconButtonContrastHoverColor = "#202020";
export const amsIconButtonContrastDisabledColor = "#767676";
export const amsIconButtonInverseBackgroundColor = "#004699";
export const amsIconButtonInverseColor = "#ffffff";
export const amsIconButtonInverseHoverBackgroundColor = "#003677";
export const amsIconButtonInverseHoverColor = "#ffffff";
export const amsIconButtonInverseDisabledColor = "#ffffff";
export const amsIconButtonInverseDisabledBackgroundColor = "#767676";
export const amsIconFontSize = "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
export const amsIconLineHeight = 1.6;
export const amsIconSmallFontSize = "1rem";
export const amsIconSmallLineHeight = 1.5;
export const amsIconLargeFontSize =
"clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
export const amsIconLargeLineHeight = 1.5;
export const amsIconHeading_1FontSize =
"clamp(2rem, 1.7143rem + 1.4286vw, 3rem)";
export const amsIconHeading_1LineHeight = 1.2;
export const amsIconHeading_2FontSize =
"clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem)";
export const amsIconHeading_2LineHeight = 1.3;
export const amsIconHeading_3FontSize =
"clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
export const amsIconHeading_3LineHeight = 1.3;
export const amsIconHeading_4FontSize =
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
export const amsIconHeading_4LineHeight = 1.4;
export const amsIconHeading_5FontSize = "1rem";
export const amsIconHeading_5LineHeight = 1.4;
export const amsIconInverseColor = "#ffffff";
export const amsImageSliderGap =
"clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
export const amsImageSliderScrollerGap =
"clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
export const amsImageSliderScrollerOutlineOffset = "0.25rem";
export const amsImageSliderThumbnailsGap =
"clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
export const amsImageSliderThumbnailsThumbnailBackgroundColor = "transparent";
export const amsImageSliderThumbnailsThumbnailCursor = "pointer";
export const amsImageSliderThumbnailsThumbnailOpacity = "40%";
export const amsImageSliderThumbnailsThumbnailOutlineOffset = "0.25rem";
export const amsImageSliderThumbnailsThumbnailInViewOpacity = "100%";
export const amsImageSliderThumbnailsThumbnailHoverOpacity = "100%";
export const amsImageSliderFigureMarginBlockEnd =
"clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
export const amsImageAspectRatio = "16 / 9";
export const amsInvalidFormAlertOutlineOffset = "0.25rem";
export const amsLabelColor = "#202020";
export const amsLabelFontFamily = "'Amsterdam Sans', Arial, sans-serif";
export const amsLabelFontSize =
"clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
export const amsLabelFontWeight = "800";
export const amsLabelLineHeight = 1.3;
export const amsLabelTextWrap = "balance";
export const amsLabelInFieldsetFontWeight = "400";
export const amsLinkListGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
export const amsLinkListLinkColor = "#004699";
export const amsLinkListLinkFontFamily = "'Amsterdam Sans', Arial, sans-serif";
export const amsLinkListLinkFontSize =
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
export const amsLinkListLinkFontWeight = "400";
export const amsLinkListLinkGap =
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
export const amsLinkListLinkLineHeight = 1.6;
export const amsLinkListLinkOutlineOffset = "0.25rem";
export const amsLinkListLinkTextDecorationLine = "none";
export const amsLinkListLinkTextDecorationThickness = "0.125rem";
export const amsLinkListLinkTextUnderlineOffset = "0.15625rem";
export const amsLinkListLinkSmallFontSize = "1rem";
export const amsLinkListLinkSmallLineHeight = 1.5;
export const amsLinkListLinkLargeFontSize =
"clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
export const amsLinkListLinkLargeLineHeight = 1.5;
export const amsLinkListLinkHoverColor = "#003677";
export const amsLinkListLinkHoverTextDecorationLine = "underline";
export const amsLinkListLinkContrastColor = "#202020";
export const amsLinkListLinkContrastHoverColor = "#202020";
export const amsLinkListLinkInverseColor = "#ffffff";
export const amsLinkListLinkInverseHoverColor = "#ffffff";
export const amsLinkColor = "#004699";
export const amsLinkFontFamily = "inherit";
export const amsLinkFontSize = "inherit";
export const amsLinkFontWeight = "400";
export const amsLinkLineHeight = "inherit";
export const amsLinkOutlineOffset = "0.25rem";
export const amsLinkTextDecorationThickness = "0.125rem";
export const amsLinkTextUnderlineOffset = "0.15625rem";
export const amsLinkHoverColor = "#003677";
export const amsLinkHoverTextDecorationThickness = "0.1875rem";
export const amsLinkHoverTextUnderlineOffset = "0.09375rem";
export const amsLinkContrastColor = "#202020";
export const amsLinkContrastHoverColor = "#202020";
export const amsLinkInverseColor = "#ffffff";
export const amsLinkInverseHoverColor = "#ffffff";
export const amsLogoBlockSize = "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
export const amsLogoMinBlockSize = "2.5rem";
export const amsLogoEmblemColor = "#ec0000";
export const amsLogoSubsiteColor = "#202020";
export const amsLogoTitleColor = "#ec0000";
export const amsMarkBackgroundColor = "#ffe600";
export const amsMenuBackgroundColor = "#004699";
export const amsMenuFontFamily = "'Amsterdam Sans', Arial, sans-serif";
export const amsMenuFontSize = "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
export const amsMenuFontWeight = "400";
export const amsMenuLineHeight = 1.6;
export const amsMenuPaddingBlock = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
export const amsMenuWideMaxInlineSize = "initial";
export const amsMenuWidePaddingBlock = "initial";
export const amsMenuWidePaddingInline = "initial";
export const amsMenuViWideMaxInlineSize = "8rem";
export const amsMenuViWidePaddingBlock =
"calc(clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem) + 2 * clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)) clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
export const amsMenuViWidePaddingInline =
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
export const amsMenuLinkColor = "#ffffff";
export const amsMenuLinkGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
export const amsMenuLinkOutlineOffset = "0.25rem";
export const amsMenuLinkPaddingBlock =
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
export const amsMenuLinkPaddingInline =
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
export const amsMenuLinkTextDecorationLine = "none";
export const amsMenuLinkTextDecorationThickness = "0.125rem";
export const amsMenuLinkTextUnderlineOffset = "0.15625rem";
export const amsMenuLinkHoverColor = "#ffffff";
export const amsMenuLinkHoverTextDecorationLine = "underline";
export const amsMenuLinkWideGap = "initial";
export const amsMenuLinkViWideGap =
"clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
export const amsMenuListGap = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
export const amsOrderedListColor = "#202020";
export const amsOrderedListFontFamily = "'Amsterdam Sans', Arial, sans-serif";
export const amsOrderedListFontSize =
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
export const amsOrderedListFontWeight = "400";
export const amsOrderedListGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
export const amsOrderedListLineHeight = 1.6;
export const amsOrderedListListStyleType = "decimal";
export const amsOrderedListSmallFontSize = "1rem";
export const amsOrderedListSmallLineHeight = 1.5;
export const amsOrderedListInverseColor = "#ffffff";
export const amsOrderedListItemMarginInlineStart = "2.25rem";
export const amsOrderedListItemPaddingInlineStart = "0.25rem";
export const amsOrderedListOrderedListGap =
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
export const amsOrderedListOrderedListListStyleType = "lower-alpha";
export const amsOrderedListOrderedListPaddingBlockEnd =
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
export const amsOrderedListOrderedListPaddingBlockStart =
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
export const amsOrderedListOrderedListItemMarginInlineStart = "1.5rem";
export const amsOrderedListOrderedListItemPaddingInlineStart = "0.25rem";
export const amsPageFooterMenuBackgroundColor = "#ffffff";
export const amsPageFooterMenuColumnGap =
"clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
export const amsPageFooterMenuPaddingBlock =
"clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
export const amsPageFooterMenuPaddingInline =
"clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
export const amsPageFooterMenuRowGap =
"clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
export const amsPageFooterMenuMediumPaddingInline = "initial";
export const amsPageFooterMenuWidePaddingInline = "initial";
export const amsPageFooterMenuViMediumPaddingInline =
"clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
export const amsPageFooterMenuViWidePaddingInline =
"clamp(3rem, 2.25rem + 3.75vw, 5.625rem)";
export const amsPageFooterMenuLinkColor = "#004699";
export const amsPageFooterMenuLinkFontFamily =
"'Amsterdam Sans', Arial, sans-serif";
export const amsPageFooterMenuLinkFontSize =
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
export const amsPageFooterMenuLinkFontWeight = "400";
export const amsPageFooterMenuLinkLineHeight = 1.6;
export const amsPageFooterMenuLinkOutlineOffset = "0.25rem";
export const amsPageFooterMenuLinkTextDecorationLine = "none";
export const amsPageFooterMenuLinkTextDecorationThickness = "0.125rem";
export const amsPageFooterMenuLinkTextUnderlineOffset = "0.15625rem";
export const amsPageFooterMenuLinkHoverColor = "#003677";
export const amsPageFooterMenuLinkHoverTextDecorationLine = "underline";
export const amsPageFooterSpotlightBackgroundColor = "#004699";
export const amsPageHeaderBackgroundColor = "#ffffff";
export const amsPageHeaderFontFamily = "'Amsterdam Sans', Arial, sans-serif";
export const amsPageHeaderPaddingBlock =
"clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
export const amsPageHeaderPaddingInline =
"clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
export const amsPageHeaderMediumPaddingInline = "initial";
export const amsPageHeaderWidePaddingInline = "initial";
export const amsPageHeaderViMediumPaddingInline =
"clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)";
export const amsPageHeaderViWidePaddingInline =
"clamp(3rem, 2.25rem + 3.75vw, 5.625rem)";
export const amsPageHeaderLogoLinkColumnGap =
"clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
export const amsPageHeaderLogoLinkOutlineOffset = "0.25rem";
export const amsPageHeaderBrandNameColor = "#202020";
export const amsPageHeaderBrandNameFontSize =
"clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
export const amsPageHeaderBrandNameFontWeight = "800";
export const amsPageHeaderBrandNameLineHeight = 1.3;
export const amsPageHeaderBrandNameTextWrap = "balance";
export const amsPageHeaderMegaMenuPaddingBlock =
"clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
export const amsPageHeaderMegaMenuButtonBackgroundColor = "#004699";
export const amsPageHeaderMegaMenuButtonColor = "#ffffff";
export const amsPageHeaderMegaMenuButtonCursor = "pointer";
export const amsPageHeaderMegaMenuButtonLabelOpenFontWeight = "400";
export const amsPageHeaderMegaMenuButtonPaddingInline =
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
export const amsPageHeaderMegaMenuButtonHoverBackgroundColor = "#003677";
export const amsPageHeaderMegaMenuButtonHoverColor = "#ffffff";
export const amsPageHeaderMenuColumnGap =
"clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
export const amsPageHeaderMenuRowGap =
"clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
export const amsPageHeaderMenuItemColor = "#004699";
export const amsPageHeaderMenuItemColumnGap =
"clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
export const amsPageHeaderMenuItemFontFamily =
"'Amsterdam Sans', Arial, sans-serif";
export const amsPageHeaderMenuItemFontSize =
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
export const amsPageHeaderMenuItemFontWeight = "400";
export const amsPageHeaderMenuItemLineHeight = 1.6;
export const amsPageHeaderMenuItemOutlineOffset = "0.25rem";
export const amsPageHeaderMenuItemPaddingBlock =
"clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
export const amsPageHeaderMenuItemHoverColor = "#003677";
export const amsPageHeaderMenuLinkColor = "#004699";
export const amsPageHeaderMenuLinkGap =
"clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
export const amsPageHeaderMenuLinkTextDecorationLine = "none";
export const amsPageHeaderMenuLinkTextDecorationThickness = "0.125rem";
export const amsPageHeaderMenuLinkTextUnderlineOffset = "0.15625rem";
export const amsPageHeaderMenuLinkHoverTextDecorationLine = "underline";
export const amsPageHeaderNavigationColumnGap =
"clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
export const amsPageHeaderNavigationRowGap =
"clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
export const amsPageBackgroundColor = "#ffffff";
export const amsPageMaxInlineSize = "90rem";
export const amsPageWithMenuMaxInlineSize = "120rem";
export const amsPageWithMenuAreaSkipLinkMarginInlineEnd =
"clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)";
export const amsPaginationFontFamily = "'Amsterdam Sans', Arial, sans-serif";
export const amsPaginationFontSize =
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
export const amsPaginationFontWeight = "400";
export const amsPaginationLineHeight = 1.6;
export const amsPaginationLinkColor = "#004699";
export const amsPaginationLinkGap =
"clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)";
export const amsPaginationLinkOutlineOffset = "0.25rem";
export const amsPaginationLinkPaddingInline =
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
export const amsPaginationLinkTextDecorationLine = "none";
export const amsPaginationLinkTextDecorationThickness = "0.125rem";
export const amsPaginationLinkTextUnderlineOffset = "0.15625rem";
export const amsPaginationLinkCurrentFontWeight = "800";
export const amsPaginationLinkHoverColor = "#003677";
export const amsPaginationLinkHoverTextDecorationLine = "underline";
export const amsParagraphColor = "#202020";
export const amsParagraphFontFamily = "'Amsterdam Sans', Arial, sans-serif";
export const amsParagraphFontSize =
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
export const amsParagraphFontWeight = "400";
export const amsParagraphLineHeight = 1.6;
export const amsParagraphInverseColor = "#ffffff";
export const amsParagraphSmallFontSize = "1rem";
export const amsParagraphSmallLineHeight = 1.5;
export const amsParagraphLargeFontSize =
"clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)";
export const amsParagraphLargeLineHeight = 1.5;
export const amsParagraphLargeTextWrap = "balance";
export const amsPasswordInputBackgroundColor = "#ffffff";
export const amsPasswordInputBorderColor = "currentColor";
export const amsPasswordInputBorderStyle = "solid";
export const amsPasswordInputBorderWidth = "0.125rem";
export const amsPasswordInputColor = "#202020";
export const amsPasswordInputFontFamily = "'Amsterdam Sans', Arial, sans-serif";
export const amsPasswordInputFontSize =
"clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)";
export const amsPasswordInputFontWeight = "400";
export const amsPasswordInputLineHeight = 1.4;
export const amsPasswordInputOutlineOffset = "0.25rem";
export const amsPasswordInputPaddingBlock =
"clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)";
export const amsPasswordInputPaddingInline =
"clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)";
export const amsPasswordInputDisabledColor = "#767676";
export const amsPasswordInputDisabledCursor = "not-allowed";
export const amsPasswo