@amsterdam/design-system-tokens 0.1.8 → 0.3.0

package/dist/index.json

@@ -24,34 +24,49 @@
   "amsterdamTypographyFontFamily": "'Amsterdam Sans', Arial, sans-serif",
   "amsterdamTypographyFontWeightNormal": 400,
   "amsterdamTypographyFontWeightBold": 800,
-  "amsterdamTypographyTextLevel0NarrowFontSize": "clamp(2rem, calc(2rem + (2 * (100vw - 20rem)) / 33.3125), 4rem)",
-  "amsterdamTypographyTextLevel0WideFontSize": "clamp(4rem, calc(4rem + (1 * (100vw - 53.375rem)) / 36.625), 5rem)",
-  "amsterdamTypographyTextLevel0LineHeight": "1.1",
-  "amsterdamTypographyTextLevel1NarrowFontSize": "clamp(2rem, calc(2rem + (1 * (100vw - 20rem)) / 33.3125), 3rem)",
-  "amsterdamTypographyTextLevel1WideFontSize": "clamp(3rem, calc(3rem + (0.5 * (100vw - 53.375rem)) / 36.625), 3.5rem)",
-  "amsterdamTypographyTextLevel1LineHeight": "1.2",
-  "amsterdamTypographyTextLevel2NarrowFontSize": "clamp(1.75rem, calc(1.75rem + (0.5 * (100vw - 20rem)) / 33.3125), 2.25rem)",
-  "amsterdamTypographyTextLevel2WideFontSize": "clamp(2.25rem, calc(2.25rem + (0.25 * (100vw - 53.375rem)) / 36.625), 2.5rem)",
-  "amsterdamTypographyTextLevel2LineHeight": "1.3",
-  "amsterdamTypographyTextLevel3NarrowFontSize": "clamp(1.5rem, calc(1.5rem + (0.3125 * (100vw - 20rem)) / 33.3125), 1.8125rem)",
-  "amsterdamTypographyTextLevel3WideFontSize": "clamp(1.8125rem, calc(1.8125rem + (0.1875 * (100vw - 53.375rem)) / 36.625), 2rem)",
-  "amsterdamTypographyTextLevel3LineHeight": "1.4",
-  "amsterdamTypographyTextLevel4NarrowFontSize": "clamp(1.25rem, calc(1.25rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.4375rem)",
-  "amsterdamTypographyTextLevel4WideFontSize": "clamp(1.4375rem, calc(1.4375rem + (0.125 * (100vw - 53.375rem)) / 36.625), 1.5625rem)",
-  "amsterdamTypographyTextLevel4LineHeight": "1.4",
-  "amsterdamTypographyTextLevel5NarrowFontSize": "clamp(1.375rem, calc(1.375rem + (0.25 * (100vw - 20rem)) / 33.3125), 1.625rem)",
-  "amsterdamTypographyTextLevel5WideFontSize": "clamp(1.625rem, calc(1.625rem + (0.125 * (100vw - 53.375rem)) / 36.625), 1.75rem)",
-  "amsterdamTypographyTextLevel5LineHeight": "1.5",
-  "amsterdamTypographyTextLevel6NarrowFontSize": "clamp(1.125rem, calc(1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.3125rem)",
-  "amsterdamTypographyTextLevel6WideFontSize": "clamp(1.3125rem, calc(1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.375rem)",
-  "amsterdamTypographyTextLevel6LineHeight": "1.6",
-  "amsterdamTypographyTextLevel7NarrowFontSize": "clamp(1rem, calc(1rem + (0.0625 * (100vw - 20rem)) / 33.3125), 1.0625rem)",
-  "amsterdamTypographyTextLevel7WideFontSize": "clamp(1.0625rem, calc(1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.125rem)",
-  "amsterdamTypographyTextLevel7LineHeight": "1.6",
+  "amsterdamTypographySpaciousTextLevel0FontSize": "clamp(2.432rem, calc(2.683vw + 1.895rem), 4.578rem)",
+  "amsterdamTypographySpaciousTextLevel0LineHeight": "1.15",
+  "amsterdamTypographySpaciousTextLevel1FontSize": "clamp(2.084rem, calc(1.973vw + 1.69rem), 3.662rem)",
+  "amsterdamTypographySpaciousTextLevel1LineHeight": "1.2",
+  "amsterdamTypographySpaciousTextLevel2FontSize": "clamp(1.786rem, calc(1.43vw + 1.5rem), 2.93rem)",
+  "amsterdamTypographySpaciousTextLevel2LineHeight": "1.25",
+  "amsterdamTypographySpaciousTextLevel3FontSize": "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)",
+  "amsterdamTypographySpaciousTextLevel3LineHeight": "1.3",
+  "amsterdamTypographySpaciousTextLevel4FontSize": "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)",
+  "amsterdamTypographySpaciousTextLevel4LineHeight": "1.5",
+  "amsterdamTypographySpaciousTextLevel5FontSize": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
+  "amsterdamTypographySpaciousTextLevel5LineHeight": "1.6",
+  "amsterdamTypographySpaciousTextLevel6FontSize": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
+  "amsterdamTypographySpaciousTextLevel6LineHeight": "1.6",
+  "amsterdamTypographyCompactTextLevel0FontSize": "clamp(1.891rem, calc(1.927vw + 1.506rem), 3.433rem)",
+  "amsterdamTypographyCompactTextLevel0LineHeight": "1.15",
+  "amsterdamTypographyCompactTextLevel1FontSize": "clamp(1.621rem, calc(1.408vw + 1.34rem), 2.747rem)",
+  "amsterdamTypographyCompactTextLevel1LineHeight": "1.2",
+  "amsterdamTypographyCompactTextLevel2FontSize": "clamp(1.389rem, calc(1.01vw + 1.187rem), 2.197rem)",
+  "amsterdamTypographyCompactTextLevel2LineHeight": "1.25",
+  "amsterdamTypographyCompactTextLevel3FontSize": "clamp(1.191rem, calc(0.709vw + 1.049rem), 1.758rem)",
+  "amsterdamTypographyCompactTextLevel3LineHeight": "1.3",
+  "amsterdamTypographyCompactTextLevel4FontSize": "clamp(1.021rem, calc(0.481vw + 0.925rem), 1.406rem)",
+  "amsterdamTypographyCompactTextLevel4LineHeight": "1.5",
+  "amsterdamTypographyCompactTextLevel5FontSize": "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)",
+  "amsterdamTypographyCompactTextLevel5LineHeight": "1.6",
+  "amsterdamTypographyCompactTextLevel6FontSize": "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)",
+  "amsterdamTypographyCompactTextLevel6LineHeight": "1.6",
   "amsterdamBorderWidthSm": "1px",
   "amsterdamBorderWidthMd": "2px",
   "amsterdamBorderWidthLg": "3px",
   "amsterdamFocusOutlineOffset": "2px",
