@amsterdam/design-system-tokens 0.3.0 → 0.5.0

package/dist/index.json

@@ -1,497 +1,1084 @@
 {
-  "amsterdamColorPrimaryBlack": "#000000",
-  "amsterdamColorPrimaryWhite": "#ffffff",
-  "amsterdamColorPrimaryBlue": "#004699",
-  "amsterdamColorPrimaryRed": "#EC0000",
-  "amsterdamColorDarkBlue": "#102E62",
-  "amsterdamColorOrange": "#FF9100",
-  "amsterdamColorYellow": "#FFE600",
-  "amsterdamColorGreen": "#BED200",
-  "amsterdamColorDarkGreen": "#00A03C",
-  "amsterdamColorBlue": "#009DEC",
-  "amsterdamColorPurple": "#A00078",
-  "amsterdamColorMagenta": "#E50082",
-  "amsterdamColorNeutralGrey1": "#E6E6E6",
-  "amsterdamColorNeutralGrey2": "#B4B4B4",
-  "amsterdamColorNeutralGrey3": "#767676",
-  "amsterdamColorNeutralGrey4": "#323232",
-  "amsterdamProportionXTall": "9 / 16",
-  "amsterdamProportionTall": "4 / 5",
-  "amsterdamProportionSquare": "1 / 1",
-  "amsterdamProportionWide": "5 / 4",
-  "amsterdamProportionXWide": "16 / 9",
-  "amsterdamProportion2xWide": "32 / 9",
-  "amsterdamTypographyFontFamily": "'Amsterdam Sans', Arial, sans-serif",
-  "amsterdamTypographyFontWeightNormal": 400,
-  "amsterdamTypographyFontWeightBold": 800,
-  "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",
-  "amsterdamSpacingInsetXl": "2.5rem",
-  "amsterdamAccordionButtonColor": "#004699",
-  "amsterdamAccordionButtonFocusOutlineOffset": "2px",
-  "amsterdamAccordionButtonFontFamily": "'Amsterdam Sans', Arial, sans-serif",
-  "amsterdamAccordionButtonFontWeight": 800,
-  "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",
-  "amsterdamAlertPaddingBlockStart": "1rem",
-  "amsterdamAlertPaddingBlockEnd": "1rem",
-  "amsterdamAlertPaddingInlineStart": "1.5rem",
-  "amsterdamAlertPaddingInlineEnd": "1.5rem",
-  "amsterdamAlertTitleColor": "#000000",
-  "amsterdamAlertTitleFontFamily": "'Amsterdam Sans', Arial, sans-serif",
-  "amsterdamAlertTitleFontWeight": 800,
-  "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",
-  "amsterdamAlertSuccessBorderColor": "#00A03C",
-  "amsterdamAlertCloseBackgroundColor": "transparent",
-  "amsterdamAlertCloseFill": "#000000",
-  "amsterdamAlertCloseHoverFill": "#004699",
-  "amsterdamAspectRatioXTall": "9 / 16",
-  "amsterdamAspectRatioTall": "4 / 5",
-  "amsterdamAspectRatioSquare": "1 / 1",
-  "amsterdamAspectRatioWide": "5 / 4",
-  "amsterdamAspectRatioXWide": "16 / 9",
-  "amsterdamAspectRatio2xWide": "32 / 9",
-  "amsterdamBlockquoteColor": "#000000",
-  "amsterdamBlockquoteFontFamily": "'Amsterdam Sans', Arial, sans-serif",
-  "amsterdamBlockquoteFontWeight": 800,
-  "amsterdamBlockquoteInverseColor": "#ffffff",
-  "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,
-  "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",
-  "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 #102E62",
-  "amsterdamCardLinkColor": "#004699",
-  "amsterdamCardLinkTextDecorationLine": "none",
-  "amsterdamCardLinkTextDecorationThickness": "0.125rem",
-  "amsterdamCardLinkTextUnderlineOffset": "0.375rem",
-  "amsterdamCardLinkHoverColor": "#102E62",
-  "amsterdamCardLinkHoverTextDecorationLine": "underline",
-  "amsterdamCardOutlineOffset": "2px",
-  "amsterdamCheckboxColor": "#000000",
-  "amsterdamCheckboxCheckmarkBorderColor": "#004699",
-  "amsterdamCheckboxCheckmarkCheckedBackgroundColor": "#004699",
-  "amsterdamCheckboxCheckmarkCheckedHoverBackgroundColor": "#102E62",
-  "amsterdamCheckboxCheckmarkDisabledBorderColor": "#767676",
-  "amsterdamCheckboxCheckmarkDisabledCheckedBackgroundColor": "#767676",
-  "amsterdamCheckboxCheckmarkDisabledCheckedHoverBackgroundColor": "#767676",
-  "amsterdamCheckboxCheckmarkDisabledIndeterminateBackgroundColor": "#767676",
-  "amsterdamCheckboxCheckmarkDisabledIndeterminateHoverBackgroundColor": "#767676",
-  "amsterdamCheckboxCheckmarkHoverBorderColor": "#102E62",
-  "amsterdamCheckboxCheckmarkInvalidBorderColor": "#EC0000",
-  "amsterdamCheckboxCheckmarkInvalidCheckedBackgroundColor": "#EC0000",
-  "amsterdamCheckboxCheckmarkInvalidCheckedHoverBackgroundColor": "#EC0000",
-  "amsterdamCheckboxCheckmarkInvalidHoverBorderColor": "#EC0000",
-  "amsterdamCheckboxCheckmarkInvalidIndeterminateBackgroundColor": "#EC0000",
-  "amsterdamCheckboxCheckmarkInvalidIndeterminateHoverBackgroundColor": "#EC0000",
-  "amsterdamCheckboxCheckmarkIndeterminateBackgroundColor": "#004699",
-  "amsterdamCheckboxCheckmarkIndeterminateHoverBackgroundColor": "#102E62",
-  "amsterdamCheckboxDisabledColor": "#767676",
-  "amsterdamCheckboxFontFamily": "'Amsterdam Sans', Arial, sans-serif",
-  "amsterdamCheckboxFontWeight": 400,
-  "amsterdamCheckboxHoverColor": "#102E62",
-  "amsterdamCheckboxOutlineOffset": "2px",
-  "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,
-  "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",
-  "amsterdamDialogCloseHoverFill": "#004699",
-  "amsterdamDialogFormGap": "1.5rem",
-  "amsterdamDialogFormPaddingBlock": "clamp(1.5rem, calc(1.5rem + ((1vw - 0.5337rem) * 2.1448)), 2.5rem)",
-  "amsterdamDialogFormPaddingInline": "clamp(1.5rem, calc(1.5rem + ((1vw - 0.5337rem) * 2.1448)), 2.5rem)",
-  "amsterdamDialogFormMaxBlockSize": "75vh",
-  "amsterdamDialogArticlePaddingInlineEnd": "1.5rem",
-  "amsterdamDialogHeaderGap": "1rem",
-  "amsterdamDialogFooterGap": "1rem",
-  "amsterdamDialogFooterPaddingBlock": "1.5rem 0",
-  "amsterdamFormLabelColor": "#000000",
-  "amsterdamFormLabelFontFamily": "'Amsterdam Sans', Arial, sans-serif",
-  "amsterdamFormLabelFontWeight": 800,
-  "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",
-  "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",
-  "amsterdamHeaderColumnGap": "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)",
-  "amsterdamHeadingColor": "#000000",
-  "amsterdamHeadingFontFamily": "'Amsterdam Sans', Arial, sans-serif",
-  "amsterdamHeadingFontWeight": 800,
-  "amsterdamHeadingInverseColor": "#ffffff",
-  "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",
-  "amsterdamLinkFontFamily": "'Amsterdam Sans', Arial, sans-serif",
-  "amsterdamLinkFontWeight": 400,
-  "amsterdamLinkOutlineOffset": "2px",
-  "amsterdamLinkHoverColor": "#102E62",
-  "amsterdamLinkInlineTextDecorationLine": "underline",
-  "amsterdamLinkInlineTextDecorationThickness": "0.125rem",
-  "amsterdamLinkInlineTextUnderlineOffset": "0.375rem",
-  "amsterdamLinkInlineFontFamily": "inherit",
-  "amsterdamLinkInlineFontSize": "inherit",
-  "amsterdamLinkInlineLineHeight": "inherit",
-  "amsterdamLinkInlineHoverTextDecorationThickness": "0.1875rem",
-  "amsterdamLinkInlineHoverTextUnderlineOffset": "0.3125rem",
-  "amsterdamLinkInlineVisitedColor": "#A00078",
-  "amsterdamLinkInListGap": "0.5em",
-  "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",
-  "amsterdamLinkOnBackgroundLightColor": "#000000",
-  "amsterdamLinkOnBackgroundLightHoverColor": "#000000",
-  "amsterdamLinkOnBackgroundLightVisitedColor": "#000000",
-  "amsterdamLogoHeight": "2.5rem",
-  "amsterdamLogoEmblemColor": "#EC0000",
-  "amsterdamLogoTitleColor": "#EC0000",
-  "amsterdamLogoSubsiteColor": "#000000",
-  "amsterdamMarkBackgroundColor": "var(--amsterdam-color-yellow)",
-  "amsterdamOrderedListColor": "#000000",
-  "amsterdamOrderedListFontFamily": "'Amsterdam Sans', Arial, sans-serif",
-  "amsterdamOrderedListFontWeight": 400,
-  "amsterdamOrderedListGap": "0.75rem",
-  "amsterdamOrderedListListStyleType": "decimal",
-  "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",
-  "amsterdamOrderedListOrderedListItemMarginInlineStart": "1.5rem",
-  "amsterdamOrderedListOrderedListItemPaddingInlineStart": "0.25rem",
-  "amsterdamPageHeadingColor": "#000000",
-  "amsterdamPageHeadingFontFamily": "'Amsterdam Sans', Arial, sans-serif",
-  "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": "#004699",
-  "amsterdamPageMenuItemFontFamily": "'Amsterdam Sans', Arial, sans-serif",
-  "amsterdamPageMenuItemFontWeight": 400,
-  "amsterdamPageMenuItemGap": "0.5rem",
-  "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,
-  "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",
-  "amsterdamPaginationButtonHoverTextDecorationLine": "underline",
-  "amsterdamParagraphColor": "#000000",
-  "amsterdamParagraphFontFamily": "'Amsterdam Sans', Arial, sans-serif",
-  "amsterdamParagraphFontWeight": 400,
-  "amsterdamParagraphInverseColor": "#ffffff",
-  "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",
-  "amsterdamSwitchThumbBackgroundColor": "#ffffff",
-  "amsterdamSwitchThumbWidth": "1.75rem",
-  "amsterdamSwitchThumbHeight": "1.75rem",
-  "amsterdamSwitchThumbHoverColor": "#102E62",
-  "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,
-  "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",
-  "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",
-  "amsterdamUnorderedListListStyleType": "'\\2022'",
-  "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'",
-  "amsterdamUnorderedListUnorderedListItemMarginInlineStart": "0.875rem",
-  "amsterdamUnorderedListUnorderedListItemPaddingInlineStart": "0.875rem",
-  "utrechtActionActivateCursor": "pointer",
-  "utrechtActionBusyCursor": "wait",
-  "utrechtActionDisabledCursor": "not-allowed",
-  "utrechtActionInertCursor": "default",
-  "utrechtActionNavigateCursor": "pointer",
-  "utrechtActionSubmitCursor": "pointer",
-  "utrechtFocusOutlineOffset": "2px",
-  "utrechtButtonBackgroundColor": "#004699",
-  "utrechtButtonColor": "#ffffff",
-  "utrechtButtonFontFamily": "'Amsterdam Sans', Arial, sans-serif",
-  "utrechtButtonPaddingInlineStart": "1rem",
-  "utrechtButtonPaddingInlineEnd": "1rem",
-  "utrechtButtonPaddingBlockStart": "0.5rem",
-  "utrechtButtonPaddingBlockEnd": "0.5rem",
-  "utrechtButtonDisabledBackgroundColor": "#B4B4B4",
-  "utrechtButtonDisabledColor": "#ffffff",
-  "utrechtButtonPrimaryActionBackgroundColor": "#004699",
-  "utrechtButtonPrimaryActionColor": "#ffffff",
-  "utrechtButtonPrimaryActionDisabledBackgroundColor": "#B4B4B4",
-  "utrechtButtonPrimaryActionHoverBackgroundColor": "#102E62",
-  "utrechtButtonSecondaryActionBackgroundColor": "#ffffff",
-  "utrechtButtonSecondaryActionColor": "#004699",
-  "utrechtButtonSecondaryActionHoverColor": "#102E62",
-  "utrechtButtonSecondaryActionDisabledBackgroundColor": "#ffffff",
-  "utrechtButtonSecondaryActionDisabledColor": "#B4B4B4",
-  "utrechtButtonSubtleBackgroundColor": "transparent",
-  "utrechtButtonSubtleColor": "#004699",
-  "utrechtButtonSubtleHoverColor": "#102E62",
-  "utrechtButtonSubtleFocusColor": "#102E62",
-  "utrechtButtonSubtleDisabledBackgroundColor": "transparent",
-  "utrechtButtonSubtleDisabledColor": "#B4B4B4"
+  "amsterdam": {
+    "color": {
+      "primary-black": "#000000",
+      "primary-white": "#FFFFFF",
+      "primary-blue": "#004699",
+      "primary-red": "#EC0000",
+      "dark-blue": "#102E62",
+      "orange": "#FF9100",
+      "yellow": "#FFE600",
+      "green": "#BED200",
+      "dark-green": "#00A03C",
+      "blue": "#009DE6",
+      "purple": "#A00078",
+      "magenta": "#E50082",
+      "neutral-grey1": "#E8E8E8",
+      "neutral-grey2": "#BEBEBE",
+      "neutral-grey3": "#767676"
+    },
+    "proportion": {
+      "x-tall": "9 / 16",
+      "tall": "4 / 5",
+      "square": "1 / 1",
+      "wide": "5 / 4",
+      "x-wide": "16 / 9",
+      "2x-wide": "32 / 9"
+    },
+    "typography": {
+      "font-family": "'Amsterdam Sans', Arial, sans-serif",
+      "font-weight": {
+        "normal": 400,
+        "bold": 800
+      },
+      "text-level": {
+        "0": {
+          "font-size": "clamp(2.432rem, calc(2.683vw + 1.895rem), 4.578rem)",
+          "line-height": "1.15"
+        },
+        "1": {
+          "font-size": "clamp(2.084rem, calc(1.973vw + 1.69rem), 3.662rem)",
+          "line-height": "1.2"
+        },
+        "2": {
+          "font-size": "clamp(1.786rem, calc(1.43vw + 1.5rem), 2.93rem)",
+          "line-height": "1.25"
+        },
+        "3": {
+          "font-size": "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)",
+          "line-height": "1.3"
+        },
+        "4": {
+          "font-size": "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)",
+          "line-height": "1.5"
+        },
+        "5": {
+          "font-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
+          "line-height": "1.6"
+        },
+        "6": {
+          "font-size": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
+          "line-height": "1.6"
+        }
+      }
+    },
+    "border-width": {
+      "sm": "1px",
+      "md": "2px",
+      "lg": "3px"
+    },
+    "focus": {
+      "outline-offset": "2px"
+    },
+    "hyphenation": {
+      "hyphenate-limit-chars": "12 8 4",
+      "hyphens": "auto",
+      "overflow-wrap": "break-word"
+    },
+    "link-appearance": {
+      "color": "#004699",
+      "text-decoration-thickness": "0.125rem",
+      "text-underline-offset": "0.375rem",
+      "hover": {
+        "color": "#102E62"
+      },
+      "on-background-dark": {
+        "color": "#FFFFFF"
+      },
+      "on-background-light": {
+        "color": "#000000"
+      },
+      "regular": {
+        "text-decoration-line": "underline",
+        "hover": {
+          "text-decoration-thickness": "0.1875rem",
+          "text-underline-offset": "0.3125rem"
+        }
+      },
+      "subtle": {
+        "text-decoration-line": "none",
+        "hover": {
+          "text-decoration-line": "underline"
+        }
+      }
+    },
+    "spacing": {
+      "inset": {
+        "sm": "0.5rem",
+        "md": "1rem",
+        "lg": "1.5rem",
+        "xl": "2.5rem"
+      }
+    },
+    "accordion": {
+      "button": {
+        "color": "#004699",
+        "font-family": "'Amsterdam Sans', Arial, sans-serif",
+        "font-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
+        "font-weight": 800,
+        "line-height": "1.6",
+        "focus": {
+          "outline-offset": "2px"
+        },
+        "hover": {
+          "box-shadow": "inset 0 0 0 2px #767676"
+        }
+      }
+    },
+    "alert": {
+      "border-width": "4px",
+      "border-style": "solid",
+      "gap": "1rem",
+      "padding-block-start": "1rem",
+      "padding-block-end": "1rem",
+      "padding-inline-start": "1.5rem",
+      "padding-inline-end": "1.5rem",
+      "error": {
+        "border-color": "#EC0000"
+      },
+      "info": {
+        "border-color": "#004699"
+      },
+      "success": {
+        "border-color": "#00A03C"
+      },
+      "warning": {
+        "border-color": "#FF9100"
+      },
+      "close": {
+        "fill": "#000000",
+        "hover": {
+          "fill": "#004699"
+        }
+      }
+    },
+    "aspect-ratio": {
+      "x-tall": "9 / 16",
+      "tall": "4 / 5",
+      "square": "1 / 1",
+      "wide": "5 / 4",
+      "x-wide": "16 / 9",
+      "2x-wide": "32 / 9"
+    },
+    "badge": {
+      "font-family": "'Amsterdam Sans', Arial, sans-serif",
+      "font-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
+      "font-weight": 800,
+      "line-height": "1.6",
+      "padding-inline": "0.5rem",
+      "blue": {
+        "background-color": "#009DE6",
+        "color": "#000000"
+      },
+      "dark-blue": {
+        "background-color": "#004699",
+        "color": "#FFFFFF"
+      },
+      "dark-green": {
+        "background-color": "#00A03C",
+        "color": "#FFFFFF"
+      },
+      "green": {
+        "background-color": "#BED200",
+        "color": "#000000"
+      },
+      "magenta": {
+        "background-color": "#E50082",
+        "color": "#FFFFFF"
+      },
+      "orange": {
+        "background-color": "#FF9100",
+        "color": "#000000"
+      },
+      "purple": {
+        "background-color": "#A00078",
+        "color": "#FFFFFF"
+      },
+      "yellow": {
+        "background-color": "#FFE600",
+        "color": "#000000"
+      }
+    },
+    "blockquote": {
+      "color": "#000000",
+      "font-family": "'Amsterdam Sans', Arial, sans-serif",
+      "font-size": "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)",
+      "font-weight": 800,
+      "line-height": "1.3",
+      "inverse-color": "#FFFFFF"
+    },
+    "breadcrumb": {
+      "font-family": "'Amsterdam Sans', Arial, sans-serif",
+      "font-size": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
+      "font-weight": 400,
+      "line-height": "1.6",
+      "separator": {
+        "background-image": "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>\")"
+      },
+      "item-link": {
+        "color": "#004699",
+        "outline-offset": "2px",
+        "text-decoration-line": "none",
+        "text-decoration-thickness": "0.125rem",
+        "text-underline-offset": "0.375rem",
+        "hover": {
+          "color": "#102E62",
+          "text-decoration-line": "underline"
+        }
+      }
+    },
+    "button": {
+      "font-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
+      "line-height": "1.6",
+      "secondary": {
+        "box-shadow": "inset 0 0 0 2px #004699",
+        "hover": {
+          "box-shadow": "inset 0 0 0 3px #102E62"
+        },
+        "disabled": {
+          "box-shadow": "inset 0 0 0 2px #BEBEBE"
+        },
+        "focus": {
+          "box-shadow": "inset 0 0 0 2px #004699"
+        }
+      },
+      "tertiary": {
+        "hover": {
+          "box-shadow": "inset 0 0 0 2px #102E62"
+        }
+      }
+    },
+    "card": {
+      "link": {
+        "color": "#004699",
+        "text-decoration-line": "none",
+        "text-decoration-thickness": "0.125rem",
+        "text-underline-offset": "0.375rem",
+        "hover": {
+          "color": "#102E62",
+          "text-decoration-line": "underline"
+        }
+      },
+      "outline-offset": "2px"
+    },
+    "checkbox": {
+      "color": "#000000",
+      "font-family": "'Amsterdam Sans', Arial, sans-serif",
+      "font-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
+      "font-weight": 400,
+      "line-height": "1.6",
+      "outline-offset": "2px",
+      "checkmark": {
+        "border-color": "#004699",
+        "checked": {
+          "background-color": "#004699",
+          "hover": {
+            "background-color": "#102E62"
+          }
+        },
+        "disabled": {
+          "border-color": "#767676",
+          "checked": {
+            "background-color": "#767676",
+            "hover": {
+              "background-color": "#767676"
+            }
+          },
+          "indeterminate": {
+            "background-color": "#767676",
+            "hover": {
+              "background-color": "#767676"
+            }
+          }
+        },
+        "hover": {
+          "border-color": "#102E62"
+        },
+        "invalid": {
+          "border-color": "#EC0000",
+          "checked": {
+            "background-color": "#EC0000",
+            "hover": {
+              "background-color": "#EC0000"
+            }
+          },
+          "hover": {
+            "border-color": "#EC0000"
+          },
+          "indeterminate": {
+            "background-color": "#EC0000",
+            "hover": {
+              "background-color": "#EC0000"
+            }
+          }
+        },
+        "indeterminate": {
+          "background-color": "#004699",
+          "hover": {
+            "background-color": "#102E62"
+          }
+        }
+      },
+      "disabled": {
+        "color": "#767676"
+      },
+      "hover": {
+        "color": "#102E62"
+      }
+    },
+    "dialog": {
+      "background-color": "#FFFFFF",
+      "border": "0",
+      "max-inline-size": "min(87.69vw, 45rem)",
+      "title": {
+        "color": "#000000",
+        "font-family": "'Amsterdam Sans', Arial, sans-serif",
+        "font-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
+        "font-weight": 800,
+        "line-height": "1.6"
+      },
+      "backdrop": {
+        "background": "#0006"
+      },
+      "form": {
+        "gap": "1.5rem",
+        "padding-block": "clamp(1.5rem, calc(1.5rem + ((1vw - 0.5337rem) * 2.1448)), 2.5rem)",
+        "padding-inline": "clamp(1.5rem, calc(1.5rem + ((1vw - 0.5337rem) * 2.1448)), 2.5rem)",
+        "max-block-size": "75vh"
+      },
+      "article": {
+        "padding-inline-end": "1.5rem"
+      },
+      "header": {
+        "gap": "1rem"
+      },
+      "footer": {
+        "gap": "1rem",
+        "padding-block": "1.5rem 0"
+      }
+    },
+    "form-label": {
+      "color": "#000000",
+      "font-family": "'Amsterdam Sans', Arial, sans-serif",
+      "font-size": "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)",
+      "font-weight": 800,
+      "line-height": "1.5"
+    },
+    "grid": {
+      "column-count": "4",
+      "gap": "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)",
+      "padding-inline": "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)",
+      "medium": {
+        "column-count": "8"
+      },
+      "wide": {
+        "column-count": "12"
+      }
+    },
+    "header": {
+      "column-gap": "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)"
+    },
+    "heading": {
+      "color": "#000000",
+      "font-family": "'Amsterdam Sans', Arial, sans-serif",
+      "font-weight": 800,
+      "inverse-color": "#FFFFFF",
+      "level-1": {
+        "font-size": "clamp(2.084rem, calc(1.973vw + 1.69rem), 3.662rem)",
+        "line-height": "1.2"
+      },
+      "level-2": {
+        "font-size": "clamp(1.786rem, calc(1.43vw + 1.5rem), 2.93rem)",
+        "line-height": "1.25"
+      },
+      "level-3": {
+        "font-size": "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)",
+        "line-height": "1.3"
+      },
+      "level-4": {
+        "font-size": "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)",
+        "line-height": "1.5"
+      },
+      "level-5": {
+        "font-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
+        "line-height": "1.6"
+      },
+      "level-6": {
+        "font-size": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
+        "line-height": "1.6"
+      }
+    },
+    "icon-button": {
+      "color": "#004699",
+      "outline-offset": "2px",
+      "hover": {
+        "background-color": "rgba(0, 70, 153, 0.125)",
+        "color": "#102E62"
+      },
+      "disabled": {
+        "color": "#BEBEBE"
+      },
+      "on-background-light": {
+        "color": "#000000",
+        "hover": {
+          "background-color": "rgba(0, 0, 0, 0.125)",
+          "color": "#000000"
+        },
+        "disabled": {
+          "color": "#BEBEBE"
+        }
+      },
+      "on-background-dark": {
+        "background-color": "#004699",
+        "color": "#FFFFFF",
+        "hover": {
+          "background-color": "#102E62",
+          "color": "#FFFFFF"
+        },
+        "disabled": {
+          "color": "#FFFFFF",
+          "background-color": "#BEBEBE"
+        }
+      }
+    },
+    "icon": {
+      "size-3": {
+        "font-size": "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)",
+        "line-height": "1.3"
+      },
+      "size-4": {
+        "font-size": "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)",
+        "line-height": "1.5"
+      },
+      "size-5": {
+        "font-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
+        "line-height": "1.6"
+      },
+      "size-6": {
+        "font-size": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
+        "line-height": "1.6"
+      }
+    },
+    "link-list": {
+      "gap": "0.5em",
+      "link": {
+        "color": "#004699",
+        "font-family": "'Amsterdam Sans', Arial, sans-serif",
+        "font-weight": 400,
+        "gap": "0.5em",
+        "outline-offset": "2px",
+        "text-decoration-line": "none",
+        "text-decoration-thickness": "0.125rem",
+        "text-underline-offset": "0.375rem",
+        "small": {
+          "font-size": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
+          "line-height": "1.6"
+        },
+        "medium": {
+          "font-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
+          "line-height": "1.6"
+        },
+        "large": {
+          "font-size": "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)",
+          "line-height": "1.5"
+        },
+        "hover": {
+          "color": "#102E62",
+          "text-decoration-line": "underline"
+        },
+        "on-background-dark": {
+          "color": "#FFFFFF",
+          "hover": {
+            "color": "#FFFFFF"
+          }
+        },
+        "on-background-light": {
+          "color": "#000000",
+          "hover": {
+            "color": "#000000"
+          }
+        }
+      }
+    },
+    "link": {
+      "color": "#004699",
+      "font-family": "'Amsterdam Sans', Arial, sans-serif",
+      "font-weight": 400,
+      "outline-offset": "2px",
+      "hover": {
+        "color": "#102E62"
+      },
+      "inline": {
+        "text-decoration-line": "underline",
+        "text-decoration-thickness": "0.125rem",
+        "text-underline-offset": "0.375rem",
+        "font-family": "inherit",
+        "font-size": "inherit",
+        "line-height": "inherit",
+        "hover": {
+          "text-decoration-thickness": "0.1875rem",
+          "text-underline-offset": "0.3125rem"
+        },
+        "visited": {
+          "color": "#A00078"
+        }
+      },
+      "standalone": {
+        "font-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
+        "line-height": "1.6",
+        "text-decoration-line": "underline",
+        "text-decoration-thickness": "0.125rem",
+        "text-underline-offset": "0.375rem",
+        "hover": {
+          "text-decoration-thickness": "0.1875rem",
+          "text-underline-offset": "0.3125rem"
+        }
+      },
+      "on-background-dark": {
+        "color": "#FFFFFF",
+        "hover": {
+          "color": "#FFFFFF"
+        },
+        "visited": {
+          "color": "#FFFFFF"
+        }
+      },
+      "on-background-light": {
+        "color": "#000000",
+        "hover": {
+          "color": "#000000"
+        },
+        "visited": {
+          "color": "#000000"
+        }
+      }
+    },
+    "logo": {
+      "height": "2.5rem",
+      "emblem": {
+        "color": "#EC0000"
+      },
+      "title": {
+        "color": "#EC0000"
+      },
+      "subsite": {
+        "color": "#000000"
+      }
+    },
+    "mark": {
+      "background-color": "var(--amsterdam-color-yellow)"
+    },
+    "mega-menu": {
+      "list-category": {
+        "column-gap": "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)",
+        "column-width": "20rem",
+        "padding-block-start": "1rem",
+        "padding-block-end": "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)"
+      }
+    },
+    "ordered-list": {
+      "color": "#000000",
+      "font-family": "'Amsterdam Sans', Arial, sans-serif",
+      "font-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
+      "font-weight": 400,
+      "gap": "0.75rem",
+      "line-height": "1.6",
+      "list-style-type": "decimal",
+      "item": {
+        "margin-inline-start": "2.25rem",
+        "padding-inline-start": "0.25rem"
+      },
+      "ordered-list": {
+        "list-style-type": "lower-alpha",
+        "item": {
+          "margin-inline-start": "1.5rem",
+          "padding-inline-start": "0.25rem"
+        }
+      }
+    },
+    "page-heading": {
+      "color": "#000000",
+      "font-family": "'Amsterdam Sans', Arial, sans-serif",
+      "font-size": "clamp(2.432rem, calc(2.683vw + 1.895rem), 4.578rem)",
+      "font-weight": 800,
+      "inverse-color": "#FFFFFF",
+      "line-height": "clamp(2.432rem, calc(2.683vw + 1.895rem), 4.578rem)"
+    },
+    "page-menu": {
+      "column-gap": "2.5rem",
+      "row-gap": "0.5rem",
+      "item": {
+        "color": "#004699",
+        "font-family": "'Amsterdam Sans', Arial, sans-serif",
+        "font-size": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
+        "font-weight": 400,
+        "gap": "0.5rem",
+        "line-height": "1.6",
+        "outline-offset": "2px",
+        "text-decoration-line": "none",
+        "text-decoration-thickness": "0.125rem",
+        "text-underline-offset": "0.375rem",
+        "hover": {
+          "color": "#102E62",
+          "text-decoration-line": "underline"
+        }
+      }
+    },
+    "pagination": {
+      "color": "#004699",
+      "font-family": "'Amsterdam Sans', Arial, sans-serif",
+      "font-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
+      "font-weight": 400,
+      "line-height": "1.6",
+      "button": {
+        "outline-offset": "2px",
+        "text-decoration-line": "none",
+        "text-decoration-thickness": "0.125rem",
+        "text-underline-offset": "0.375rem",
+        "current": {
+          "font-weight": 800
+        },
+        "hover": {
+          "color": "#102E62",
+          "text-decoration-line": "underline"
+        }
+      }
+    },
+    "paragraph": {
+      "color": "#000000",
+      "font-family": "'Amsterdam Sans', Arial, sans-serif",
+      "font-weight": 400,
+      "inverse-color": "#FFFFFF",
+      "small": {
+        "font-size": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
+        "line-height": "1.6"
+      },
+      "medium": {
+        "font-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
+        "line-height": "1.6"
+      },
+      "large": {
+        "font-size": "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)",
+        "line-height": "1.5"
+      }
+    },
+    "screen": {
+      "wide": {
+        "max-width": "100rem"
+      },
+      "x-wide": {
+        "max-width": "132rem"
+      }
+    },
+    "search-field": {
+      "button": {
+        "background-color": "#004699",
+        "color": "#FFFFFF",
+        "outline-offset": "2px",
+        "hover": {
+          "background-color": "#102E62"
+        }
+      },
+      "input": {
+        "box-shadow": "inset 0 0 0 1px #000000",
+        "color": "#000000",
+        "font-family": "'Amsterdam Sans', Arial, sans-serif",
+        "font-size": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
+        "font-weight": 400,
+        "line-height": "1.6",
+        "outline-offset": "2px",
+        "cancel-button": {
+          "background-image": "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>\")",
+          "color": "#004699",
+          "height": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
+          "width": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)"
+        },
+        "hover": {
+          "box-shadow": "inset 0 0 0 2px #000000"
+        },
+        "placeholder": {
+          "color": "#767676"
+        }
+      }
+    },
+    "skip-link": {
+      "background-color": "#004699",
+      "color": "#FFFFFF",
+      "font-family": "'Amsterdam Sans', Arial, sans-serif",
+      "font-weight": 400,
+      "font-size": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
+      "line-height": "1.6",
+      "outline-offset": "2px",
+      "hover": {
+        "background-color": "#102E62"
+      }
+    },
+    "spotlight": {
+      "blue": {
+        "background-color": "#009DE6"
+      },
+      "dark-blue": {
+        "background-color": "#004699"
+      },
+      "dark-green": {
+        "background-color": "#00A03C"
+      },
+      "green": {
+        "background-color": "#BED200"
+      },
+      "magenta": {
+        "background-color": "#E50082"
+      },
+      "orange": {
+        "background-color": "#FF9100"
+      },
+      "purple": {
+        "background-color": "#A00078"
+      },
+      "yellow": {
+        "background-color": "#FFE600"
+      }
+    },
+    "switch": {
+      "font-family": "'Amsterdam Sans', Arial, sans-serif",
+      "background-color": "#767676",
+      "width": "3.5rem",
+      "thumb": {
+        "background-color": "#FFFFFF",
+        "width": "1.75rem",
+        "height": "1.75rem",
+        "hover": {
+          "color": "#102E62"
+        }
+      },
+      "checked": {
+        "background-color": "#004699"
+      },
+      "outline-offset": "2px",
+      "disabled": {
+        "background-color": "#BEBEBE"
+      }
+    },
+    "table": {
+      "color": "#000000",
+      "font-family": "'Amsterdam Sans', Arial, sans-serif",
+      "font-weight": 400,
+      "font-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
+      "line-height": "1.6",
+      "caption": {
+        "font-weight": 800
+      },
+      "cell": {
+        "border-bottom": "1px solid #E8E8E8"
+      },
+      "header-cell": {
+        "font-weight": 800
+      }
+    },
+    "text-input": {
+      "box-shadow": "inset 0 0 0 1px #000000",
+      "color": "#000000",
+      "font-family": "'Amsterdam Sans', Arial, sans-serif",
+      "font-size": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
+      "font-weight": 400,
+      "line-height": "1.6",
+      "outline-offset": "2px",
+      "disabled": {
+        "background-color": "#FFFFFF",
+        "box-shadow": "inset 0 0 0 1px #BEBEBE",
+        "color": "#BEBEBE"
+      },
+      "hover": {
+        "box-shadow": "inset 0 0 0 2px #000000"
+      },
+      "invalid": {
+        "box-shadow": "inset 0 0 0 1px #EC0000",
+        "hover": {
+          "box-shadow": "inset 0 0 0 2px #EC0000"
+        }
+      },
+      "placeholder": {
+        "color": "#767676"
+      }
+    },
+    "top-task-link": {
+      "description": {
+        "color": "#000000",
+        "font-family": "'Amsterdam Sans', Arial, sans-serif",
+        "font-size": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
+        "font-weight": 400,
+        "line-height": "1.6"
+      },
+      "label": {
+        "color": "#004699",
+        "font-family": "'Amsterdam Sans', Arial, sans-serif",
+        "font-size": "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)",
+        "font-weight": 800,
+        "line-height": "1.5",
+        "text-decoration-line": "none",
+        "text-decoration-thickness": "0.125rem",
+        "text-underline-offset": "0.375rem",
+        "hover": {
+          "color": "#102E62",
+          "text-decoration-line": "underline"
+        }
+      },
+      "outline-offset": "2px"
+    },
+    "unordered-list": {
+      "color": "#000000",
+      "font-family": "'Amsterdam Sans', Arial, sans-serif",
+      "font-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
+      "font-weight": 400,
+      "gap": "0.75rem",
+      "line-height": "1.6",
+      "list-style-type": "'\\2022'",
+      "item": {
+        "margin-inline-start": "1.625rem",
+        "padding-inline-start": "0.875rem"
+      },
+      "unordered-list": {
+        "list-style-type": "'\\2013'",
+        "item": {
+          "margin-inline-start": "0.875rem",
+          "padding-inline-start": "0.875rem"
+        }
+      }
+    }
+  },
+  "utrecht": {
+    "action": {
+      "activate": {
+        "cursor": "pointer"
+      },
+      "busy": {
+        "cursor": "wait"
+      },
+      "disabled": {
+        "cursor": "not-allowed"
+      },
+      "inert": {
+        "cursor": "default"
+      },
+      "navigate": {
+        "cursor": "pointer"
+      },
+      "submit": {
+        "cursor": "pointer"
+      }
+    },
+    "focus": {
+      "outline-offset": "2px"
+    },
+    "button": {
+      "background-color": "#004699",
+      "border-color": {},
+      "border-radius": {},
+      "border-width": {},
+      "color": "#FFFFFF",
+      "font-family": "'Amsterdam Sans', Arial, sans-serif",
+      "font-size": {},
+      "line-height": {},
+      "padding-inline-start": "1rem",
+      "padding-inline-end": "1rem",
+      "padding-block-start": "0.5rem",
+      "padding-block-end": "0.5rem",
+      "margin-inline-start": {},
+      "margin-inline-end": {},
+      "margin-block-start": {},
+      "margin-block-end": {},
+      "icon": {
+        "gap": {}
+      },
+      "disabled": {
+        "background-color": "#BEBEBE",
+        "color": "#FFFFFF",
+        "border-color": {}
+      },
+      "hover": {
+        "background-color": {}
+      },
+      "focus": {
+        "scale": {}
+      },
+      "primary-action": {
+        "background-color": "#004699",
+        "border-color": {},
+        "border-width": {},
+        "color": "#FFFFFF",
+        "disabled": {
+          "background-color": "#BEBEBE",
+          "color": {},
+          "border-color": {}
+        },
+        "hover": {
+          "background-color": "#102E62",
+          "border-color": {},
+          "color": {}
+        },
+        "focus": {
+          "background-color": {},
+          "border-color": {},
+          "border-width": {}
+        },
+        "ready": {
+          "background-color": {},
+          "border-color": {},
+          "color": {},
+          "disabled": {
+            "border-color": {}
+          },
+          "hover": {
+            "background-color": {},
+            "border-color": {},
+            "color": {}
+          },
+          "focus": {
+            "background-color": {},
+            "border-color": {}
+          }
+        },
+        "warning": {
+          "background-color": {},
+          "border-color": {},
+          "color": {},
+          "disabled": {
+            "border-color": {}
+          },
+          "hover": {
+            "background-color": {},
+            "border-color": {},
+            "color": {}
+          },
+          "focus": {
+            "background-color": {},
+            "border-color": {}
+          }
+        },
+        "danger": {
+          "background-color": {},
+          "border-color": {},
+          "color": {},
+          "disabled": {
+            "border-color": {}
+          },
+          "hover": {
+            "background-color": {},
+            "border-color": {},
+            "color": {}
+          },
+          "focus": {
+            "background-color": {},
+            "border-color": {}
+          }
+        }
+      },
+      "secondary-action": {
+        "background-color": "#FFFFFF",
+        "color": "#004699",
+        "border-color": {},
+        "border-width": {},
+        "hover": {
+          "background-color": {},
+          "color": "#102E62",
+          "border-color": {}
+        },
+        "disabled": {
+          "background-color": "#FFFFFF",
+          "color": "#BEBEBE",
+          "border-color": {}
+        },
+        "danger": {
+          "background-color": {},
+          "border-color": {},
+          "color": {},
+          "disabled": {
+            "border-color": {}
+          },
+          "hover": {
+            "background-color": {},
+            "border-color": {},
+            "color": {}
+          },
+          "focus": {
+            "background-color": {},
+            "border-color": {}
+          }
+        },
+        "warning": {
+          "background-color": {},
+          "border-color": {},
+          "color": {},
+          "disabled": {
+            "border-color": {}
+          },
+          "hover": {
+            "background-color": {},
+            "border-color": {},
+            "color": {}
+          },
+          "focus": {
+            "background-color": {},
+            "border-color": {}
+          }
+        },
+        "ready": {
+          "background-color": {},
+          "border-color": {},
+          "color": {},
+          "disabled": {
+            "border-color": {}
+          },
+          "hover": {
+            "background-color": {},
+            "border-color": {},
+            "color": {}
+          },
+          "focus": {
+            "background-color": {},
+            "border-color": {}
+          }
+        }
+      },
+      "subtle": {
+        "background-color": "transparent",
+        "border-color": {},
+        "border-width": {},
+        "color": "#004699",
+        "font-weight": {},
+        "hover": {
+          "background-color": {},
+          "color": "#102E62",
+          "border-color": {}
+        },
+        "focus": {
+          "background-color": {},
+          "color": "#102E62",
+          "border-color": {}
+        },
+        "disabled": {
+          "background-color": "transparent",
+          "color": "#BEBEBE"
+        },
+        "danger": {
+          "color": {},
+          "hover": {
+            "color": {}
+          },
+          "focus": {
+            "color": {}
+          }
+        },
+        "ready": {
+          "color": {},
+          "hover": {
+            "color": {}
+          },
+          "focus": {
+            "color": {}
+          }
+        }
+      }
+    }
+  }
 }