@amsterdam/design-system-tokens/dist/index.json

All design tokens from the Amsterdam Design System. Use it to apply its visual design to your website or application.

{
  "ams": {
    "aspect-ratio": {
      "9-16": "9 / 16",
      "3-4": "3 / 4",
      "1-1": "1 / 1",
      "4-3": "4 / 3",
      "16-9": "16 / 9",
      "16-5": "16 / 5"
    },
    "border": {
      "width": {
        "s": "0.0625rem",
        "m": "0.125rem",
        "l": "0.1875rem",
        "xl": "0.25rem"
      }
    },
    "color": {
      "background": "#ffffff",
      "feedback": {
        "error": "#ec0000",
        "info": "#009de6",
        "success": "#00a03c",
        "warning": "#ff9100"
      },
      "highlight": {
        "azure": "#009de6",
        "green": "#00a03c",
        "lime": "#bed200",
        "magenta": "#e50082",
        "orange": "#ff9100",
        "purple": "#a00078",
        "yellow": "#ffe600"
      },
      "interactive": {
        "contrast": "#000000",
        "default": "#004699",
        "disabled": "#767676",
        "hover": "#003677",
        "invalid": {
          "default": "#ec0000",
          "hover": "#b70000"
        },
        "inverse": "#ffffff",
        "secondary": "#181818"
      },
      "separator": "#d1d1d1",
      "text": {
        "default": "#181818",
        "inverse": "#ffffff",
        "secondary": "#767676"
      }
    },
    "cursor": {
      "disabled": "not-allowed",
      "interactive": "pointer"
    },
    "focus": {
      "outline-offset": "0.125rem"
    },
    "space": {
      "xs": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
      "s": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
      "m": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
      "l": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
      "xl": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)",
      "2xl": "clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)"
    },
    "typography": {
      "font-family": "'Amsterdam Sans', Arial, sans-serif",
      "hyphenate-limit-chars": "12 8 4",
      "body-text": {
        "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
        "font-weight": "400",
        "line-height": "1.6667",
        "bold": {
          "font-weight": "800"
        },
        "small": {
          "font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
          "line-height": "1.5152"
        },
        "large": {
          "font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
          "line-height": "1.5152"
        },
        "x-large": {
          "font-size": "clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)",
          "line-height": "1.3776"
        }
      },
      "heading": {
        "0": {
          "font-size": "clamp(2.4316rem, calc(1.8951rem + 2.6826vw), 4.5776rem)",
          "line-height": "1.1386"
        },
        "1": {
          "font-size": "clamp(2.0842rem, calc(1.6897rem + 1.9724vw), 3.6621rem)",
          "line-height": "1.1754"
        },
        "2": {
          "font-size": "clamp(1.7865rem, calc(1.5007rem + 1.429vw), 2.9297rem)",
          "line-height": "1.2133"
        },
        "3": {
          "font-size": "clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)",
          "line-height": "1.2524"
        },
        "4": {
          "font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
          "line-height": "1.2928"
        },
        "5": {
          "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
          "line-height": "1.3345"
        },
        "6": {
          "font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
          "line-height": "1.3776"
        },
        "font-weight": "800"
      }
    },
    "links": {
      "color": "#004699",
      "text-decoration-thickness": "0.125rem",
      "text-underline-offset": "0.3333em",
      "hover": {
        "color": "#003677",
        "text-decoration-thickness": "0.1875rem",
        "text-underline-offset": "0.2778em"
      },
      "subtle": {
        "text-decoration-line": "none",
        "hover": {
          "text-decoration-line": "underline"
        }
      },
      "contrast": {
        "color": "#000000",
        "hover": {
          "color": "#000000"
        }
      },
      "inverse": {
        "color": "#ffffff",
        "hover": {
          "color": "#ffffff"
        }
      }
    },
    "accordion": {
      "gap": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
      "button": {
        "color": "#004699",
        "cursor": "pointer",
        "font-family": "'Amsterdam Sans', Arial, sans-serif",
        "font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
        "font-weight": "800",
        "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
        "line-height": "1.2928",
        "outline-offset": "0.125rem",
        "padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
        "padding-inline": "0",
        "hover": {
          "color": "#003677"
        }
      },
      "panel": {
        "padding-block": "0",
        "padding-inline": "0"
      }
    },
    "action-group": {
      "gap": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"
    },
    "alert": {
      "background-color": "#ffffff",
      "box-shadow": "inset 0 0 0 0.25rem #009de6",
      "forced-colors": {
        "border-width": "0.25rem"
      },
      "severity-indicator": {
        "background-color": "#009de6",
        "padding-block": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
        "padding-inline": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)"
      },
      "content": {
        "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
        "padding-block": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
        "padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"
      },
      "error": {
        "box-shadow": "inset 0 0 0 0.25rem #ec0000",
        "severity-indicator": {
          "background-color": "#ec0000"
        }
      },
      "success": {
        "box-shadow": "inset 0 0 0 0.25rem #00a03c",
        "severity-indicator": {
          "background-color": "#00a03c"
        }
      },
      "warning": {
        "box-shadow": "inset 0 0 0 0.25rem #ff9100",
        "severity-indicator": {
          "background-color": "#ff9100"
        }
      }
    },
    "avatar": {
      "aspect-ratio": "1 / 1",
      "background-color": "#a00078",
      "color": "#ffffff",
      "font-family": "'Amsterdam Sans', Arial, sans-serif",
      "font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
      "font-weight": "400",
      "line-height": "1.5152",
      "padding-block": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
      "padding-inline": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
      "forced-colors": {
        "border-width": "0.125rem"
      },
      "azure": {
        "background-color": "#009de6",
        "color": "#181818"
      },
      "green": {
        "background-color": "#00a03c",
        "color": "#ffffff"
      },
      "lime": {
        "background-color": "#bed200",
        "color": "#181818"
      },
      "magenta": {
        "background-color": "#e50082",
        "color": "#ffffff"
      },
      "orange": {
        "background-color": "#ff9100",
        "color": "#181818"
      },
      "yellow": {
        "background-color": "#ffe600",
        "color": "#181818"
      }
    },
    "badge": {
      "background-color": "#00a03c",
      "color": "#ffffff",
      "font-family": "'Amsterdam Sans', Arial, sans-serif",
      "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
      "font-weight": "800",
      "line-height": "1.6667",
      "padding-inline": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
      "azure": {
        "background-color": "#009de6",
        "color": "#181818"
      },
      "lime": {
        "background-color": "#bed200",
        "color": "#181818"
      },
      "magenta": {
        "background-color": "#e50082",
        "color": "#ffffff"
      },
      "orange": {
        "background-color": "#ff9100",
        "color": "#181818"
      },
      "purple": {
        "background-color": "#a00078",
        "color": "#ffffff"
      },
      "red": {
        "background-color": "#ec0000",
        "color": "#ffffff"
      },
      "yellow": {
        "background-color": "#ffe600",
        "color": "#181818"
      }
    },
    "blockquote": {
      "color": "#181818",
      "font-family": "'Amsterdam Sans', Arial, sans-serif",
      "font-size": "clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)",
      "font-weight": "800",
      "line-height": "1.3776",
      "inverse": {
        "color": "#ffffff"
      }
    },
    "breadcrumb": {
      "font-family": "'Amsterdam Sans', Arial, sans-serif",
      "font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
      "font-weight": "400",
      "line-height": "1.5152",
      "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>\")",
        "block-size": "1ex",
        "inline-size": "1ex",
        "margin-inline": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)"
      },
      "link": {
        "color": "#004699",
        "outline-offset": "0.125rem",
        "text-decoration-line": "none",
        "text-decoration-thickness": "0.125rem",
        "text-underline-offset": "0.3333em",
        "hover": {
          "color": "#003677",
          "text-decoration-line": "underline"
        }
      }
    },
    "button": {
      "cursor": "pointer",
      "font-family": "'Amsterdam Sans', Arial, sans-serif",
      "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
      "font-weight": "400",
      "line-height": "1.6667",
      "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
      "outline-offset": "0.125rem",
      "padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
      "padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
      "disabled": {
        "cursor": "not-allowed"
      },
      "forced-color-mode": {
        "border": "0.125rem solid"
      },
      "primary": {
        "background-color": "#004699",
        "box-shadow": "inset 0 0 0 0.125rem #004699",
        "color": "#ffffff",
        "disabled": {
          "background-color": "#767676",
          "box-shadow": "inset 0 0 0 0.125rem #767676"
        },
        "hover": {
          "background-color": "#003677",
          "box-shadow": "inset 0 0 0 0.125rem #003677"
        }
      },
      "secondary": {
        "background-color": "#ffffff",
        "color": "#004699",
        "box-shadow": "inset 0 0 0 0.125rem #004699",
        "hover": {
          "box-shadow": "inset 0 0 0 0.1875rem #003677",
          "color": "#003677"
        },
        "disabled": {
          "background-color": "#ffffff",
          "box-shadow": "inset 0 0 0 0.125rem #767676",
          "color": "#767676"
        }
      },
      "tertiary": {
        "background-color": "transparent",
        "color": "#004699",
        "hover": {
          "box-shadow": "inset 0 0 0 0.125rem #003677",
          "color": "#003677"
        },
        "disabled": {
          "background-color": "transparent",
          "color": "#767676"
        }
      },
      "icon-only": {
        "padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
        "padding-inline": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"
      }
    },
    "card": {
      "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
      "heading-group": {
        "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"
      },
      "link": {
        "color": "#004699",
        "text-decoration-line": "none",
        "text-decoration-thickness": "0.125rem",
        "text-underline-offset": "0.3333em",
        "hover": {
          "color": "#003677",
          "text-decoration-line": "underline"
        }
      },
      "outline-offset": "0.125rem"
    },
    "character-count": {
      "color": "#181818",
      "font-family": "'Amsterdam Sans', Arial, sans-serif",
      "font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
      "font-weight": "400",
      "line-height": "1.5152",
      "error": {
        "color": "#ec0000"
      }
    },
    "checkbox": {
      "color": "#181818",
      "cursor": "pointer",
      "font-family": "'Amsterdam Sans', Arial, sans-serif",
      "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
      "font-weight": "400",
      "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
      "line-height": "1.6667",
      "outline-offset": "0.125rem",
      "checkmark": {
        "border-color": "#004699",
        "border-width": "0.125rem",
        "checked": {
          "background-color": "#004699",
          "background-image": "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23ffffff'%3E%3Cpath fill-rule='evenodd' d='M12.216 27.016 0 14.168l2.91-2.77 9.346 9.837L29.129 4 32 6.8z'/%3E%3C/svg%3E\")",
          "hover": {
            "background-color": "#003677"
          }
        },
        "disabled": {
          "border-color": "#767676",
          "border-width": "0.125rem",
          "checked": {
            "background-color": "#767676",
            "hover": {
              "background-color": "#767676"
            }
          },
          "indeterminate": {
            "background-color": "#767676",
            "hover": {
              "background-color": "#767676"
            }
          }
        },
        "hover": {
          "border-color": "#003677",
          "border-width": "0.1875rem"
        },
        "invalid": {
          "border-color": "#ec0000",
          "checked": {
            "background-color": "#ec0000",
            "hover": {
              "background-color": "#b70000"
            }
          },
          "hover": {
            "border-color": "#b70000"
          },
          "indeterminate": {
            "background-color": "#ec0000",
            "hover": {
              "background-color": "#b70000"
            }
          }
        },
        "indeterminate": {
          "background-color": "#004699",
          "background-image": "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='white'%3E%3Cpath fill-rule='evenodd' d='M0 13.714h32v4H0z'/%3E%3C/svg%3E\")",
          "hover": {
            "background-color": "#003677"
          }
        }
      },
      "disabled": {
        "cursor": "not-allowed",
        "color": "#767676"
      },
      "hover": {
        "color": "#003677",
        "text-decoration-thickness": "0.125rem"
      }
    },
    "column": {
      "gap": {
        "x-small": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
        "small": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
        "medium": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
        "large": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
        "x-large": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)"
      }
    },
    "date-input": {
      "background-color": "#ffffff",
      "box-shadow": "inset 0 0 0 0.0625rem #181818",
      "color": "#181818",
      "font-family": "'Amsterdam Sans', Arial, sans-serif",
      "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
      "font-weight": "400",
      "line-height": "1.6667",
      "outline-offset": "0.125rem",
      "padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
      "padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
      "calender-picker-indicator": {
        "background-image": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23004699'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>\")",
        "cursor": "pointer"
      },
      "disabled": {
        "background-color": "#ffffff",
        "box-shadow": "inset 0 0 0 0.0625rem #767676",
        "color": "#767676",
        "cursor": "not-allowed",
        "calender-picker-indicator": {
          "background-image": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23BEBEBE'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>\")"
        }
      },
      "hover": {
        "box-shadow": "inset 0 0 0 0.125rem #181818",
        "calender-picker-indicator": {
          "background-image": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23102E62'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>\")"
        }
      },
      "invalid": {
        "box-shadow": "inset 0 0 0 0.0625rem #ec0000",
        "hover": {
          "box-shadow": "inset 0 0 0 0.125rem #b70000"
        }
      }
    },
    "description-list": {
      "color": "#181818",
      "column-gap": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
      "font-family": "'Amsterdam Sans', Arial, sans-serif",
      "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
      "line-height": "1.6667",
      "row-gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
      "inverse": {
        "color": "#ffffff"
      },
      "term": {
        "font-weight": "800"
      },
      "description": {
        "font-weight": "400",
        "padding-inline-start": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)"
      },
      "narrow": {
        "grid-template-columns": "1fr 4fr"
      },
      "medium": {
        "grid-template-columns": "1fr 2fr"
      },
      "wide": {
        "grid-template-columns": "1fr 1fr"
      }
    },
    "dialog": {
      "background-color": "#ffffff",
      "border": "0.125rem solid #ffffff",
      "gap": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
      "inline-size": "calc(100% - 2 * clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem))",
      "max-block-size": "calc(100dvh - 2 * clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem))",
      "max-inline-size": "48rem",
      "backdrop": {
        "background-color": "rgb(24 24 24 / 62.5%)"
      },
      "header": {
        "gap": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
        "padding-block": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem) 0",
        "padding-inline": "clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)"
      },
      "body": {
        "padding-block": "0",
        "padding-inline": "clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)"
      },
      "footer": {
        "padding-block": "0 clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)",
        "padding-inline": "clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)"
      }
    },
    "error-message": {
      "color": "#ec0000",
      "font-family": "'Amsterdam Sans', Arial, sans-serif",
      "font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
      "font-weight": "400",
      "gap": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
      "line-height": "1.5152"
    },
    "field-set": {
      "invalid": {
        "border-inline-start": "0.1875rem solid #ec0000",
        "padding-inline-start": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"
      },
      "legend": {
        "color": "#181818",
        "font-family": "'Amsterdam Sans', Arial, sans-serif",
        "font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
        "font-weight": "800",
        "line-height": "1.2928",
        "margin-block-end": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"
      }
    },
    "field": {
      "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
      "invalid": {
        "border-inline-start": "0.1875rem solid #ec0000",
        "padding-inline-start": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"
      }
    },
    "figure": {
      "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
      "caption": {
        "color": "#181818",
        "font-family": "'Amsterdam Sans', Arial, sans-serif",
        "font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
        "font-weight": "400",
        "line-height": "1.5152",
        "inverse": {
          "color": "#ffffff"
        }
      }
    },
    "file-input": {
      "background-color": "#ffffff",
      "border": "0.0625rem dashed #181818",
      "color": "#181818",
      "cursor": "pointer",
      "font-family": "'Amsterdam Sans', Arial, sans-serif",
      "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
      "font-weight": "400",
      "line-height": "1.6667",
      "outline-offset": "calc(0.125rem * 2)",
      "padding-block": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
      "padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
      "disabled": {
        "color": "#767676",
        "cursor": "not-allowed"
      },
      "file-selector-button": {
        "background-color": "#ffffff",
        "box-shadow": "inset 0 0 0 0.125rem #004699",
        "color": "#004699",
        "cursor": "pointer",
        "margin-inline-end": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
        "padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
        "padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
        "hover": {
          "box-shadow": "inset 0 0 0 0.1875rem #003677",
          "color": "#003677"
        },
        "disabled": {
          "box-shadow": "inset 0 0 0 0.125rem #767676",
          "color": "#767676",
          "cursor": "not-allowed"
        },
        "forced-color-mode": {
          "border": "0.125rem solid"
        }
      }
    },
    "file-list": {
      "gap": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
      "padding-block": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
      "file": {
        "font-family": "'Amsterdam Sans', Arial, sans-serif",
        "font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
        "font-weight": "400",
        "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
        "line-height": "1.5152",
        "details": {
          "color": "#767676"
        },
        "preview": {
          "width": "clamp(2.5rem, 10vw, 5rem)"
        }
      }
    },
    "footer": {
      "menu": {
        "column-gap": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
        "padding-block": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
        "padding-inline": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
        "row-gap": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
        "link": {
          "color": "#004699",
          "font-family": "'Amsterdam Sans', Arial, sans-serif",
          "font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
          "font-weight": "400",
          "line-height": "1.5152",
          "outline-offset": "0.125rem",
          "text-decoration-line": "none",
          "text-decoration-thickness": "0.125rem",
          "text-underline-offset": "0.3333em",
          "hover": {
            "color": "#003677",
            "text-decoration-line": "underline"
          }
        }
      },
      "spotlight": {
        "background-color": "#004699"
      }
    },
    "grid": {
      "column-count": "4",
      "column-gap": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)",
      "padding-block": {
        "s": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
        "m": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)",
        "l": "clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)"
      },
      "padding-inline": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
      "row-gap": {
        "s": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
        "m": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)",
        "l": "clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)"
      },
      "medium": {
        "column-count": "8",
        "padding-inline": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)"
      },
      "wide": {
        "column-count": "12",
        "padding-inline": "clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)"
      }
    },
    "header": {
      "font-family": "'Amsterdam Sans', Arial, sans-serif",
      "padding-block": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
      "padding-inline": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
      "logo-link": {
        "column-gap": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
        "outline-offset": "0.125rem"
      },
      "brand-name": {
        "color": "#181818",
        "font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
        "font-weight": "800"
      },
      "mega-menu": {
        "button": {
          "cursor": "pointer",
          "label": {
            "open": {
              "font-weight": "800"
            }
          }
        }
      },
      "menu": {
        "column-gap": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
        "row-gap": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
        "item": {
          "color": "#004699",
          "column-gap": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
          "font-family": "'Amsterdam Sans', Arial, sans-serif",
          "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
          "font-weight": "400",
          "line-height": "1.6667",
          "outline-offset": "0.125rem",
          "padding-block": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
          "hover": {
            "color": "#003677"
          }
        },
        "link": {
          "text-decoration-line": "none",
          "text-decoration-thickness": "0.125rem",
          "text-underline-offset": "0.3333em",
          "hover": {
            "text-decoration-line": "underline"
          }
        }
      },
      "navigation": {
        "column-gap": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
        "row-gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"
      }
    },
    "heading": {
      "1": {
        "font-size": "clamp(2.0842rem, calc(1.6897rem + 1.9724vw), 3.6621rem)",
        "line-height": "1.1754"
      },
      "2": {
        "font-size": "clamp(1.7865rem, calc(1.5007rem + 1.429vw), 2.9297rem)",
        "line-height": "1.2133"
      },
      "3": {
        "font-size": "clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)",
        "line-height": "1.2524"
      },
      "4": {
        "font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
        "line-height": "1.2928"
      },
      "5": {
        "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
        "line-height": "1.3345"
      },
      "6": {
        "font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
        "line-height": "1.3776"
      },
      "color": "#181818",
      "font-family": "'Amsterdam Sans', Arial, sans-serif",
      "font-weight": "800",
      "inverse": {
        "color": "#ffffff"
      }
    },
    "hint": {
      "color": "#767676"
    },
    "icon-button": {
      "color": "#004699",
      "cursor": "pointer",
      "outline-offset": "0.125rem",
      "hover": {
        "background-color": "rgb(0 70 153 / 12.5%)",
        "color": "#003677"
      },
      "disabled": {
        "color": "#767676",
        "cursor": "not-allowed"
      },
      "contrast": {
        "color": "#000000",
        "hover": {
          "background-color": "rgb(0 0 0 / 12.5%)",
          "color": "#000000"
        },
        "disabled": {
          "color": "#767676"
        }
      },
      "inverse": {
        "background-color": "#004699",
        "color": "#ffffff",
        "hover": {
          "background-color": "#003677",
          "color": "#ffffff"
        },
        "disabled": {
          "color": "#ffffff",
          "background-color": "#767676"
        }
      }
    },
    "icon": {
      "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
      "line-height": "1.6667",
      "small": {
        "font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
        "line-height": "1.5152"
      },
      "large": {
        "font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
        "line-height": "1.5152"
      },
      "heading-3": {
        "font-size": "clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)",
        "line-height": "1.2524"
      },
      "heading-4": {
        "font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
        "line-height": "1.2928"
      },
      "heading-5": {
        "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
        "line-height": "1.3345"
      },
      "heading-6": {
        "font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
        "line-height": "1.3776"
      },
      "inverse": {
        "color": "#ffffff"
      }
    },
    "image-slider": {
      "gap": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
      "scroller": {
        "gap": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
        "outline-offset": "0.125rem"
      },
      "thumbnails": {
        "gap": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
        "thumbnail": {
          "background-color": "transparent",
          "cursor": "pointer",
          "opacity": "40%",
          "outline-offset": "0.125rem",
          "in-view": {
            "opacity": "100%"
          },
          "hover": {
            "opacity": "100%"
          }
        }
      }
    },
    "image": {
      "aspect-ratio": "16 / 9"
    },
    "invalid-form-alert": {
      "outline-offset": "0.125rem"
    },
    "label": {
      "color": "#181818",
      "font-family": "'Amsterdam Sans', Arial, sans-serif",
      "font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
      "font-weight": "800",
      "line-height": "1.2928"
    },
    "link-list": {
      "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
      "link": {
        "color": "#004699",
        "font-family": "'Amsterdam Sans', Arial, sans-serif",
        "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
        "font-weight": "400",
        "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
        "line-height": "1.6667",
        "outline-offset": "0.125rem",
        "text-decoration-line": "none",
        "text-decoration-thickness": "0.125rem",
        "text-underline-offset": "0.3333em",
        "small": {
          "font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
          "line-height": "1.5152"
        },
        "large": {
          "font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
          "line-height": "1.5152"
        },
        "hover": {
          "color": "#003677",
          "text-decoration-line": "underline"
        },
        "contrast": {
          "color": "#000000",
          "hover": {
            "color": "#000000"
          }
        },
        "inverse": {
          "color": "#ffffff",
          "hover": {
            "color": "#ffffff"
          }
        }
      }
    },
    "link": {
      "color": "#004699",
      "font-family": "'Amsterdam Sans', Arial, sans-serif",
      "font-weight": "400",
      "outline-offset": "0.125rem",
      "hover": {
        "color": "#003677"
      },
      "inline": {
        "text-decoration-thickness": "0.125rem",
        "text-underline-offset": "0.3333em",
        "font-family": "inherit",
        "font-size": "inherit",
        "line-height": "inherit",
        "hover": {
          "text-decoration-thickness": "0.1875rem",
          "text-underline-offset": "0.2778em"
        }
      },
      "standalone": {
        "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
        "line-height": "1.6667",
        "text-decoration-thickness": "0.125rem",
        "text-underline-offset": "0.3333em",
        "hover": {
          "text-decoration-thickness": "0.1875rem",
          "text-underline-offset": "0.2778em"
        }
      },
      "contrast": {
        "color": "#000000",
        "hover": {
          "color": "#000000"
        }
      },
      "inverse": {
        "color": "#ffffff",
        "hover": {
          "color": "#ffffff"
        }
      }
    },
    "logo": {
      "block-size": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)",
      "min-block-size": "2.5rem",
      "emblem": {
        "color": "#ec0000"
      },
      "subsite": {
        "color": "#181818"
      },
      "title": {
        "color": "#ec0000"
      }
    },
    "mark": {
      "background-color": "#ffe600"
    },
    "mega-menu": {
      "list-category": {
        "column-gap": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)",
        "column-width": "20rem",
        "padding-block-start": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
        "padding-block-end": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)"
      }
    },
    "ordered-list": {
      "color": "#181818",
      "font-family": "'Amsterdam Sans', Arial, sans-serif",
      "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
      "font-weight": "400",
      "gap": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
      "line-height": "1.6667",
      "list-style-type": "decimal",
      "small": {
        "font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
        "line-height": "1.5152"
      },
      "inverse": {
        "color": "#ffffff"
      },
      "item": {
        "margin-inline-start": "2.25rem",
        "padding-inline-start": "0.25rem"
      },
      "ordered-list": {
        "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
        "list-style-type": "lower-alpha",
        "padding-block-end": "0",
        "padding-block-start": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
        "item": {
          "margin-inline-start": "1.5rem",
          "padding-inline-start": "0.25rem"
        }
      }
    },
    "page-heading": {
      "color": "#181818",
      "font-family": "'Amsterdam Sans', Arial, sans-serif",
      "font-size": "clamp(2.4316rem, calc(1.8951rem + 2.6826vw), 4.5776rem)",
      "font-weight": "800",
      "line-height": "1.1386",
      "inverse": {
        "color": "#ffffff"
      }
    },
    "page-menu": {
      "column-gap": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)",
      "row-gap": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
      "item": {
        "color": "#004699",
        "font-family": "'Amsterdam Sans', Arial, sans-serif",
        "font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
        "font-weight": "400",
        "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
        "line-height": "1.5152",
        "outline-offset": "0.125rem",
        "text-decoration-line": "none",
        "text-decoration-thickness": "0.125rem",
        "text-underline-offset": "0.3333em",
        "hover": {
          "color": "#003677",
          "text-decoration-line": "underline"
        }
      }
    },
    "pagination": {
      "font-family": "'Amsterdam Sans', Arial, sans-serif",
      "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
      "font-weight": "400",
      "line-height": "1.6667",
      "link": {
        "color": "#004699",
        "gap": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
        "outline-offset": "0.125rem",
        "padding-inline": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
        "text-decoration-line": "none",
        "text-decoration-thickness": "0.125rem",
        "text-underline-offset": "0.3333em",
        "current": {
          "font-weight": "800"
        },
        "hover": {
          "color": "#003677",
          "text-decoration-line": "underline"
        }
      }
    },
    "paragraph": {
      "color": "#181818",
      "font-family": "'Amsterdam Sans', Arial, sans-serif",
      "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
      "font-weight": "400",
      "line-height": "1.6667",
      "inverse": {
        "color": "#ffffff"
      },
      "small": {
        "font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
        "line-height": "1.5152"
      },
      "large": {
        "font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
        "line-height": "1.5152"
      }
    },
    "password-input": {
      "background-color": "#ffffff",
      "box-shadow": "inset 0 0 0 0.0625rem #181818",
      "color": "#181818",
      "font-family": "'Amsterdam Sans', Arial, sans-serif",
      "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
      "font-weight": "400",
      "line-height": "1.6667",
      "outline-offset": "0.125rem",
      "padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
      "padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
      "disabled": {
        "background-color": "#ffffff",
        "box-shadow": "inset 0 0 0 0.0625rem #767676",
        "color": "#767676",
        "cursor": "not-allowed"
      },
      "hover": {
        "box-shadow": "inset 0 0 0 0.125rem #181818"
      },
      "invalid": {
        "box-shadow": "inset 0 0 0 0.0625rem #ec0000",
        "hover": {
          "box-shadow": "inset 0 0 0 0.125rem #b70000"
        }
      },
      "placeholder": {
        "color": "#767676"
      }
    },
    "radio": {
      "color": "#181818",
      "cursor": "pointer",
      "font-family": "'Amsterdam Sans', Arial, sans-serif",
      "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
      "font-weight": "400",
      "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
      "line-height": "1.6667",
      "outline-offset": "0.125rem",
      "text-decoration-thickness": "0.125rem",
      "text-underline-offset": "0.3333em",
      "checked-indicator": {
        "fill": "#004699",
        "disabled": {
          "fill": "#767676"
        },
        "disabled-invalid": {
          "fill": "#767676",
          "hover": {
            "fill": "#767676"
          }
        },
        "hover": {
          "fill": "#003677"
        },
        "invalid": {
          "fill": "#ec0000",
          "hover": {
            "fill": "#b70000"
          }
        }
      },
      "hover-indicator": {
        "stroke-width": "3px",
        "hover": {
          "stroke": "#003677"
        },
        "invalid": {
          "hover": {
            "stroke": "#b70000"
          }
        }
      },
      "circle": {
        "fill": "#ffffff",
        "stroke": "#004699",
        "stroke-width": "2px",
        "disabled": {
          "stroke": "#767676"
        },
        "disabled-invalid": {
          "stroke": "#767676",
          "hover": {
            "stroke": "#767676"
          }
        },
        "hover": {
          "stroke": "#003677"
        },
        "invalid": {
          "stroke": "#ec0000",
          "hover": {
            "stroke": "#b70000"
          }
        }
      },
      "disabled": {
        "color": "#767676",
        "cursor": "not-allowed"
      },
      "hover": {
        "color": "#003677",
        "text-decoration-line": "underline"
      },
      "icon-container": {
        "block-size": "calc(clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem) * 1.6667)",
        "inline-size": "1.5rem"
      }
    },
    "row": {
      "gap": {
        "x-small": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
        "small": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
        "medium": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
        "large": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
        "x-large": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)"
      }
    },
    "screen": {
      "background-color": "#ffffff",
      "wide": {
        "max-inline-size": "100rem"
      },
      "x-wide": {
        "max-inline-size": "132rem"
      }
    },
    "search-field": {
      "input": {
        "background-color": "#ffffff",
        "box-shadow": "inset 0 0 0 0.0625rem #181818",
        "color": "#181818",
        "font-family": "'Amsterdam Sans', Arial, sans-serif",
        "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
        "font-weight": "400",
        "line-height": "1.6667",
        "outline-offset": "0.125rem",
        "padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
        "padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
        "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>\")",
          "block-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
          "color": "#004699",
          "cursor": "pointer",
          "inline-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)"
        },
        "hover": {
          "box-shadow": "inset 0 0 0 0.125rem #181818"
        },
        "invalid": {
          "box-shadow": "inset 0 0 0 0.0625rem #ec0000",
          "hover": {
            "box-shadow": "inset 0 0 0 0.125rem #b70000"
          }
        },
        "placeholder": {
          "color": "#767676"
        }
      }
    },
    "select": {
      "background-color": "#ffffff",
      "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='m16 25.757-16-16 2.91-2.9L16 19.937l13.09-13.08 2.91 2.9z'/></svg>\")",
      "background-position": "right clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem) center",
      "box-shadow": "inset 0 0 0 0.0625rem #181818",
      "color": "#181818",
      "font-family": "'Amsterdam Sans', Arial, sans-serif",
      "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
      "font-weight": "400",
      "line-height": "1.6667",
      "outline-offset": "0.125rem",
      "padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
      "padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem) calc(2 * clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem) + 1em)",
      "disabled": {
        "background-image": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23BEBEBE' fill-rule='evenodd' d='m16 25.757-16-16 2.91-2.9L16 19.937l13.09-13.08 2.91 2.9z'/></svg>\")",
        "box-shadow": "inset 0 0 0 0.0625rem #767676",
        "color": "#767676",
        "cursor": "not-allowed"
      },
      "hover": {
        "box-shadow": "inset 0 0 0 0.125rem #181818"
      },
      "invalid": {
        "box-shadow": "inset 0 0 0 0.0625rem #ec0000",
        "hover": {
          "box-shadow": "inset 0 0 0 0.125rem #b70000"
        }
      },
      "option": {
        "disabled": {
          "color": "#767676"
        }
      }
    },
    "skip-link": {
      "background-color": "#004699",
      "color": "#ffffff",
      "font-family": "'Amsterdam Sans', Arial, sans-serif",
      "font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
      "font-weight": "400",
      "line-height": "1.5152",
      "outline-offset": "0.125rem",
      "padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
      "padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
      "hover": {
        "background-color": "#003677"
      }
    },
    "spotlight": {
      "background-color": "#a00078",
      "azure": {
        "background-color": "#009de6"
      },
      "green": {
        "background-color": "#00a03c"
      },
      "lime": {
        "background-color": "#bed200"
      },
      "magenta": {
        "background-color": "#e50082"
      },
      "orange": {
        "background-color": "#ff9100"
      },
      "yellow": {
        "background-color": "#ffe600"
      }
    },
    "switch": {
      "background-color": "#767676",
      "cursor": "pointer",
      "outline-offset": "0.125rem",
      "inline-size": "3.5rem",
      "thumb": {
        "background-color": "#ffffff",
        "inline-size": "1.75rem",
        "block-size": "1.75rem",
        "hover": {
          "box-shadow": "0 0 0 0.125rem #003677",
          "color": "#003677"
        }
      },
      "checked": {
        "background-color": "#004699"
      },
      "disabled": {
        "background-color": "#767676",
        "cursor": "not-allowed"
      }
    },
    "table-of-contents": {
      "font-family": "'Amsterdam Sans', Arial, sans-serif",
      "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
      "font-weight": "400",
      "gap": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
      "line-height": "1.6667",
      "link": {
        "color": "#004699",
        "outline-offset": "0.125rem",
        "text-decoration-line": "none",
        "text-decoration-thickness": "0.125rem",
        "text-underline-offset": "0.3333em",
        "hover": {
          "color": "#003677",
          "text-decoration-line": "underline"
        }
      },
      "list": {
        "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
        "list": {
          "padding-block-start": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
          "padding-inline-start": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)"
        }
      },
      "heading": {
        "font-weight": "800",
        "font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
        "line-height": "1.2928"
      }
    },
    "table": {
      "color": "#181818",
      "font-family": "'Amsterdam Sans', Arial, sans-serif",
      "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
      "font-weight": "400",
      "line-height": "1.6667",
      "caption": {
        "font-weight": "800"
      },
      "cell": {
        "border-block-end": "0.0625rem solid #d1d1d1",
        "padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
        "padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"
      },
      "header-cell": {
        "font-weight": "800"
      }
    },
    "tabs": {
      "gap": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
      "list": {
        "box-shadow": "inset 0 calc(0.125rem * -1) #d1d1d1"
      },
      "button": {
        "color": "#004699",
        "cursor": "pointer",
        "font-family": "'Amsterdam Sans', Arial, sans-serif",
        "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
        "font-weight": "400",
        "line-height": "1.6667",
        "outline-offset": "-0.25rem",
        "padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
        "padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
        "hover": {
          "color": "#003677",
          "box-shadow": "inset 0 calc(0.125rem * -1)"
        },
        "selected": {
          "box-shadow": "inset 0 calc(0.25rem * -1)",
          "font-weight": "800"
        },
        "disabled": {
          "color": "#767676",
          "cursor": "not-allowed"
        }
      }
    },
    "text-area": {
      "background-color": "#ffffff",
      "box-shadow": "inset 0 0 0 0.0625rem #181818",
      "color": "#181818",
      "font-family": "'Amsterdam Sans', Arial, sans-serif",
      "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
      "font-weight": "400",
      "line-height": "1.6667",
      "min-block-size": "calc(1.6667 * 1em + 2 * clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem))",
      "outline-offset": "0.125rem",
      "padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
      "padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
      "disabled": {
        "background-color": "#ffffff",
        "box-shadow": "inset 0 0 0 0.0625rem #767676",
        "color": "#767676",
        "cursor": "not-allowed"
      },
      "hover": {
        "box-shadow": "inset 0 0 0 0.125rem #181818"
      },
      "invalid": {
        "box-shadow": "inset 0 0 0 0.0625rem #ec0000",
        "hover": {
          "box-shadow": "inset 0 0 0 0.125rem #b70000"
        }
      },
      "placeholder": {
        "color": "#767676"
      }
    },
    "text-input": {
      "background-color": "#ffffff",
      "box-shadow": "inset 0 0 0 0.0625rem #181818",
      "color": "#181818",
      "font-family": "'Amsterdam Sans', Arial, sans-serif",
      "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
      "font-weight": "400",
      "line-height": "1.6667",
      "outline-offset": "0.125rem",
      "padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
      "padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
      "disabled": {
        "background-color": "#ffffff",
        "box-shadow": "inset 0 0 0 0.0625rem #767676",
        "color": "#767676",
        "cursor": "not-allowed"
      },
      "hover": {
        "box-shadow": "inset 0 0 0 0.125rem #181818"
      },
      "invalid": {
        "box-shadow": "inset 0 0 0 0.0625rem #ec0000",
        "hover": {
          "box-shadow": "inset 0 0 0 0.125rem #b70000"
        }
      },
      "placeholder": {
        "color": "#767676"
      }
    },
    "time-input": {
      "background-color": "#ffffff",
      "box-shadow": "inset 0 0 0 0.0625rem #181818",
      "color": "#181818",
      "font-family": "'Amsterdam Sans', Arial, sans-serif",
      "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
      "font-weight": "400",
      "line-height": "1.6667",
      "outline-offset": "0.125rem",
      "padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
      "padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
      "calender-picker-indicator": {
        "background-image": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fil