+  "amsterdamLinkAppearanceColor": "#004699",
+  "amsterdamLinkAppearanceTextDecorationThickness": "0.125rem",
+  "amsterdamLinkAppearanceTextUnderlineOffset": "0.375rem",
+  "amsterdamLinkAppearanceHoverColor": "#102E62",
+  "amsterdamLinkAppearanceOnBackgroundDarkColor": "#ffffff",
+  "amsterdamLinkAppearanceOnBackgroundLightColor": "#000000",
+  "amsterdamLinkAppearanceRegularTextDecorationLine": "underline",
+  "amsterdamLinkAppearanceRegularHoverTextDecorationThickness": "0.1875rem",
+  "amsterdamLinkAppearanceRegularHoverTextUnderlineOffset": "0.3125rem",
+  "amsterdamLinkAppearanceSubtleTextDecorationLine": "none",
+  "amsterdamLinkAppearanceSubtleHoverTextDecorationLine": "underline",
   "amsterdamSpacingInsetSm": "0.5rem",
   "amsterdamSpacingInsetMd": "1rem",
   "amsterdamSpacingInsetLg": "1.5rem",
@@ -60,10 +75,11 @@
   "amsterdamAccordionButtonFocusOutlineOffset": "2px",
   "amsterdamAccordionButtonFontFamily": "'Amsterdam Sans', Arial, sans-serif",
   "amsterdamAccordionButtonFontWeight": 800,
-  "amsterdamAccordionButtonLineHeight": "1.5",
-  "amsterdamAccordionButtonNarrowFontSize": "clamp(1.375rem, calc(1.375rem + (0.25 * (100vw - 20rem)) / 33.3125), 1.625rem)",
-  "amsterdamAccordionButtonWideFontSize": "clamp(1.625rem, calc(1.625rem + (0.125 * (100vw - 53.375rem)) / 36.625), 1.75rem)",
   "amsterdamAccordionButtonHoverBoxShadow": "inset 0 0 0 2px #767676",
+  "amsterdamAccordionButtonSpaciousFontSize": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
+  "amsterdamAccordionButtonSpaciousLineHeight": "1.6",
+  "amsterdamAccordionButtonCompactFontSize": "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)",
+  "amsterdamAccordionButtonCompactLineHeight": "1.6",
   "amsterdamAlertBackgroundColor": "#FFE600",
   "amsterdamAlertBorder": "4px solid #FFE600",
   "amsterdamAlertGap": "1rem",
@@ -74,9 +90,10 @@
   "amsterdamAlertTitleColor": "#000000",
   "amsterdamAlertTitleFontFamily": "'Amsterdam Sans', Arial, sans-serif",
   "amsterdamAlertTitleFontWeight": 800,
-  "amsterdamAlertTitleLineHeight": "1.5",
-  "amsterdamAlertTitleNarrowFontSize": "clamp(1.375rem, calc(1.375rem + (0.25 * (100vw - 20rem)) / 33.3125), 1.625rem)",
-  "amsterdamAlertTitleWideFontSize": "clamp(1.625rem, calc(1.625rem + (0.125 * (100vw - 53.375rem)) / 36.625), 1.75rem)",
+  "amsterdamAlertTitleSpaciousFontSize": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
+  "amsterdamAlertTitleSpaciousLineHeight": "1.6",
+  "amsterdamAlertTitleCompactFontSize": "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)",
+  "amsterdamAlertTitleCompactLineHeight": "1.6",
   "amsterdamAlertErrorBackgroundColor": "#ffffff",
   "amsterdamAlertErrorBorderColor": "#EC0000",
   "amsterdamAlertSuccessBackgroundColor": "#ffffff",
@@ -94,29 +111,39 @@
   "amsterdamBlockquoteFontFamily": "'Amsterdam Sans', Arial, sans-serif",
   "amsterdamBlockquoteFontWeight": 800,
   "amsterdamBlockquoteInverseColor": "#ffffff",
-  "amsterdamBlockquoteLineHeight": "1.4",
-  "amsterdamBlockquoteNarrowFontSize": "clamp(1.5rem, calc(1.5rem + (0.3125 * (100vw - 20rem)) / 33.3125), 1.8125rem)",
-  "amsterdamBlockquoteWideFontSize": "clamp(1.8125rem, calc(1.8125rem + (0.1875 * (100vw - 53.375rem)) / 36.625), 2rem)",
-  "amsterdamBreadcrumbColor": "#004699",
+  "amsterdamBlockquoteSpaciousFontSize": "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)",
+  "amsterdamBlockquoteSpaciousLineHeight": "1.3",
+  "amsterdamBlockquoteCompactFontSize": "clamp(1.191rem, calc(0.709vw + 1.049rem), 1.758rem)",
+  "amsterdamBlockquoteCompactLineHeight": "1.3",
   "amsterdamBreadcrumbFontFamily": "'Amsterdam Sans', Arial, sans-serif",
   "amsterdamBreadcrumbFontWeight": 400,
-  "amsterdamBreadcrumbLineHeight": "1.6",
-  "amsterdamBreadcrumbNarrowFontSize": "clamp(1rem, calc(1rem + (0.0625 * (100vw - 20rem)) / 33.3125), 1.0625rem)",
-  "amsterdamBreadcrumbWideFontSize": "clamp(1.0625rem, calc(1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.125rem)",
+  "amsterdamBreadcrumbSeparatorBackgroundImage": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23000000' fill-rule='evenodd' d='m9.757 32-2.9-2.91L19.937 16 6.857 2.91 9.757 0l16 16z'/></svg>\")",
+  "amsterdamBreadcrumbItemLinkColor": "#004699",
   "amsterdamBreadcrumbItemLinkOutlineOffset": "2px",
