@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.
891 lines (890 loc) • 62.8 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";
export const amsBorderWidthM = "0.125rem";
export const amsBorderWidthL = "0.1875rem";
export const amsBorderWidthXl = "0.25rem";
export const amsColorBackground = "#ffffff";
export const amsColorFeedbackError = "#ec0000";
export const amsColorFeedbackInfo = "#009de6";
export const amsColorFeedbackSuccess = "#00a03c";
export const amsColorFeedbackWarning = "#ff9100";
export const amsColorHighlightAzure = "#009de6";
export const amsColorHighlightGreen = "#00a03c";
export const amsColorHighlightLime = "#bed200";
export const amsColorHighlightMagenta = "#e50082";
export const amsColorHighlightOrange = "#ff9100";
export const amsColorHighlightPurple = "#a00078";
export const amsColorHighlightYellow = "#ffe600";
export const amsColorInteractiveContrast = "#000000";
export const amsColorInteractive = "#004699";
export const amsColorInteractiveDisabled = "#767676";
export const amsColorInteractiveHover = "#003677";
export const amsColorInteractiveInvalid = "#ec0000";
export const amsColorInteractiveInvalidHover = "#b70000";
export const amsColorInteractiveInverse = "#ffffff";
export const amsColorInteractiveSecondary = "#181818";
export const amsColorSeparator = "#d1d1d1";
export const amsColorText = "#181818";
export const amsColorTextInverse = "#ffffff";
export const amsColorTextSecondary = "#767676";
export const amsCursorDisabled = "not-allowed";
export const amsCursorInteractive = "pointer";
export const amsFocusOutlineOffset = "0.125rem";
export const amsSpaceXs = "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
export const amsSpaceS = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
export const amsSpaceM = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
export const amsSpaceL = "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
export const amsSpaceXl = "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)";
export const amsSpace_2xl = "clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)";
export const amsTypographyFontFamily = "'Amsterdam Sans', Arial, sans-serif";
export const amsTypographyHyphenateLimitChars = "12 8 4";
export const amsTypographyBodyTextFontSize =
"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
export const amsTypographyBodyTextFontWeight = "400";
export const amsTypographyBodyTextLineHeight = "1.6667";
export const amsTypographyBodyTextBoldFontWeight = "800";
export const amsTypographyBodyTextSmallFontSize =
"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
export const amsTypographyBodyTextSmallLineHeight = "1.5152";
export const amsTypographyBodyTextLargeFontSize =
"clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)";
export const amsTypographyBodyTextLargeLineHeight = "1.5152";
export const amsTypographyBodyTextXLargeFontSize =
"clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)";
export const amsTypographyBodyTextXLargeLineHeight = "1.3776";
export const amsTypographyHeading_0FontSize =
"clamp(2.4316rem, calc(1.8951rem + 2.6826vw), 4.5776rem)";
export const amsTypographyHeading_0LineHeight = "1.1386";
export const amsTypographyHeading_1FontSize =
"clamp(2.0842rem, calc(1.6897rem + 1.9724vw), 3.6621rem)";
export const amsTypographyHeading_1LineHeight = "1.1754";
export const amsTypographyHeading_2FontSize =
"clamp(1.7865rem, calc(1.5007rem + 1.429vw), 2.9297rem)";
export const amsTypographyHeading_2LineHeight = "1.2133";
export const amsTypographyHeading_3FontSize =
"clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)";
export const amsTypographyHeading_3LineHeight = "1.2524";
export const amsTypographyHeading_4FontSize =
"clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)";
export const amsTypographyHeading_4LineHeight = "1.2928";
export const amsTypographyHeading_5FontSize =
"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
export const amsTypographyHeading_5LineHeight = "1.3345";
export const amsTypographyHeading_6FontSize =
"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
export const amsTypographyHeading_6LineHeight = "1.3776";
export const amsTypographyHeadingFontWeight = "800";
export const amsLinksColor = "#004699";
export const amsLinksTextDecorationThickness = "0.125rem";
export const amsLinksTextUnderlineOffset = "0.3333em";
export const amsLinksHoverColor = "#003677";
export const amsLinksHoverTextDecorationThickness = "0.1875rem";
export const amsLinksHoverTextUnderlineOffset = "0.2778em";
export const amsLinksSubtleTextDecorationLine = "none";
export const amsLinksSubtleHoverTextDecorationLine = "underline";
export const amsLinksContrastColor = "#000000";
export const amsLinksContrastHoverColor = "#000000";
export const amsLinksInverseColor = "#ffffff";
export const amsLinksInverseHoverColor = "#ffffff";
export const amsAccordionGap = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
export const amsAccordionButtonColor = "#004699";
export const amsAccordionButtonCursor = "pointer";
export const amsAccordionButtonFontFamily =
"'Amsterdam Sans', Arial, sans-serif";
export const amsAccordionButtonFontSize =
"clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)";
export const amsAccordionButtonFontWeight = "800";
export const amsAccordionButtonGap =
"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
export const amsAccordionButtonLineHeight = "1.2928";
export const amsAccordionButtonOutlineOffset = "0.125rem";
export const amsAccordionButtonPaddingBlock =
"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
export const amsAccordionButtonPaddingInline = "0";
export const amsAccordionButtonHoverColor = "#003677";
export const amsAccordionPanelPaddingBlock = "0";
export const amsAccordionPanelPaddingInline = "0";
export const amsActionGroupGap =
"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
export const amsAlertBackgroundColor = "#ffffff";
export const amsAlertBoxShadow = "inset 0 0 0 0.25rem #009de6";
export const amsAlertForcedColorsBorderWidth = "0.25rem";
export const amsAlertSeverityIndicatorBackgroundColor = "#009de6";
export const amsAlertSeverityIndicatorPaddingBlock =
"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
export const amsAlertSeverityIndicatorPaddingInline =
"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
export const amsAlertContentGap =
"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
export const amsAlertContentPaddingBlock =
"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
export const amsAlertContentPaddingInline =
"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
export const amsAlertErrorBoxShadow = "inset 0 0 0 0.25rem #ec0000";
export const amsAlertErrorSeverityIndicatorBackgroundColor = "#ec0000";
export const amsAlertSuccessBoxShadow = "inset 0 0 0 0.25rem #00a03c";
export const amsAlertSuccessSeverityIndicatorBackgroundColor = "#00a03c";
export const amsAlertWarningBoxShadow = "inset 0 0 0 0.25rem #ff9100";
export const amsAlertWarningSeverityIndicatorBackgroundColor = "#ff9100";
export const amsAvatarAspectRatio = "1 / 1";
export const amsAvatarBackgroundColor = "#a00078";
export const amsAvatarColor = "#ffffff";
export const amsAvatarFontFamily = "'Amsterdam Sans', Arial, sans-serif";
export const amsAvatarFontSize =
"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
export const amsAvatarFontWeight = "400";
export const amsAvatarLineHeight = "1.5152";
export const amsAvatarPaddingBlock =
"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
export const amsAvatarPaddingInline =
"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
export const amsAvatarForcedColorsBorderWidth = "0.125rem";
export const amsAvatarAzureBackgroundColor = "#009de6";
export const amsAvatarAzureColor = "#181818";
export const amsAvatarGreenBackgroundColor = "#00a03c";
export const amsAvatarGreenColor = "#ffffff";
export const amsAvatarLimeBackgroundColor = "#bed200";
export const amsAvatarLimeColor = "#181818";
export const amsAvatarMagentaBackgroundColor = "#e50082";
export const amsAvatarMagentaColor = "#ffffff";
export const amsAvatarOrangeBackgroundColor = "#ff9100";
export const amsAvatarOrangeColor = "#181818";
export const amsAvatarYellowBackgroundColor = "#ffe600";
export const amsAvatarYellowColor = "#181818";
export const amsBadgeBackgroundColor = "#00a03c";
export const amsBadgeColor = "#ffffff";
export const amsBadgeFontFamily = "'Amsterdam Sans', Arial, sans-serif";
export const amsBadgeFontSize =
"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
export const amsBadgeFontWeight = "800";
export const amsBadgeLineHeight = "1.6667";
export const amsBadgePaddingInline =
"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
export const amsBadgeAzureBackgroundColor = "#009de6";
export const amsBadgeAzureColor = "#181818";
export const amsBadgeLimeBackgroundColor = "#bed200";
export const amsBadgeLimeColor = "#181818";
export const amsBadgeMagentaBackgroundColor = "#e50082";
export const amsBadgeMagentaColor = "#ffffff";
export const amsBadgeOrangeBackgroundColor = "#ff9100";
export const amsBadgeOrangeColor = "#181818";
export const amsBadgePurpleBackgroundColor = "#a00078";
export const amsBadgePurpleColor = "#ffffff";
export const amsBadgeRedBackgroundColor = "#ec0000";
export const amsBadgeRedColor = "#ffffff";
export const amsBadgeYellowBackgroundColor = "#ffe600";
export const amsBadgeYellowColor = "#181818";
export const amsBlockquoteColor = "#181818";
export const amsBlockquoteFontFamily = "'Amsterdam Sans', Arial, sans-serif";
export const amsBlockquoteFontSize =
"clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)";
export const amsBlockquoteFontWeight = "800";
export const amsBlockquoteLineHeight = "1.3776";
export const amsBlockquoteInverseColor = "#ffffff";
export const amsBreadcrumbFontFamily = "'Amsterdam Sans', Arial, sans-serif";
export const amsBreadcrumbFontSize =
"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
export const amsBreadcrumbFontWeight = "400";
export const amsBreadcrumbLineHeight = "1.5152";
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.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
export const amsBreadcrumbLinkColor = "#004699";
export const amsBreadcrumbLinkOutlineOffset = "0.125rem";
export const amsBreadcrumbLinkTextDecorationLine = "none";
export const amsBreadcrumbLinkTextDecorationThickness = "0.125rem";
export const amsBreadcrumbLinkTextUnderlineOffset = "0.3333em";
export const amsBreadcrumbLinkHoverColor = "#003677";
export const amsBreadcrumbLinkHoverTextDecorationLine = "underline";
export const amsButtonCursor = "pointer";
export const amsButtonFontFamily = "'Amsterdam Sans', Arial, sans-serif";
export const amsButtonFontSize =
"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
export const amsButtonFontWeight = "400";
export const amsButtonLineHeight = "1.6667";
export const amsButtonGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
export const amsButtonOutlineOffset = "0.125rem";
export const amsButtonPaddingBlock =
"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
export const amsButtonPaddingInline =
"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
export const amsButtonDisabledCursor = "not-allowed";
export const amsButtonForcedColorModeBorder = "0.125rem solid";
export const amsButtonPrimaryBackgroundColor = "#004699";
export const amsButtonPrimaryBoxShadow = "inset 0 0 0 0.125rem #004699";
export const amsButtonPrimaryColor = "#ffffff";
export const amsButtonPrimaryDisabledBackgroundColor = "#767676";
export const amsButtonPrimaryDisabledBoxShadow = "inset 0 0 0 0.125rem #767676";
export const amsButtonPrimaryHoverBackgroundColor = "#003677";
export const amsButtonPrimaryHoverBoxShadow = "inset 0 0 0 0.125rem #003677";
export const amsButtonSecondaryBackgroundColor = "#ffffff";
export const amsButtonSecondaryColor = "#004699";
export const amsButtonSecondaryBoxShadow = "inset 0 0 0 0.125rem #004699";
export const amsButtonSecondaryHoverBoxShadow = "inset 0 0 0 0.1875rem #003677";
export const amsButtonSecondaryHoverColor = "#003677";
export const amsButtonSecondaryDisabledBackgroundColor = "#ffffff";
export const amsButtonSecondaryDisabledBoxShadow =
"inset 0 0 0 0.125rem #767676";
export const amsButtonSecondaryDisabledColor = "#767676";
export const amsButtonTertiaryBackgroundColor = "transparent";
export const amsButtonTertiaryColor = "#004699";
export const amsButtonTertiaryHoverBoxShadow = "inset 0 0 0 0.125rem #003677";
export const amsButtonTertiaryHoverColor = "#003677";
export const amsButtonTertiaryDisabledBackgroundColor = "transparent";
export const amsButtonTertiaryDisabledColor = "#767676";
export const amsButtonIconOnlyPaddingBlock =
"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
export const amsButtonIconOnlyPaddingInline =
"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
export const amsCardGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
export const amsCardHeadingGroupGap =
"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
export const amsCardLinkColor = "#004699";
export const amsCardLinkTextDecorationLine = "none";
export const amsCardLinkTextDecorationThickness = "0.125rem";
export const amsCardLinkTextUnderlineOffset = "0.3333em";
export const amsCardLinkHoverColor = "#003677";
export const amsCardLinkHoverTextDecorationLine = "underline";
export const amsCardOutlineOffset = "0.125rem";
export const amsCharacterCountColor = "#181818";
export const amsCharacterCountFontFamily =
"'Amsterdam Sans', Arial, sans-serif";
export const amsCharacterCountFontSize =
"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
export const amsCharacterCountFontWeight = "400";
export const amsCharacterCountLineHeight = "1.5152";
export const amsCharacterCountErrorColor = "#ec0000";
export const amsCheckboxColor = "#181818";
export const amsCheckboxCursor = "pointer";
export const amsCheckboxFontFamily = "'Amsterdam Sans', Arial, sans-serif";
export const amsCheckboxFontSize =
"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
export const amsCheckboxFontWeight = "400";
export const amsCheckboxGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
export const amsCheckboxLineHeight = "1.6667";
export const amsCheckboxOutlineOffset = "0.125rem";
export const amsCheckboxCheckmarkBorderColor = "#004699";
export const amsCheckboxCheckmarkBorderWidth = "0.125rem";
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 = "#003677";
export const amsCheckboxCheckmarkDisabledBorderColor = "#767676";
export const amsCheckboxCheckmarkDisabledBorderWidth = "0.125rem";
export const amsCheckboxCheckmarkDisabledCheckedBackgroundColor = "#767676";
export const amsCheckboxCheckmarkDisabledCheckedHoverBackgroundColor =
"#767676";
export const amsCheckboxCheckmarkDisabledIndeterminateBackgroundColor =
"#767676";
export const amsCheckboxCheckmarkDisabledIndeterminateHoverBackgroundColor =
"#767676";
export const amsCheckboxCheckmarkHoverBorderColor = "#003677";
export const amsCheckboxCheckmarkHoverBorderWidth = "0.1875rem";
export const amsCheckboxCheckmarkInvalidBorderColor = "#ec0000";
export const amsCheckboxCheckmarkInvalidCheckedBackgroundColor = "#ec0000";
export const amsCheckboxCheckmarkInvalidCheckedHoverBackgroundColor = "#b70000";
export const amsCheckboxCheckmarkInvalidHoverBorderColor = "#b70000";
export const amsCheckboxCheckmarkInvalidIndeterminateBackgroundColor =
"#ec0000";
export const amsCheckboxCheckmarkInvalidIndeterminateHoverBackgroundColor =
"#b70000";
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 = "#003677";
export const amsCheckboxDisabledCursor = "not-allowed";
export const amsCheckboxDisabledColor = "#767676";
export const amsCheckboxHoverColor = "#003677";
export const amsCheckboxHoverTextDecorationThickness = "0.125rem";
export const amsColumnGapXSmall =
"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
export const amsColumnGapSmall =
"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
export const amsColumnGapMedium =
"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
export const amsColumnGapLarge =
"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
export const amsColumnGapXLarge =
"clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)";
export const amsDateInputBackgroundColor = "#ffffff";
export const amsDateInputBoxShadow = "inset 0 0 0 0.0625rem #181818";
export const amsDateInputColor = "#181818";
export const amsDateInputFontFamily = "'Amsterdam Sans', Arial, sans-serif";
export const amsDateInputFontSize =
"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
export const amsDateInputFontWeight = "400";
export const amsDateInputLineHeight = "1.6667";
export const amsDateInputOutlineOffset = "0.125rem";
export const amsDateInputPaddingBlock =
"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
export const amsDateInputPaddingInline =
"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
export const amsDateInputCalenderPickerIndicatorBackgroundImage =
"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 amsDateInputCalenderPickerIndicatorCursor = "pointer";
export const amsDateInputDisabledBackgroundColor = "#ffffff";
export const amsDateInputDisabledBoxShadow = "inset 0 0 0 0.0625rem #767676";
export const amsDateInputDisabledColor = "#767676";
export const amsDateInputDisabledCursor = "not-allowed";
export const amsDateInputDisabledCalenderPickerIndicatorBackgroundImage =
"url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23BEBEBE'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>\")";
export const amsDateInputHoverBoxShadow = "inset 0 0 0 0.125rem #181818";
export const amsDateInputHoverCalenderPickerIndicatorBackgroundImage =
"url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23102E62'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>\")";
export const amsDateInputInvalidBoxShadow = "inset 0 0 0 0.0625rem #ec0000";
export const amsDateInputInvalidHoverBoxShadow = "inset 0 0 0 0.125rem #b70000";
export const amsDescriptionListColor = "#181818";
export const amsDescriptionListColumnGap =
"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
export const amsDescriptionListFontFamily =
"'Amsterdam Sans', Arial, sans-serif";
export const amsDescriptionListFontSize =
"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
export const amsDescriptionListLineHeight = "1.6667";
export const amsDescriptionListRowGap =
"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
export const amsDescriptionListInverseColor = "#ffffff";
export const amsDescriptionListTermFontWeight = "800";
export const amsDescriptionListDescriptionFontWeight = "400";
export const amsDescriptionListDescriptionPaddingInlineStart =
"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
export const amsDescriptionListNarrowGridTemplateColumns = "1fr 4fr";
export const amsDescriptionListMediumGridTemplateColumns = "1fr 2fr";
export const amsDescriptionListWideGridTemplateColumns = "1fr 1fr";
export const amsDialogBackgroundColor = "#ffffff";
export const amsDialogBorder = "0.125rem solid #ffffff";
export const amsDialogGap = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
export const amsDialogInlineSize =
"calc(100% - 2 * clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem))";
export const amsDialogMaxBlockSize =
"calc(100dvh - 2 * clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem))";
export const amsDialogMaxInlineSize = "48rem";
export const amsDialogBackdropBackgroundColor = "rgb(24 24 24 / 62.5%)";
export const amsDialogHeaderGap =
"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
export const amsDialogHeaderPaddingBlock =
"clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem) 0";
export const amsDialogHeaderPaddingInline =
"clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)";
export const amsDialogBodyPaddingBlock = "0";
export const amsDialogBodyPaddingInline =
"clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)";
export const amsDialogFooterPaddingBlock =
"0 clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)";
export const amsDialogFooterPaddingInline =
"clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)";
export const amsErrorMessageColor = "#ec0000";
export const amsErrorMessageFontFamily = "'Amsterdam Sans', Arial, sans-serif";
export const amsErrorMessageFontSize =
"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
export const amsErrorMessageFontWeight = "400";
export const amsErrorMessageGap =
"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
export const amsErrorMessageLineHeight = "1.5152";
export const amsFieldSetInvalidBorderInlineStart = "0.1875rem solid #ec0000";
export const amsFieldSetInvalidPaddingInlineStart =
"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
export const amsFieldSetLegendColor = "#181818";
export const amsFieldSetLegendFontFamily =
"'Amsterdam Sans', Arial, sans-serif";
export const amsFieldSetLegendFontSize =
"clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)";
export const amsFieldSetLegendFontWeight = "800";
export const amsFieldSetLegendLineHeight = "1.2928";
export const amsFieldSetLegendMarginBlockEnd =
"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
export const amsFieldGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
export const amsFieldInvalidBorderInlineStart = "0.1875rem solid #ec0000";
export const amsFieldInvalidPaddingInlineStart =
"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
export const amsFigureGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
export const amsFigureCaptionColor = "#181818";
export const amsFigureCaptionFontFamily = "'Amsterdam Sans', Arial, sans-serif";
export const amsFigureCaptionFontSize =
"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
export const amsFigureCaptionFontWeight = "400";
export const amsFigureCaptionLineHeight = "1.5152";
export const amsFigureCaptionInverseColor = "#ffffff";
export const amsFileInputBackgroundColor = "#ffffff";
export const amsFileInputBorder = "0.0625rem dashed #181818";
export const amsFileInputColor = "#181818";
export const amsFileInputCursor = "pointer";
export const amsFileInputFontFamily = "'Amsterdam Sans', Arial, sans-serif";
export const amsFileInputFontSize =
"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
export const amsFileInputFontWeight = "400";
export const amsFileInputLineHeight = "1.6667";
export const amsFileInputOutlineOffset = "calc(0.125rem * 2)"; // Compensate for the dashed border
export const amsFileInputPaddingBlock =
"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
export const amsFileInputPaddingInline =
"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
export const amsFileInputDisabledColor = "#767676";
export const amsFileInputDisabledCursor = "not-allowed";
export const amsFileInputFileSelectorButtonBackgroundColor = "#ffffff";
export const amsFileInputFileSelectorButtonBoxShadow =
"inset 0 0 0 0.125rem #004699";
export const amsFileInputFileSelectorButtonColor = "#004699";
export const amsFileInputFileSelectorButtonCursor = "pointer";
export const amsFileInputFileSelectorButtonMarginInlineEnd =
"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
export const amsFileInputFileSelectorButtonPaddingBlock =
"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
export const amsFileInputFileSelectorButtonPaddingInline =
"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
export const amsFileInputFileSelectorButtonHoverBoxShadow =
"inset 0 0 0 0.1875rem #003677";
export const amsFileInputFileSelectorButtonHoverColor = "#003677";
export const amsFileInputFileSelectorButtonDisabledBoxShadow =
"inset 0 0 0 0.125rem #767676";
export const amsFileInputFileSelectorButtonDisabledColor = "#767676";
export const amsFileInputFileSelectorButtonDisabledCursor = "not-allowed";
export const amsFileInputFileSelectorButtonForcedColorModeBorder =
"0.125rem solid";
export const amsFileListGap = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
export const amsFileListPaddingBlock =
"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
export const amsFileListFileFontFamily = "'Amsterdam Sans', Arial, sans-serif";
export const amsFileListFileFontSize =
"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
export const amsFileListFileFontWeight = "400";
export const amsFileListFileGap =
"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
export const amsFileListFileLineHeight = "1.5152";
export const amsFileListFileDetailsColor = "#767676";
export const amsFileListFilePreviewWidth = "clamp(2.5rem, 10vw, 5rem)";
export const amsFooterMenuColumnGap =
"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
export const amsFooterMenuPaddingBlock =
"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
export const amsFooterMenuPaddingInline =
"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
export const amsFooterMenuRowGap =
"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
export const amsFooterMenuLinkColor = "#004699";
export const amsFooterMenuLinkFontFamily =
"'Amsterdam Sans', Arial, sans-serif";
export const amsFooterMenuLinkFontSize =
"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
export const amsFooterMenuLinkFontWeight = "400";
export const amsFooterMenuLinkLineHeight = "1.5152";
export const amsFooterMenuLinkOutlineOffset = "0.125rem";
export const amsFooterMenuLinkTextDecorationLine = "none";
export const amsFooterMenuLinkTextDecorationThickness = "0.125rem";
export const amsFooterMenuLinkTextUnderlineOffset = "0.3333em";
export const amsFooterMenuLinkHoverColor = "#003677";
export const amsFooterMenuLinkHoverTextDecorationLine = "underline";
export const amsFooterSpotlightBackgroundColor = "#004699";
export const amsGridColumnCount = "4";
export const amsGridColumnGap = "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)";
export const amsGridPaddingBlockS =
"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
export const amsGridPaddingBlockM =
"clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)";
export const amsGridPaddingBlockL =
"clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)";
export const amsGridPaddingInline =
"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
export const amsGridRowGapS = "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
export const amsGridRowGapM = "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)";
export const amsGridRowGapL = "clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)";
export const amsGridMediumColumnCount = "8";
export const amsGridMediumPaddingInline =
"clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)";
export const amsGridWideColumnCount = "12";
export const amsGridWidePaddingInline =
"clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)";
export const amsHeaderFontFamily = "'Amsterdam Sans', Arial, sans-serif";
export const amsHeaderPaddingBlock =
"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
export const amsHeaderPaddingInline =
"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)"; // Must be the Grid inline padding, to make sure Header and Grid line up
export const amsHeaderLogoLinkColumnGap =
"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
export const amsHeaderLogoLinkOutlineOffset = "0.125rem";
export const amsHeaderBrandNameColor = "#181818";
export const amsHeaderBrandNameFontSize =
"clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)";
export const amsHeaderBrandNameFontWeight = "800";
export const amsHeaderMegaMenuButtonCursor = "pointer";
export const amsHeaderMegaMenuButtonLabelOpenFontWeight = "800";
export const amsHeaderMenuColumnGap =
"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
export const amsHeaderMenuRowGap =
"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
export const amsHeaderMenuItemColor = "#004699";
export const amsHeaderMenuItemColumnGap =
"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
export const amsHeaderMenuItemFontFamily =
"'Amsterdam Sans', Arial, sans-serif";
export const amsHeaderMenuItemFontSize =
"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
export const amsHeaderMenuItemFontWeight = "400";
export const amsHeaderMenuItemLineHeight = "1.6667";
export const amsHeaderMenuItemOutlineOffset = "0.125rem";
export const amsHeaderMenuItemPaddingBlock =
"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
export const amsHeaderMenuItemHoverColor = "#003677";
export const amsHeaderMenuLinkTextDecorationLine = "none";
export const amsHeaderMenuLinkTextDecorationThickness = "0.125rem";
export const amsHeaderMenuLinkTextUnderlineOffset = "0.3333em";
export const amsHeaderMenuLinkHoverTextDecorationLine = "underline";
export const amsHeaderNavigationColumnGap =
"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
export const amsHeaderNavigationRowGap =
"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
export const amsHeading_1FontSize =
"clamp(2.0842rem, calc(1.6897rem + 1.9724vw), 3.6621rem)";
export const amsHeading_1LineHeight = "1.1754";
export const amsHeading_2FontSize =
"clamp(1.7865rem, calc(1.5007rem + 1.429vw), 2.9297rem)";
export const amsHeading_2LineHeight = "1.2133";
export const amsHeading_3FontSize =
"clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)";
export const amsHeading_3LineHeight = "1.2524";
export const amsHeading_4FontSize =
"clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)";
export const amsHeading_4LineHeight = "1.2928";
export const amsHeading_5FontSize =
"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
export const amsHeading_5LineHeight = "1.3345";
export const amsHeading_6FontSize =
"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
export const amsHeading_6LineHeight = "1.3776";
export const amsHeadingColor = "#181818";
export const amsHeadingFontFamily = "'Amsterdam Sans', Arial, sans-serif";
export const amsHeadingFontWeight = "800";
export const amsHeadingInverseColor = "#ffffff";
export const amsHintColor = "#767676";
export const amsIconButtonColor = "#004699";
export const amsIconButtonCursor = "pointer";
export const amsIconButtonOutlineOffset = "0.125rem";
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 = "#000000";
export const amsIconButtonContrastHoverBackgroundColor = "rgb(0 0 0 / 12.5%)";
export const amsIconButtonContrastHoverColor = "#000000";
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, calc(1.0313rem + 0.4688vw), 1.5rem)";
export const amsIconLineHeight = "1.6667";
export const amsIconSmallFontSize =
"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
export const amsIconSmallLineHeight = "1.5152";
export const amsIconLargeFontSize =
"clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)";
export const amsIconLargeLineHeight = "1.5152";
export const amsIconHeading_3FontSize =
"clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)";
export const amsIconHeading_3LineHeight = "1.2524";
export const amsIconHeading_4FontSize =
"clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)";
export const amsIconHeading_4LineHeight = "1.2928";
export const amsIconHeading_5FontSize =
"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
export const amsIconHeading_5LineHeight = "1.3345";
export const amsIconHeading_6FontSize =
"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
export const amsIconHeading_6LineHeight = "1.3776";
export const amsIconInverseColor = "#ffffff";
export const amsImageSliderGap =
"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
export const amsImageSliderScrollerGap =
"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
export const amsImageSliderScrollerOutlineOffset = "0.125rem";
export const amsImageSliderThumbnailsGap =
"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
export const amsImageSliderThumbnailsThumbnailBackgroundColor = "transparent";
export const amsImageSliderThumbnailsThumbnailCursor = "pointer";
export const amsImageSliderThumbnailsThumbnailOpacity = "40%";
export const amsImageSliderThumbnailsThumbnailOutlineOffset = "0.125rem";
export const amsImageSliderThumbnailsThumbnailInViewOpacity = "100%";
export const amsImageSliderThumbnailsThumbnailHoverOpacity = "100%";
export const amsImageAspectRatio = "16 / 9";
export const amsInvalidFormAlertOutlineOffset = "0.125rem";
export const amsLabelColor = "#181818";
export const amsLabelFontFamily = "'Amsterdam Sans', Arial, sans-serif";
export const amsLabelFontSize =
"clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)";
export const amsLabelFontWeight = "800";
export const amsLabelLineHeight = "1.2928";
export const amsLinkListGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
export const amsLinkListLinkColor = "#004699";
export const amsLinkListLinkFontFamily = "'Amsterdam Sans', Arial, sans-serif";
export const amsLinkListLinkFontSize =
"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
export const amsLinkListLinkFontWeight = "400";
export const amsLinkListLinkGap =
"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
export const amsLinkListLinkLineHeight = "1.6667";
export const amsLinkListLinkOutlineOffset = "0.125rem";
export const amsLinkListLinkTextDecorationLine = "none";
export const amsLinkListLinkTextDecorationThickness = "0.125rem";
export const amsLinkListLinkTextUnderlineOffset = "0.3333em";
export const amsLinkListLinkSmallFontSize =
"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
export const amsLinkListLinkSmallLineHeight = "1.5152";
export const amsLinkListLinkLargeFontSize =
"clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)";
export const amsLinkListLinkLargeLineHeight = "1.5152";
export const amsLinkListLinkHoverColor = "#003677";
export const amsLinkListLinkHoverTextDecorationLine = "underline";
export const amsLinkListLinkContrastColor = "#000000";
export const amsLinkListLinkContrastHoverColor = "#000000";
export const amsLinkListLinkInverseColor = "#ffffff";
export const amsLinkListLinkInverseHoverColor = "#ffffff";
export const amsLinkColor = "#004699";
export const amsLinkFontFamily = "'Amsterdam Sans', Arial, sans-serif";
export const amsLinkFontWeight = "400";
export const amsLinkOutlineOffset = "0.125rem";
export const amsLinkHoverColor = "#003677";
export const amsLinkInlineTextDecorationThickness = "0.125rem";
export const amsLinkInlineTextUnderlineOffset = "0.3333em";
export const amsLinkInlineFontFamily = "inherit";
export const amsLinkInlineFontSize = "inherit";
export const amsLinkInlineLineHeight = "inherit";
export const amsLinkInlineHoverTextDecorationThickness = "0.1875rem";
export const amsLinkInlineHoverTextUnderlineOffset = "0.2778em";
export const amsLinkStandaloneFontSize =
"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
export const amsLinkStandaloneLineHeight = "1.6667";
export const amsLinkStandaloneTextDecorationThickness = "0.125rem";
export const amsLinkStandaloneTextUnderlineOffset = "0.3333em";
export const amsLinkStandaloneHoverTextDecorationThickness = "0.1875rem";
export const amsLinkStandaloneHoverTextUnderlineOffset = "0.2778em";
export const amsLinkContrastColor = "#000000";
export const amsLinkContrastHoverColor = "#000000";
export const amsLinkInverseColor = "#ffffff";
export const amsLinkInverseHoverColor = "#ffffff";
export const amsLogoBlockSize = "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)";
export const amsLogoMinBlockSize = "2.5rem";
export const amsLogoEmblemColor = "#ec0000";
export const amsLogoSubsiteColor = "#181818";
export const amsLogoTitleColor = "#ec0000";
export const amsMarkBackgroundColor = "#ffe600";
export const amsMegaMenuListCategoryColumnGap =
"clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)"; // Must have the same value as `ams.grid.column-gap`.
export const amsMegaMenuListCategoryColumnWidth = "20rem";
export const amsMegaMenuListCategoryPaddingBlockStart =
"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
export const amsMegaMenuListCategoryPaddingBlockEnd =
"clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)"; // Must have the same value as `ams.grid.row-gap.md`.
export const amsOrderedListColor = "#181818";
export const amsOrderedListFontFamily = "'Amsterdam Sans', Arial, sans-serif";
export const amsOrderedListFontSize =
"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
export const amsOrderedListFontWeight = "400";
export const amsOrderedListGap =
"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
export const amsOrderedListLineHeight = "1.6667";
export const amsOrderedListListStyleType = "decimal";
export const amsOrderedListSmallFontSize =
"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
export const amsOrderedListSmallLineHeight = "1.5152";
export const amsOrderedListInverseColor = "#ffffff";
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 amsOrderedListOrderedListGap =
"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
export const amsOrderedListOrderedListListStyleType = "lower-alpha";
export const amsOrderedListOrderedListPaddingBlockEnd = "0";
export const amsOrderedListOrderedListPaddingBlockStart =
"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
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 = "#181818";
export const amsPageHeadingFontFamily = "'Amsterdam Sans', Arial, sans-serif";
export const amsPageHeadingFontSize =
"clamp(2.4316rem, calc(1.8951rem + 2.6826vw), 4.5776rem)";
export const amsPageHeadingFontWeight = "800";
export const amsPageHeadingLineHeight = "1.1386";
export const amsPageHeadingInverseColor = "#ffffff";
export const amsPageMenuColumnGap =
"clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)";
export const amsPageMenuRowGap =
"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
export const amsPageMenuItemColor = "#004699";
export const amsPageMenuItemFontFamily = "'Amsterdam Sans', Arial, sans-serif";
export const amsPageMenuItemFontSize =
"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
export const amsPageMenuItemFontWeight = "400";
export const amsPageMenuItemGap =
"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
export const amsPageMenuItemLineHeight = "1.5152";
export const amsPageMenuItemOutlineOffset = "0.125rem";
export const amsPageMenuItemTextDecorationLine = "none";
export const amsPageMenuItemTextDecorationThickness = "0.125rem";
export const amsPageMenuItemTextUnderlineOffset = "0.3333em";
export const amsPageMenuItemHoverColor = "#003677";
export const amsPageMenuItemHoverTextDecorationLine = "underline";
export const amsPaginationFontFamily = "'Amsterdam Sans', Arial, sans-serif";
export const amsPaginationFontSize =
"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
export const amsPaginationFontWeight = "400";
export const amsPaginationLineHeight = "1.6667";
export const amsPaginationLinkColor = "#004699";
export const amsPaginationLinkGap =
"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
export const amsPaginationLinkOutlineOffset = "0.125rem";
export const amsPaginationLinkPaddingInline =
"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
export const amsPaginationLinkTextDecorationLine = "none";
export const amsPaginationLinkTextDecorationThickness = "0.125rem";
export const amsPaginationLinkTextUnderlineOffset = "0.3333em";
export const amsPaginationLinkCurrentFontWeight = "800";
export const amsPaginationLinkHoverColor = "#003677";
export const amsPaginationLinkHoverTextDecorationLine = "underline";
export const amsParagraphColor = "#181818";
export const amsParagraphFontFamily = "'Amsterdam Sans', Arial, sans-serif";
export const amsParagraphFontSize =
"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
export const amsParagraphFontWeight = "400";
export const amsParagraphLineHeight = "1.6667";
export const amsParagraphInverseColor = "#ffffff";
export const amsParagraphSmallFontSize =
"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)";
export const amsParagraphSmallLineHeight = "1.5152";
export const amsParagraphLargeFontSize =
"clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)";
export const amsParagraphLargeLineHeight = "1.5152";
export const amsPasswordInputBackgroundColor = "#ffffff";
export const amsPasswordInputBoxShadow = "inset 0 0 0 0.0625rem #181818";
export const amsPasswordInputColor = "#181818";
export const amsPasswordInputFontFamily = "'Amsterdam Sans', Arial, sans-serif";
export const amsPasswordInputFontSize =
"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
export const amsPasswordInputFontWeight = "400";
export const amsPasswordInputLineHeight = "1.6667";
export const amsPasswordInputOutlineOffset = "0.125rem";
export const amsPasswordInputPaddingBlock =
"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
export const amsPasswordInputPaddingInline =
"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
export const amsPasswordInputDisabledBackgroundColor = "#ffffff";
export const amsPasswordInputDisabledBoxShadow =
"inset 0 0 0 0.0625rem #767676";
export const amsPasswordInputDisabledColor = "#767676";
export const amsPasswordInputDisabledCursor = "not-allowed";
export const amsPasswordInputHoverBoxShadow = "inset 0 0 0 0.125rem #181818";
export const amsPasswordInputInvalidBoxShadow = "inset 0 0 0 0.0625rem #ec0000";
export const amsPasswordInputInvalidHoverBoxShadow =
"inset 0 0 0 0.125rem #b70000";
export const amsPasswordInputPlaceholderColor = "#767676";
export const amsRadioColor = "#181818";
export const amsRadioCursor = "pointer";
export const amsRadioFontFamily = "'Amsterdam Sans', Arial, sans-serif";
export const amsRadioFontSize =
"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
export const amsRadioFontWeight = "400";
export const amsRadioGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
export const amsRadioLineHeight = "1.6667";
export const amsRadioOutlineOffset = "0.125rem";
export const amsRadioTextDecorationThickness = "0.125rem";
export const amsRadioTextUnderlineOffset = "0.3333em";
export const amsRadioCheckedIndicatorFill = "#004699";
export const amsRadioCheckedIndicatorDisabledFill = "#767676";
export const amsRadioCheckedIndicatorDisabledInvalidFill = "#767676";
export const amsRadioCheckedIndicatorDisabledInvalidHoverFill = "#767676";
export const amsRadioCheckedIndicatorHoverFill = "#003677";
export const amsRadioCheckedIndicatorInvalidFill = "#ec0000";
export const amsRadioCheckedIndicatorInvalidHoverFill = "#b70000";
export const amsRadioHoverIndicatorStrokeWidth = "3px";
export const amsRadioHoverIndicatorHoverStroke = "#003677";
export const amsRadioHoverIndicatorInvalidHoverStroke = "#b70000";
export const amsRadioCircleFill = "#ffffff";
export const amsRadioCircleStroke = "#004699";
export const amsRadioCircleStrokeWidth = "2px";
export const amsRadioCircleDisabledStroke = "#767676";
export const amsRadioCircleDisabledInvalidStroke = "#767676";
export const amsRadioCircleDisabledInvalidHoverStroke = "#767676";
export const amsRadioCircleHoverStroke = "#003677";
export const amsRadioCircleInvalidStroke = "#ec0000";
export const amsRadioCircleInvalidHoverStroke = "#b70000";
export const amsRadioDisabledColor = "#767676";
export const amsRadioDisabledCursor = "not-allowed";
export const amsRadioHoverColor = "#003677";
export const amsRadioHoverTextDecorationLine = "underline";
export const amsRadioIconContainerBlockSize =
"calc(clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem) * 1.6667)";
export const amsRadioIconContainerInlineSize = "1.5rem";
export const amsRowGapXSmall =
"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)";
export const amsRowGapSmall = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
export const amsRowGapMedium = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
export const amsRowGapLarge = "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)";
export const amsRowGapXLarge = "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)";
export const amsScreenBackgroundColor = "#ffffff";
export const amsScreenWideMaxInlineSize = "100rem";
export const amsScreenXWideMaxInlineSize = "132rem";
export const amsSearchFieldInputBackgroundColor = "#ffffff";
export const amsSearchFieldInputBoxShadow = "inset 0 0 0 0.0625rem #181818";
export const amsSearchFieldInputColor = "#181818";
export const amsSearchFieldInputFontFamily =
"'Amsterdam Sans', Arial, sans-serif";
export const amsSearchFieldInputFontSize =
"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
export const amsSearchFieldInputFontWeight = "400";
export const amsSearchFieldInputLineHeight = "1.6667";
export const amsSearchFieldInputOutlineOffset = "0.125rem";
export const amsSearchFieldInputPaddingBlock =
"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
export const amsSearchFieldInputPaddingInline =
"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)";
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 amsSearchFieldInputCancelButtonBlockSize =
"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
export const amsSearchFieldInputCancelButtonColor = "#004699";
export const amsSearchFieldInputCancelButtonCursor = "pointer";
export const amsSearchFieldInputCancelButtonInlineSize =
"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
export const amsSearchFieldInputHoverBoxShadow = "inset 0 0 0 0.125rem #181818";
export const amsSearchFieldInputInvalidBoxShadow =
"inset 0 0 0 0.0625rem #ec0000";
export const amsSearchFieldInputInvalidHoverBoxShadow =
"inset 0 0 0 0.125rem #b70000";
export const amsSearchFieldInputPlaceholderColor = "#767676";
export const amsSelectBackgroundColor = "#ffffff";
export const amsSelectBackgroundImage =
"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='m16 25.757-16-16 2.91-2.9L16 19.937l13.09-13.08 2.91 2.9z'/></svg>\")";
export const amsSelectBackgroundPosition =
"right clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem) center";
export const amsSelectBoxShadow = "inset 0 0 0 0.0625rem #181818";
export const amsSelectColor = "#181818";
export const amsSelectFontFamily = "'Amsterdam Sans', Arial, sans-serif";
export const amsSelectFontSize =
"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)";
export const amsSelectFontWeight = "400";
export const amsSelectLineHeight = "1.6667";
export const amsSelectOutlineOffset = "0.125rem";
export const amsSelectPaddingBlock =
"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)";
export const amsSelectPaddingInline =
"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem) calc(2 * clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem) + 1em)";
export const amsSelectDisabledBackgroundImage =
"url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23BEBEBE' fill-rule='evenodd' d='m16 25.757-16-16 2.91-2.9L16 19.937l13.09-13.08 2.91 2.9z'/></svg>\")";
export const amsSelectDisabledBoxShadow = "inset 0 0 0 0.0625rem #767676";
export const amsSelectDisabledColor = "#767676";
export const amsSelectDisabledCursor = "not-allowed";
export const amsSelectHoverBoxShadow = "inset 0 0 0 0.125rem #181818";
export const amsSelectInvalidBoxShadow = "inset 0 0 0 0.0625rem #ec0000";
export const amsSelectInvalidHover