+  "amsterdamBreadcrumbItemLinkTextDecorationLine": "none",
+  "amsterdamBreadcrumbItemLinkTextDecorationThickness": "0.125rem",
+  "amsterdamBreadcrumbItemLinkTextUnderlineOffset": "0.375rem",
   "amsterdamBreadcrumbItemLinkHoverColor": "#102E62",
-  "amsterdamBreadcrumbItemLinkHoverBoxShadow": "inset 0 -2px 0 0 #102E62",
-  "amsterdamBreadcrumbItemLinkFocusColor": "#102E62",
-  "amsterdamBreadcrumbItemLinkFocusTextDecoration": "underline",
-  "amsterdamButtonNarrowFontSize": "clamp(1.125rem, calc(1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.3125rem)",
-  "amsterdamButtonWideFontSize": "clamp(1.3125rem, calc(1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.375rem)",
+  "amsterdamBreadcrumbItemLinkHoverTextDecorationLine": "underline",
+  "amsterdamBreadcrumbSpaciousFontSize": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
+  "amsterdamBreadcrumbSpaciousLineHeight": "1.6",
+  "amsterdamBreadcrumbCompactFontSize": "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)",
+  "amsterdamBreadcrumbCompactLineHeight": "1.6",
+  "amsterdamButtonSpaciousFontSize": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
+  "amsterdamButtonSpaciousLineHeight": "1.6",
+  "amsterdamButtonCompactFontSize": "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)",
+  "amsterdamButtonCompactLineHeight": "1.6",
   "amsterdamButtonSecondaryBoxShadow": "inset 0 0 0 2px #004699",
   "amsterdamButtonSecondaryHoverBoxShadow": "inset 0 0 0 3px #102E62",
   "amsterdamButtonSecondaryDisabledBoxShadow": "inset 0 0 0 2px #B4B4B4",
   "amsterdamButtonSecondaryFocusBoxShadow": "inset 0 0 0 2px #004699",
-  "amsterdamButtonTertiaryHoverBoxShadow": "inset 0 0 0 2px #767676",
+  "amsterdamButtonTertiaryHoverBoxShadow": "inset 0 0 0 2px #102E62",
   "amsterdamCardLinkColor": "#004699",
+  "amsterdamCardLinkTextDecorationLine": "none",
+  "amsterdamCardLinkTextDecorationThickness": "0.125rem",
+  "amsterdamCardLinkTextUnderlineOffset": "0.375rem",
   "amsterdamCardLinkHoverColor": "#102E62",
+  "amsterdamCardLinkHoverTextDecorationLine": "underline",
   "amsterdamCardOutlineOffset": "2px",
   "amsterdamCheckboxColor": "#000000",
   "amsterdamCheckboxCheckmarkBorderColor": "#004699",
@@ -136,26 +163,25 @@
   "amsterdamCheckboxCheckmarkInvalidIndeterminateHoverBackgroundColor": "#EC0000",
   "amsterdamCheckboxCheckmarkIndeterminateBackgroundColor": "#004699",
   "amsterdamCheckboxCheckmarkIndeterminateHoverBackgroundColor": "#102E62",
-  "amsterdamCheckboxCheckmarkNarrowSize": "clamp(1.125rem, calc(1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.3125rem)",
-  "amsterdamCheckboxCheckmarkWideSize": "clamp(1.3125rem, calc(1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.375rem)",
-  "amsterdamCheckboxCheckmarkMultiplier": "1.6",
   "amsterdamCheckboxDisabledColor": "#767676",
   "amsterdamCheckboxFontFamily": "'Amsterdam Sans', Arial, sans-serif",
   "amsterdamCheckboxFontWeight": 400,
   "amsterdamCheckboxHoverColor": "#102E62",
   "amsterdamCheckboxOutlineOffset": "2px",
-  "amsterdamCheckboxLineHeight": "1.6",
-  "amsterdamCheckboxNarrowFontSize": "clamp(1.125rem, calc(1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.3125rem)",
-  "amsterdamCheckboxWideFontSize": "clamp(1.3125rem, calc(1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.375rem)",
+  "amsterdamCheckboxSpaciousFontSize": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
+  "amsterdamCheckboxSpaciousLineHeight": "1.6",
+  "amsterdamCheckboxCompactFontSize": "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)",
+  "amsterdamCheckboxCompactLineHeight": "1.6",
   "amsterdamDialogBackgroundColor": "#ffffff",
   "amsterdamDialogBorder": "0",
   "amsterdamDialogMaxInlineSize": "min(87.69vw, 45rem)",
   "amsterdamDialogTitleColor": "#000000",
   "amsterdamDialogTitleFontFamily": "'Amsterdam Sans', Arial, sans-serif",
   "amsterdamDialogTitleFontWeight": 800,
-  "amsterdamDialogTitleLineHeight": "1.5",
-  "amsterdamDialogTitleNarrowFontSize": "clamp(1.375rem, calc(1.375rem + (0.25 * (100vw - 20rem)) / 33.3125), 1.625rem)",
-  "amsterdamDialogTitleWideFontSize": "clamp(1.625rem, calc(1.625rem + (0.125 * (100vw - 53.375rem)) / 36.625), 1.75rem)",
+  "amsterdamDialogTitleSpaciousFontSize": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
+  "amsterdamDialogTitleSpaciousLineHeight": "1.6",
+  "amsterdamDialogTitleCompactFontSize": "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)",
+  "amsterdamDialogTitleCompactLineHeight": "1.6",
   "amsterdamDialogBackdropBackground": "#0006",
   "amsterdamDialogCloseBackgroundColor": "transparent",
   "amsterdamDialogCloseFill": "#000000",
@@ -171,83 +197,94 @@
   "amsterdamFormLabelColor": "#000000",
   "amsterdamFormLabelFontFamily": "'Amsterdam Sans', Arial, sans-serif",
   "amsterdamFormLabelFontWeight": 800,
-  "amsterdamFormLabelLineHeight": "1.6",
-  "amsterdamFormLabelNarrowFontSize": "clamp(1rem, calc(1rem + (0.0625 * (100vw - 20rem)) / 33.3125), 1.0625rem)",
-  "amsterdamFormLabelWideFontSize": "clamp(1.0625rem, calc(1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.125rem)",
+  "amsterdamFormLabelSpaciousFontSize": "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)",
+  "amsterdamFormLabelSpaciousLineHeight": "1.5",
+  "amsterdamFormLabelCompactFontSize": "clamp(1.021rem, calc(0.481vw + 0.925rem), 1.406rem)",
+  "amsterdamFormLabelCompactLineHeight": "1.5",
   "amsterdamGridColumnCount": "4",
-  "amsterdamGridDensityLowGap": "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)",
-  "amsterdamGridDensityLowPaddingInline": "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)",
-  "amsterdamGridDensityHighGap": "clamp(1rem, calc(1.5625vw - 0.0625rem), 2.5rem)",
-  "amsterdamGridDensityHighPaddingInline": "clamp(1rem, calc(1.5625vw - 0.0625rem), 2.5rem)",
+  "amsterdamGridSpaciousGap": "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)",
+  "amsterdamGridSpaciousPaddingInline": "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)",
+  "amsterdamGridCompactGap": "clamp(1rem, calc(1.5625vw - 0.0625rem), 2.5rem)",
+  "amsterdamGridCompactPaddingInline": "clamp(1rem, calc(1.5625vw - 0.0625rem), 2.5rem)",
   "amsterdamGridMediumColumnCount": "8",
   "amsterdamGridWideColumnCount": "12",
-  "amsterdamHeading1LineHeight": "1.2",
-  "amsterdamHeading1NarrowFontSize": "clamp(2rem, calc(2rem + (1 * (100vw - 20rem)) / 33.3125), 3rem)",
-  "amsterdamHeading1WideFontSize": "clamp(3rem, calc(3rem + (0.5 * (100vw - 53.375rem)) / 36.625), 3.5rem)",
-  "amsterdamHeading2LineHeight": "1.3",
-  "amsterdamHeading2NarrowFontSize": "clamp(1.75rem, calc(1.75rem + (0.5 * (100vw - 20rem)) / 33.3125), 2.25rem)",
-  "amsterdamHeading2WideFontSize": "clamp(2.25rem, calc(2.25rem + (0.25 * (100vw - 53.375rem)) / 36.625), 2.5rem)",
-  "amsterdamHeading3LineHeight": "1.4",
-  "amsterdamHeading3NarrowFontSize": "clamp(1.5rem, calc(1.5rem + (0.3125 * (100vw - 20rem)) / 33.3125), 1.8125rem)",
-  "amsterdamHeading3WideFontSize": "clamp(1.8125rem, calc(1.8125rem + (0.1875 * (100vw - 53.375rem)) / 36.625), 2rem)",
-  "amsterdamHeading4LineHeight": "1.4",
-  "amsterdamHeading4NarrowFontSize": "clamp(1.25rem, calc(1.25rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.4375rem)",
-  "amsterdamHeading4WideFontSize": "clamp(1.4375rem, calc(1.4375rem + (0.125 * (100vw - 53.375rem)) / 36.625), 1.5625rem)",
+  "amsterdamHeaderColumnGap": "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)",
   "amsterdamHeadingColor": "#000000",
   "amsterdamHeadingFontFamily": "'Amsterdam Sans', Arial, sans-serif",
   "amsterdamHeadingFontWeight": 800,
   "amsterdamHeadingInverseColor": "#ffffff",
-  "amsterdamHighlightBlueBackgroundColor": "#004699",
-  "amsterdamHighlightDarkGreenBackgroundColor": "#00A03C",
-  "amsterdamHighlightGreenBackgroundColor": "#BED200",
-  "amsterdamHighlightLightBlueBackgroundColor": "#009DEC",
-  "amsterdamHighlightMagentaBackgroundColor": "#E50082",
-  "amsterdamHighlightOrangeBackgroundColor": "#FF9100",
-  "amsterdamHighlightPurpleBackgroundColor": "#A00078",
-  "amsterdamHighlightYellowBackgroundColor": "#FFE600",
-  "amsterdamIconSize3IconSizeNarrow": "clamp(1.5rem, calc(1.5rem + (0.3125 * (100vw - 20rem)) / 33.3125), 1.8125rem)",
-  "amsterdamIconSize3IconSizeWide": "clamp(1.8125rem, calc(1.8125rem + (0.1875 * (100vw - 53.375rem)) / 36.625), 2rem)",
-  "amsterdamIconSize3ContainerMultiplier": "1.4",
-  "amsterdamIconSize4IconSizeNarrow": "clamp(1.25rem, calc(1.25rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.4375rem)",
-  "amsterdamIconSize4IconSizeWide": "clamp(1.4375rem, calc(1.4375rem + (0.125 * (100vw - 53.375rem)) / 36.625), 1.5625rem)",
-  "amsterdamIconSize4ContainerMultiplier": "1.4",
-  "amsterdamIconSize5IconSizeNarrow": "clamp(1.375rem, calc(1.375rem + (0.25 * (100vw - 20rem)) / 33.3125), 1.625rem)",
-  "amsterdamIconSize5IconSizeWide": "clamp(1.625rem, calc(1.625rem + (0.125 * (100vw - 53.375rem)) / 36.625), 1.75rem)",
-  "amsterdamIconSize5ContainerMultiplier": "1.5",
-  "amsterdamIconSize6IconSizeNarrow": "clamp(1.125rem, calc(1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.3125rem)",
-  "amsterdamIconSize6IconSizeWide": "clamp(1.3125rem, calc(1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.375rem)",
-  "amsterdamIconSize6ContainerMultiplier": "1.6",
-  "amsterdamIconSize7IconSizeNarrow": "clamp(1rem, calc(1rem + (0.0625 * (100vw - 20rem)) / 33.3125), 1.0625rem)",
-  "amsterdamIconSize7IconSizeWide": "clamp(1.0625rem, calc(1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.125rem)",
-  "amsterdamIconSize7ContainerMultiplier": "1.6",
+  "amsterdamHeadingSpaciousLevel1LineHeight": "1.2",
+  "amsterdamHeadingSpaciousLevel1FontSize": "clamp(2.084rem, calc(1.973vw + 1.69rem), 3.662rem)",
+  "amsterdamHeadingSpaciousLevel2LineHeight": "1.25",
+  "amsterdamHeadingSpaciousLevel2FontSize": "clamp(1.786rem, calc(1.43vw + 1.5rem), 2.93rem)",
+  "amsterdamHeadingSpaciousLevel3LineHeight": "1.3",
+  "amsterdamHeadingSpaciousLevel3FontSize": "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)",
+  "amsterdamHeadingSpaciousLevel4LineHeight": "1.5",
+  "amsterdamHeadingSpaciousLevel4FontSize": "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)",
+  "amsterdamHeadingSpaciousLevel5LineHeight": "1.6",
+  "amsterdamHeadingSpaciousLevel5FontSize": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
+  "amsterdamHeadingSpaciousLevel6LineHeight": "1.6",
+  "amsterdamHeadingSpaciousLevel6FontSize": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
+  "amsterdamHeadingCompactLevel1LineHeight": "1.2",
+  "amsterdamHeadingCompactLevel1FontSize": "clamp(1.621rem, calc(1.408vw + 1.34rem), 2.747rem)",
+  "amsterdamHeadingCompactLevel2LineHeight": "1.25",
+  "amsterdamHeadingCompactLevel2FontSize": "clamp(1.389rem, calc(1.01vw + 1.187rem), 2.197rem)",
+  "amsterdamHeadingCompactLevel3LineHeight": "1.3",
+  "amsterdamHeadingCompactLevel3FontSize": "clamp(1.191rem, calc(0.709vw + 1.049rem), 1.758rem)",
+  "amsterdamHeadingCompactLevel4LineHeight": "1.5",
+  "amsterdamHeadingCompactLevel4FontSize": "clamp(1.021rem, calc(0.481vw + 0.925rem), 1.406rem)",
+  "amsterdamHeadingCompactLevel5LineHeight": "1.6",
+  "amsterdamHeadingCompactLevel5FontSize": "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)",
+  "amsterdamHeadingCompactLevel6LineHeight": "1.6",
+  "amsterdamHeadingCompactLevel6FontSize": "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)",
+  "amsterdamIconSpaciousSize3FontSize": "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)",
+  "amsterdamIconSpaciousSize3LineHeight": "1.3",
+  "amsterdamIconSpaciousSize4FontSize": "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)",
+  "amsterdamIconSpaciousSize4LineHeight": "1.5",
+  "amsterdamIconSpaciousSize5FontSize": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
+  "amsterdamIconSpaciousSize5LineHeight": "1.6",
+  "amsterdamIconSpaciousSize6FontSize": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
+  "amsterdamIconSpaciousSize6LineHeight": "1.6",
+  "amsterdamIconCompactSize3FontSize": "clamp(1.191rem, calc(0.709vw + 1.049rem), 1.758rem)",
+  "amsterdamIconCompactSize3LineHeight": "1.3",
+  "amsterdamIconCompactSize4FontSize": "clamp(1.021rem, calc(0.481vw + 0.925rem), 1.406rem)",
+  "amsterdamIconCompactSize4LineHeight": "1.5",
+  "amsterdamIconCompactSize5FontSize": "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)",
+  "amsterdamIconCompactSize5LineHeight": "1.6",
+  "amsterdamIconCompactSize6FontSize": "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)",
+  "amsterdamIconCompactSize6LineHeight": "1.6",
   "amsterdamLinkColor": "#004699",
-  "amsterdamLinkOutlineOffset": "2px",
   "amsterdamLinkFontFamily": "'Amsterdam Sans', Arial, sans-serif",
   "amsterdamLinkFontWeight": 400,
+  "amsterdamLinkOutlineOffset": "2px",
   "amsterdamLinkHoverColor": "#102E62",
-  "amsterdamLinkInlineHoverTextDecoration": "underline",
-  "amsterdamLinkInlineHoverTextUnderlineOffset": "3px",
+  "amsterdamLinkInlineTextDecorationLine": "underline",
+  "amsterdamLinkInlineTextDecorationThickness": "0.125rem",
+  "amsterdamLinkInlineTextUnderlineOffset": "0.375rem",
   "amsterdamLinkInlineFontFamily": "inherit",
   "amsterdamLinkInlineFontSize": "inherit",
   "amsterdamLinkInlineLineHeight": "inherit",
-  "amsterdamLinkInlineTextDecoration": "none",
-  "amsterdamLinkInlineTextDecorationThickness": "2px",
+  "amsterdamLinkInlineHoverTextDecorationThickness": "0.1875rem",
+  "amsterdamLinkInlineHoverTextUnderlineOffset": "0.3125rem",
   "amsterdamLinkInlineVisitedColor": "#A00078",
   "amsterdamLinkInListGap": "0.5em",
-  "amsterdamLinkInListHoverTextDecoration": "underline",
-  "amsterdamLinkInListHoverTextDecorationThickness": "2px",
-  "amsterdamLinkInListHoverTextUnderlineOffset": "7px",
-  "amsterdamLinkInListTextDecoration": "none",
-  "amsterdamLinkInListLineHeight": "1.6",
-  "amsterdamLinkInListNarrowFontSize": "clamp(1rem, calc(1rem + (0.0625 * (100vw - 20rem)) / 33.3125), 1.0625rem)",
-  "amsterdamLinkInListWideFontSize": "clamp(1.0625rem, calc(1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.125rem)",
-  "amsterdamLinkStandaloneTextUnderlineOffset": "8px",
-  "amsterdamLinkStandaloneTextDecorationThickness": "2px",
-  "amsterdamLinkStandaloneHoverTextDecorationThickness": "3px",
-  "amsterdamLinkStandaloneHoverTextUnderlineOffset": "7px",
-  "amsterdamLinkStandaloneLineHeight": "1.6",
-  "amsterdamLinkStandaloneNarrowFontSize": "clamp(1.125rem, calc(1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.3125rem)",
-  "amsterdamLinkStandaloneWideFontSize": "clamp(1.3125rem, calc(1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.375rem)",
+  "amsterdamLinkInListTextDecorationLine": "none",
+  "amsterdamLinkInListTextDecorationThickness": "0.125rem",
+  "amsterdamLinkInListTextUnderlineOffset": "0.375rem",
+  "amsterdamLinkInListHoverTextDecorationLine": "underline",
+  "amsterdamLinkInListSpaciousFontSize": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
+  "amsterdamLinkInListSpaciousLineHeight": "1.6",
+  "amsterdamLinkInListCompactFontSize": "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)",
+  "amsterdamLinkInListCompactLineHeight": "1.6",
+  "amsterdamLinkStandaloneTextDecorationLine": "underline",
+  "amsterdamLinkStandaloneTextDecorationThickness": "0.125rem",
+  "amsterdamLinkStandaloneTextUnderlineOffset": "0.375rem",
+  "amsterdamLinkStandaloneHoverTextDecorationThickness": "0.1875rem",
+  "amsterdamLinkStandaloneHoverTextUnderlineOffset": "0.3125rem",
+  "amsterdamLinkStandaloneSpaciousFontSize": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
+  "amsterdamLinkStandaloneSpaciousLineHeight": "1.6",
+  "amsterdamLinkStandaloneCompactFontSize": "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)",
+  "amsterdamLinkStandaloneCompactLineHeight": "1.6",
   "amsterdamLinkOnBackgroundDarkColor": "#ffffff",
   "amsterdamLinkOnBackgroundDarkHoverColor": "#ffffff",
   "amsterdamLinkOnBackgroundDarkVisitedColor": "#ffffff",
@@ -258,14 +295,16 @@
   "amsterdamLogoEmblemColor": "#EC0000",
   "amsterdamLogoTitleColor": "#EC0000",
   "amsterdamLogoSubsiteColor": "#000000",
+  "amsterdamMarkBackgroundColor": "var(--amsterdam-color-yellow)",
   "amsterdamOrderedListColor": "#000000",
   "amsterdamOrderedListFontFamily": "'Amsterdam Sans', Arial, sans-serif",
   "amsterdamOrderedListFontWeight": 400,
   "amsterdamOrderedListGap": "0.75rem",
-  "amsterdamOrderedListLineHeight": "1.6",
   "amsterdamOrderedListListStyleType": "decimal",
-  "amsterdamOrderedListNarrowFontSize": "clamp(1.125rem, calc(1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.3125rem)",
-  "amsterdamOrderedListWideFontSize": "clamp(1.3125rem, calc(1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.375rem)",
+  "amsterdamOrderedListSpaciousFontSize": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
+  "amsterdamOrderedListSpaciousLineHeight": "1.6",
+  "amsterdamOrderedListCompactFontSize": "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)",
+  "amsterdamOrderedListCompactLineHeight": "1.6",
   "amsterdamOrderedListItemMarginInlineStart": "2.25rem",
   "amsterdamOrderedListItemPaddingInlineStart": "0.25rem",
   "amsterdamOrderedListOrderedListListStyleType": "lower-alpha",
@@ -273,47 +312,97 @@
   "amsterdamOrderedListOrderedListItemPaddingInlineStart": "0.25rem",
   "amsterdamPageHeadingColor": "#000000",
   "amsterdamPageHeadingFontFamily": "'Amsterdam Sans', Arial, sans-serif",
-  "amsterdamPageHeadingLineHeight": "1.1",
-  "amsterdamPageHeadingNarrowFontSize": "clamp(2rem, calc(2rem + (2 * (100vw - 20rem)) / 33.3125), 4rem)",
-  "amsterdamPageHeadingWideFontSize": "clamp(4rem, calc(4rem + (1 * (100vw - 53.375rem)) / 36.625), 5rem)",
   "amsterdamPageHeadingFontWeight": 800,
   "amsterdamPageHeadingInverseColor": "#ffffff",
+  "amsterdamPageHeadingSpaciousFontSize": "clamp(2.432rem, calc(2.683vw + 1.895rem), 4.578rem)",
+  "amsterdamPageHeadingSpaciousLineHeight": "clamp(2.432rem, calc(2.683vw + 1.895rem), 4.578rem)",
+  "amsterdamPageHeadingCompactFontSize": "clamp(1.891rem, calc(1.927vw + 1.506rem), 3.433rem)",
+  "amsterdamPageHeadingCompactLineHeight": "clamp(1.891rem, calc(1.927vw + 1.506rem), 3.433rem)",
   "amsterdamPageMenuColumnGap": "2.5rem",
   "amsterdamPageMenuRowGap": "0.5rem",
-  "amsterdamPageMenuItemColor": "#000000",
+  "amsterdamPageMenuItemColor": "#004699",
   "amsterdamPageMenuItemFontFamily": "'Amsterdam Sans', Arial, sans-serif",
   "amsterdamPageMenuItemFontWeight": 400,
   "amsterdamPageMenuItemGap": "0.5rem",
-  "amsterdamPageMenuItemLineHeight": "1.6",
-  "amsterdamPageMenuItemTextDecoration": "none",
-  "amsterdamPageMenuItemNarrowFontSize": "clamp(1rem, calc(1rem + (0.0625 * (100vw - 20rem)) / 33.3125), 1.0625rem)",
-  "amsterdamPageMenuItemWideFontSize": "clamp(1.0625rem, calc(1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.125rem)",
-  "amsterdamPageMenuItemHoverColor": "#000000",
-  "amsterdamPageMenuItemHoverTextDecoration": "underline",
+  "amsterdamPageMenuItemOutlineOffset": "2px",
+  "amsterdamPageMenuItemTextDecorationLine": "none",
+  "amsterdamPageMenuItemTextDecorationThickness": "0.125rem",
+  "amsterdamPageMenuItemTextUnderlineOffset": "0.375rem",
+  "amsterdamPageMenuItemSpaciousFontSize": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
+  "amsterdamPageMenuItemSpaciousLineHeight": "1.6",
+  "amsterdamPageMenuItemCompactFontSize": "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)",
+  "amsterdamPageMenuItemCompactLineHeight": "1.6",
+  "amsterdamPageMenuItemHoverColor": "#102E62",
+  "amsterdamPageMenuItemHoverTextDecorationLine": "underline",
   "amsterdamPaginationColor": "#004699",
   "amsterdamPaginationFontFamily": "'Amsterdam Sans', Arial, sans-serif",
   "amsterdamPaginationFontWeight": 400,
-  "amsterdamPaginationLineHeight": "1.6",
-  "amsterdamPaginationNarrowFontSize": "clamp(1.125rem, calc(1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.3125rem)",
-  "amsterdamPaginationWideFontSize": "clamp(1.3125rem, calc(1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.375rem)",
+  "amsterdamPaginationSpaciousFontSize": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
+  "amsterdamPaginationSpaciousLineHeight": "1.6",
+  "amsterdamPaginationCompactFontSize": "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)",
+  "amsterdamPaginationCompactLineHeight": "1.6",
+  "amsterdamPaginationButtonOutlineOffset": "2px",
+  "amsterdamPaginationButtonTextDecorationLine": "none",
+  "amsterdamPaginationButtonTextDecorationThickness": "0.125rem",
+  "amsterdamPaginationButtonTextUnderlineOffset": "0.375rem",
   "amsterdamPaginationButtonCurrentFontWeight": 800,
   "amsterdamPaginationButtonHoverColor": "#102E62",
-  "amsterdamPaginationButtonOutlineOffset": "2px",
+  "amsterdamPaginationButtonHoverTextDecorationLine": "underline",
   "amsterdamParagraphColor": "#000000",
   "amsterdamParagraphFontFamily": "'Amsterdam Sans', Arial, sans-serif",
   "amsterdamParagraphFontWeight": 400,
   "amsterdamParagraphInverseColor": "#ffffff",
-  "amsterdamParagraphLineHeight": "1.6",
-  "amsterdamParagraphNarrowFontSize": "clamp(1.125rem, calc(1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.3125rem)",
-  "amsterdamParagraphWideFontSize": "clamp(1.3125rem, calc(1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.375rem)",
-  "amsterdamParagraphSmallLineHeight": "1.6",
-  "amsterdamParagraphSmallNarrowFontSize": "clamp(1rem, calc(1rem + (0.0625 * (100vw - 20rem)) / 33.3125), 1.0625rem)",
-  "amsterdamParagraphSmallWideFontSize": "clamp(1.0625rem, calc(1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.125rem)",
-  "amsterdamParagraphLargeLineHeight": "1.5",
-  "amsterdamParagraphLargeNarrowFontSize": "clamp(1.375rem, calc(1.375rem + (0.25 * (100vw - 20rem)) / 33.3125), 1.625rem)",
-  "amsterdamParagraphLargeWideFontSize": "clamp(1.625rem, calc(1.625rem + (0.125 * (100vw - 53.375rem)) / 36.625), 1.75rem)",
+  "amsterdamParagraphSpaciousSmallFontSize": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
+  "amsterdamParagraphSpaciousSmallLineHeight": "1.6",
+  "amsterdamParagraphSpaciousMediumFontSize": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
+  "amsterdamParagraphSpaciousMediumLineHeight": "1.6",
+  "amsterdamParagraphSpaciousLargeFontSize": "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)",
+  "amsterdamParagraphSpaciousLargeLineHeight": "1.5",
+  "amsterdamParagraphCompactSmallFontSize": "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)",
+  "amsterdamParagraphCompactSmallLineHeight": "1.6",
+  "amsterdamParagraphCompactMediumFontSize": "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)",
+  "amsterdamParagraphCompactMediumLineHeight": "1.6",
+  "amsterdamParagraphCompactLargeFontSize": "clamp(1.021rem, calc(0.481vw + 0.925rem), 1.406rem)",
+  "amsterdamParagraphCompactLargeLineHeight": "1.5",
   "amsterdamScreenWideMaxWidth": "100rem",
   "amsterdamScreenXWideMaxWidth": "132rem",
+  "amsterdamSearchFieldButtonBackgroundColor": "#004699",
+  "amsterdamSearchFieldButtonColor": "#ffffff",
+  "amsterdamSearchFieldButtonOutlineOffset": "2px",
+  "amsterdamSearchFieldButtonHoverBackgroundColor": "#102E62",
+  "amsterdamSearchFieldInputBoxShadow": "inset 0 0 0 1px #000000",
+  "amsterdamSearchFieldInputColor": "#000000",
+  "amsterdamSearchFieldInputFontFamily": "'Amsterdam Sans', Arial, sans-serif",
+  "amsterdamSearchFieldInputFontWeight": 400,
+  "amsterdamSearchFieldInputOutlineOffset": "2px",
+  "amsterdamSearchFieldInputCancelButtonBackgroundImage": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23004699' fill-rule='evenodd' d='M29.333 5.47 26.53 2.668 16 13.187 5.47 2.666 2.668 5.47 13.187 16 2.666 26.53l2.804 2.803L16 18.813l10.53 10.52 2.803-2.804L18.813 16z'/></svg>\")",
+  "amsterdamSearchFieldInputCancelButtonColor": "#004699",
+  "amsterdamSearchFieldInputCancelButtonHeight": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
+  "amsterdamSearchFieldInputCancelButtonWidth": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
+  "amsterdamSearchFieldInputHoverBoxShadow": "inset 0 0 0 2px #000000",
+  "amsterdamSearchFieldInputPlaceholderColor": "#767676",
+  "amsterdamSearchFieldInputCompactFontSize": "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)",
+  "amsterdamSearchFieldInputCompactLineHeight": "1.6",
+  "amsterdamSearchFieldInputSpaciousFontSize": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
+  "amsterdamSearchFieldInputSpaciousLineHeight": "1.6",
+  "amsterdamSkipLinkBackgroundColor": "#004699",
+  "amsterdamSkipLinkColor": "#ffffff",
+  "amsterdamSkipLinkFontFamily": "'Amsterdam Sans', Arial, sans-serif",
+  "amsterdamSkipLinkFontWeight": 400,
+  "amsterdamSkipLinkFontSize": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
+  "amsterdamSkipLinkLineHeight": "1.6",
+  "amsterdamSkipLinkOutlineOffset": "2px",
+  "amsterdamSkipLinkCompactFontSize": "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)",
+  "amsterdamSkipLinkCompactLineHeight": "1.6",
+  "amsterdamSkipLinkHoverBackgroundColor": "#102E62",
+  "amsterdamSpotlightBlueBackgroundColor": "#004699",
+  "amsterdamSpotlightDarkGreenBackgroundColor": "#00A03C",
+  "amsterdamSpotlightGreenBackgroundColor": "#BED200",
+  "amsterdamSpotlightLightBlueBackgroundColor": "#009DEC",
+  "amsterdamSpotlightMagentaBackgroundColor": "#E50082",
+  "amsterdamSpotlightOrangeBackgroundColor": "#FF9100",
+  "amsterdamSpotlightPurpleBackgroundColor": "#A00078",
+  "amsterdamSpotlightYellowBackgroundColor": "#FFE600",
   "amsterdamSwitchFontFamily": "'Amsterdam Sans', Arial, sans-serif",
   "amsterdamSwitchBackgroundColor": "#767676",
   "amsterdamSwitchWidth": "3.5rem",
@@ -324,28 +413,51 @@
   "amsterdamSwitchCheckedBackgroundColor": "#004699",
   "amsterdamSwitchOutlineOffset": "2px",
   "amsterdamSwitchDisabledBackgroundColor": "#B4B4B4",
+  "amsterdamTextInputBoxShadow": "inset 0 0 0 1px #000000",
+  "amsterdamTextInputColor": "#000000",
+  "amsterdamTextInputFontFamily": "'Amsterdam Sans', Arial, sans-serif",
+  "amsterdamTextInputFontWeight": 400,
+  "amsterdamTextInputOutlineOffset": "2px",
+  "amsterdamTextInputDisabledBackgroundColor": "#ffffff",
+  "amsterdamTextInputDisabledBoxShadow": "inset 0 0 0 1px #B4B4B4",
+  "amsterdamTextInputDisabledColor": "#B4B4B4",
+  "amsterdamTextInputHoverBoxShadow": "inset 0 0 0 2px #000000",
+  "amsterdamTextInputInvalidBoxShadow": "inset 0 0 0 1px #EC0000",
+  "amsterdamTextInputInvalidHoverBoxShadow": "inset 0 0 0 2px #EC0000",
+  "amsterdamTextInputPlaceholderColor": "#767676",
+  "amsterdamTextInputCompactFontSize": "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)",
+  "amsterdamTextInputCompactLineHeight": "1.6",
+  "amsterdamTextInputSpaciousFontSize": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
+  "amsterdamTextInputSpaciousLineHeight": "1.6",
   "amsterdamTopTaskLinkDescriptionColor": "#000000",
   "amsterdamTopTaskLinkDescriptionFontFamily": "'Amsterdam Sans', Arial, sans-serif",
   "amsterdamTopTaskLinkDescriptionFontWeight": 400,
-  "amsterdamTopTaskLinkDescriptionLineHeight": "1.6",
-  "amsterdamTopTaskLinkDescriptionNarrowFontSize": "clamp(1rem, calc(1rem + (0.0625 * (100vw - 20rem)) / 33.3125), 1.0625rem)",
-  "amsterdamTopTaskLinkDescriptionWideFontSize": "clamp(1.0625rem, calc(1.0625rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.125rem)",
+  "amsterdamTopTaskLinkDescriptionSpaciousFontSize": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
+  "amsterdamTopTaskLinkDescriptionSpaciousLineHeight": "1.6",
+  "amsterdamTopTaskLinkDescriptionCompactFontSize": "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)",
+  "amsterdamTopTaskLinkDescriptionCompactLineHeight": "1.6",
   "amsterdamTopTaskLinkLabelColor": "#004699",
   "amsterdamTopTaskLinkLabelFontFamily": "'Amsterdam Sans', Arial, sans-serif",
   "amsterdamTopTaskLinkLabelFontWeight": 800,
+  "amsterdamTopTaskLinkLabelTextDecorationLine": "none",
+  "amsterdamTopTaskLinkLabelTextDecorationThickness": "0.125rem",
+  "amsterdamTopTaskLinkLabelTextUnderlineOffset": "0.375rem",
   "amsterdamTopTaskLinkLabelHoverColor": "#102E62",
-  "amsterdamTopTaskLinkLabelLineHeight": "1.4",
-  "amsterdamTopTaskLinkLabelNarrowFontSize": "clamp(1.25rem, calc(1.25rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.4375rem)",
-  "amsterdamTopTaskLinkLabelWideFontSize": "clamp(1.4375rem, calc(1.4375rem + (0.125 * (100vw - 53.375rem)) / 36.625), 1.5625rem)",
+  "amsterdamTopTaskLinkLabelHoverTextDecorationLine": "underline",
+  "amsterdamTopTaskLinkLabelSpaciousFontSize": "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)",
+  "amsterdamTopTaskLinkLabelSpaciousLineHeight": "1.5",
+  "amsterdamTopTaskLinkLabelCompactFontSize": "clamp(1.021rem, calc(0.481vw + 0.925rem), 1.406rem)",
+  "amsterdamTopTaskLinkLabelCompactLineHeight": "1.5",
   "amsterdamTopTaskLinkOutlineOffset": "2px",
   "amsterdamUnorderedListColor": "#000000",
   "amsterdamUnorderedListFontFamily": "'Amsterdam Sans', Arial, sans-serif",
   "amsterdamUnorderedListFontWeight": 400,
   "amsterdamUnorderedListGap": "0.75rem",
-  "amsterdamUnorderedListLineHeight": "1.6",
   "amsterdamUnorderedListListStyleType": "'\\2022'",
-  "amsterdamUnorderedListNarrowFontSize": "clamp(1.125rem, calc(1.125rem + (0.1875 * (100vw - 20rem)) / 33.3125), 1.3125rem)",
-  "amsterdamUnorderedListWideFontSize": "clamp(1.3125rem, calc(1.3125rem + (0.0625 * (100vw - 53.375rem)) / 36.625), 1.375rem)",
+  "amsterdamUnorderedListSpaciousFontSize": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
+  "amsterdamUnorderedListSpaciousLineHeight": "1.6",
+  "amsterdamUnorderedListCompactFontSize": "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)",
+  "amsterdamUnorderedListCompactLineHeight": "1.6",
   "amsterdamUnorderedListItemMarginInlineStart": "1.625rem",
   "amsterdamUnorderedListItemPaddingInlineStart": "0.875rem",
   "amsterdamUnorderedListUnorderedListListStyleType": "'\\2013'",
@@ -361,7 +473,6 @@
   "utrechtButtonBackgroundColor": "#004699",
   "utrechtButtonColor": "#ffffff",
   "utrechtButtonFontFamily": "'Amsterdam Sans', Arial, sans-serif",
-  "utrechtButtonLineHeight": "1.6",
   "utrechtButtonPaddingInlineStart": "1rem",
   "utrechtButtonPaddingInlineEnd": "1rem",
   "utrechtButtonPaddingBlockStart": "0.5rem",