@amsterdam/design-system-tokens 0.3.0 → 0.5.0

package/dist/index.tokens.json

@@ -1,1187 +0,0 @@
-{
-  "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": "#009DEC",
-      "purple": "#A00078",
-      "magenta": "#E50082",
-      "neutral-grey1": "#E6E6E6",
-      "neutral-grey2": "#B4B4B4",
-      "neutral-grey3": "#767676",
-      "neutral-grey4": "#323232"
-    },
-    "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
-      },
-      "spacious": {
-        "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"
-          }
-        }
-      },
-      "compact": {
-        "text-level": {
-          "0": {
-            "font-size": "clamp(1.891rem, calc(1.927vw + 1.506rem), 3.433rem)",
-            "line-height": "1.15"
-          },
-          "1": {
-            "font-size": "clamp(1.621rem, calc(1.408vw + 1.34rem), 2.747rem)",
-            "line-height": "1.2"
-          },
-          "2": {
-            "font-size": "clamp(1.389rem, calc(1.01vw + 1.187rem), 2.197rem)",
-            "line-height": "1.25"
-          },
-          "3": {
-            "font-size": "clamp(1.191rem, calc(0.709vw + 1.049rem), 1.758rem)",
-            "line-height": "1.3"
-          },
-          "4": {
-            "font-size": "clamp(1.021rem, calc(0.481vw + 0.925rem), 1.406rem)",
-            "line-height": "1.5"
-          },
-          "5": {
-            "font-size": "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)",
-            "line-height": "1.6"
-          },
-          "6": {
-            "font-size": "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)",
-            "line-height": "1.6"
-          }
-        }
-      }
-    },
-    "border-width": {
-      "sm": "1px",
-      "md": "2px",
-      "lg": "3px"
-    },
-    "focus": {
-      "outline-offset": "2px"
-    },
-    "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",
-        "focus": {
-          "outline-offset": "2px"
-        },
-        "font-family": "'Amsterdam Sans', Arial, sans-serif",
-        "font-weight": 800,
-        "hover": {
-          "box-shadow": "inset 0 0 0 2px #767676"
-        },
-        "spacious": {
-          "font-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
-          "line-height": "1.6"
-        },
-        "compact": {
-          "font-size": "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)",
-          "line-height": "1.6"
-        }
-      }
-    },
-    "alert": {
-      "background-color": "#FFE600",
-      "border": "4px solid #FFE600",
-      "gap": "1rem",
-      "padding-block-start": "1rem",
-      "padding-block-end": "1rem",
-      "padding-inline-start": "1.5rem",
-      "padding-inline-end": "1.5rem",
-      "title": {
-        "color": "#000000",
-        "font-family": "'Amsterdam Sans', Arial, sans-serif",
-        "font-weight": 800,
-        "spacious": {
-          "font-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
-          "line-height": "1.6"
-        },
-        "compact": {
-          "font-size": "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)",
-          "line-height": "1.6"
-        }
-      },
-      "error": {
-        "background-color": "#ffffff",
-        "border-color": "#EC0000"
-      },
-      "success": {
-        "background-color": "#ffffff",
-        "border-color": "#00A03C"
-      },
-      "close": {
-        "background-color": "transparent",
-        "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"
-    },
-    "blockquote": {
-      "color": "#000000",
-      "font-family": "'Amsterdam Sans', Arial, sans-serif",
-      "font-weight": 800,
-      "inverse-color": "#ffffff",
-      "spacious": {
-        "font-size": "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)",
-        "line-height": "1.3"
-      },
-      "compact": {
-        "font-size": "clamp(1.191rem, calc(0.709vw + 1.049rem), 1.758rem)",
-        "line-height": "1.3"
-      }
-    },
-    "breadcrumb": {
-      "font-family": "'Amsterdam Sans', Arial, sans-serif",
-      "font-weight": 400,
-      "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"
-        }
-      },
-      "spacious": {
-        "font-size": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
-        "line-height": "1.6"
-      },
-      "compact": {
-        "font-size": "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)",
-        "line-height": "1.6"
-      }
-    },
-    "button": {
-      "spacious": {
-        "font-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
-        "line-height": "1.6"
-      },
-      "compact": {
-        "font-size": "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)",
-        "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 #B4B4B4"
-        },
-        "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",
-      "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"
-      },
-      "font-family": "'Amsterdam Sans', Arial, sans-serif",
-      "font-weight": 400,
-      "hover": {
-        "color": "#102E62"
-      },
-      "outline-offset": "2px",
-      "spacious": {
-        "font-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
-        "line-height": "1.6"
-      },
-      "compact": {
-        "font-size": "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)",
-        "line-height": "1.6"
-      }
-    },
-    "dialog": {
-      "background-color": "#ffffff",
-      "border": "0",
-      "max-inline-size": "min(87.69vw, 45rem)",
-      "title": {
-        "color": "#000000",
-        "font-family": "'Amsterdam Sans', Arial, sans-serif",
-        "font-weight": 800,
-        "spacious": {
-          "font-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
-          "line-height": "1.6"
-        },
-        "compact": {
-          "font-size": "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)",
-          "line-height": "1.6"
-        }
-      },
-      "backdrop": {
-        "background": "#0006"
-      },
-      "close": {
-        "background-color": "transparent",
-        "fill": "#000000",
-        "hover": {
-          "fill": "#004699"
-        }
-      },
-      "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-weight": 800,
-      "spacious": {
-        "font-size": "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)",
-        "line-height": "1.5"
-      },
-      "compact": {
-        "font-size": "clamp(1.021rem, calc(0.481vw + 0.925rem), 1.406rem)",
-        "line-height": "1.5"
-      }
-    },
-    "grid": {
-      "column-count": "4",
-      "spacious": {
-        "gap": "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)",
-        "padding-inline": "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)"
-      },
-      "compact": {
-        "gap": "clamp(1rem, calc(1.5625vw - 0.0625rem), 2.5rem)",
-        "padding-inline": "clamp(1rem, calc(1.5625vw - 0.0625rem), 2.5rem)"
-      },
-      "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",
-      "spacious": {
-        "level-1": {
-          "line-height": "1.2",
-          "font-size": "clamp(2.084rem, calc(1.973vw + 1.69rem), 3.662rem)"
-        },
-        "level-2": {
-          "line-height": "1.25",
-          "font-size": "clamp(1.786rem, calc(1.43vw + 1.5rem), 2.93rem)"
-        },
-        "level-3": {
-          "line-height": "1.3",
-          "font-size": "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)"
-        },
-        "level-4": {
-          "line-height": "1.5",
-          "font-size": "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)"
-        },
-        "level-5": {
-          "line-height": "1.6",
-          "font-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)"
-        },
-        "level-6": {
-          "line-height": "1.6",
-          "font-size": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)"
-        }
-      },
-      "compact": {
-        "level-1": {
-          "line-height": "1.2",
-          "font-size": "clamp(1.621rem, calc(1.408vw + 1.34rem), 2.747rem)"
-        },
-        "level-2": {
-          "line-height": "1.25",
-          "font-size": "clamp(1.389rem, calc(1.01vw + 1.187rem), 2.197rem)"
-        },
-        "level-3": {
-          "line-height": "1.3",
-          "font-size": "clamp(1.191rem, calc(0.709vw + 1.049rem), 1.758rem)"
-        },
-        "level-4": {
-          "line-height": "1.5",
-          "font-size": "clamp(1.021rem, calc(0.481vw + 0.925rem), 1.406rem)"
-        },
-        "level-5": {
-          "line-height": "1.6",
-          "font-size": "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)"
-        },
-        "level-6": {
-          "line-height": "1.6",
-          "font-size": "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)"
-        }
-      }
-    },
-    "icon": {
-      "spacious": {
-        "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"
-        }
-      },
-      "compact": {
-        "size-3": {
-          "font-size": "clamp(1.191rem, calc(0.709vw + 1.049rem), 1.758rem)",
-          "line-height": "1.3"
-        },
-        "size-4": {
-          "font-size": "clamp(1.021rem, calc(0.481vw + 0.925rem), 1.406rem)",
-          "line-height": "1.5"
-        },
-        "size-5": {
-          "font-size": "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)",
-          "line-height": "1.6"
-        },
-        "size-6": {
-          "font-size": "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)",
-          "line-height": "1.6"
-        }
-      }
-    },
-    "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"
-        }
-      },
-      "in-list": {
-        "gap": "0.5em",
-        "text-decoration-line": "none",
-        "text-decoration-thickness": "0.125rem",
-        "text-underline-offset": "0.375rem",
-        "hover": {
-          "text-decoration-line": "underline"
-        },
-        "spacious": {
-          "font-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
-          "line-height": "1.6"
-        },
-        "compact": {
-          "font-size": "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)",
-          "line-height": "1.6"
-        }
-      },
-      "standalone": {
-        "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"
-        },
-        "spacious": {
-          "font-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
-          "line-height": "1.6"
-        },
-        "compact": {
-          "font-size": "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)",
-          "line-height": "1.6"
-        }
-      },
-      "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)"
-    },
-    "ordered-list": {
-      "color": "#000000",
-      "font-family": "'Amsterdam Sans', Arial, sans-serif",
-      "font-weight": 400,
-      "gap": "0.75rem",
-      "list-style-type": "decimal",
-      "spacious": {
-        "font-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
-        "line-height": "1.6"
-      },
-      "compact": {
-        "font-size": "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)",
-        "line-height": "1.6"
-      },
-      "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-weight": 800,
-      "inverse-color": "#ffffff",
-      "spacious": {
-        "font-size": "clamp(2.432rem, calc(2.683vw + 1.895rem), 4.578rem)",
-        "line-height": "clamp(2.432rem, calc(2.683vw + 1.895rem), 4.578rem)"
-      },
-      "compact": {
-        "font-size": "clamp(1.891rem, calc(1.927vw + 1.506rem), 3.433rem)",
-        "line-height": "clamp(1.891rem, calc(1.927vw + 1.506rem), 3.433rem)"
-      }
-    },
-    "page-menu": {
-      "column-gap": "2.5rem",
-      "row-gap": "0.5rem",
-      "item": {
-        "color": "#004699",
-        "font-family": "'Amsterdam Sans', Arial, sans-serif",
-        "font-weight": 400,
-        "gap": "0.5rem",
-        "outline-offset": "2px",
-        "text-decoration-line": "none",
-        "text-decoration-thickness": "0.125rem",
-        "text-underline-offset": "0.375rem",
-        "spacious": {
-          "font-size": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
-          "line-height": "1.6"
-        },
-        "compact": {
-          "font-size": "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)",
-          "line-height": "1.6"
-        },
-        "hover": {
-          "color": "#102E62",
-          "text-decoration-line": "underline"
-        }
-      }
-    },
-    "pagination": {
-      "color": "#004699",
-      "font-family": "'Amsterdam Sans', Arial, sans-serif",
-      "font-weight": 400,
-      "spacious": {
-        "font-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
-        "line-height": "1.6"
-      },
-      "compact": {
-        "font-size": "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)",
-        "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",
-      "spacious": {
-        "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"
-        }
-      },
-      "compact": {
-        "small": {
-          "font-size": "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)",
-          "line-height": "1.6"
-        },
-        "medium": {
-          "font-size": "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)",
-          "line-height": "1.6"
-        },
-        "large": {
-          "font-size": "clamp(1.021rem, calc(0.481vw + 0.925rem), 1.406rem)",
-          "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-weight": 400,
-        "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"
-        },
-        "compact": {
-          "font-size": "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)",
-          "line-height": "1.6"
-        },
-        "spacious": {
-          "font-size": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
-          "line-height": "1.6"
-        }
-      }
-    },
-    "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",
-      "compact": {
-        "font-size": "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)",
-        "line-height": "1.6"
-      },
-      "hover": {
-        "background-color": "#102E62"
-      }
-    },
-    "spotlight": {
-      "blue": {
-        "background-color": "#004699"
-      },
-      "dark-green": {
-        "background-color": "#00A03C"
-      },
-      "green": {
-        "background-color": "#BED200"
-      },
-      "light-blue": {
-        "background-color": "#009DEC"
-      },
-      "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": "#B4B4B4"
-      }
-    },
-    "text-input": {
-      "box-shadow": "inset 0 0 0 1px #000000",
-      "color": "#000000",
-      "font-family": "'Amsterdam Sans', Arial, sans-serif",
-      "font-weight": 400,
-      "outline-offset": "2px",
-      "disabled": {
-        "background-color": "#ffffff",
-        "box-shadow": "inset 0 0 0 1px #B4B4B4",
-        "color": "#B4B4B4"
-      },
-      "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"
-      },
-      "compact": {
-        "font-size": "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)",
-        "line-height": "1.6"
-      },
-      "spacious": {
-        "font-size": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
-        "line-height": "1.6"
-      }
-    },
-    "top-task-link": {
-      "description": {
-        "color": "#000000",
-        "font-family": "'Amsterdam Sans', Arial, sans-serif",
-        "font-weight": 400,
-        "spacious": {
-          "font-size": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
-          "line-height": "1.6"
-        },
-        "compact": {
-          "font-size": "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)",
-          "line-height": "1.6"
-        }
-      },
-      "label": {
-        "color": "#004699",
-        "font-family": "'Amsterdam Sans', Arial, sans-serif",
-        "font-weight": 800,
-        "text-decoration-line": "none",
-        "text-decoration-thickness": "0.125rem",
-        "text-underline-offset": "0.375rem",
-        "hover": {
-          "color": "#102E62",
-          "text-decoration-line": "underline"
-        },
-        "spacious": {
-          "font-size": "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)",
-          "line-height": "1.5"
-        },
-        "compact": {
-          "font-size": "clamp(1.021rem, calc(0.481vw + 0.925rem), 1.406rem)",
-          "line-height": "1.5"
-        }
-      },
-      "outline-offset": "2px"
-    },
-    "unordered-list": {
-      "color": "#000000",
-      "font-family": "'Amsterdam Sans', Arial, sans-serif",
-      "font-weight": 400,
-      "gap": "0.75rem",
-      "list-style-type": "'\\2022'",
-      "spacious": {
-        "font-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
-        "line-height": "1.6"
-      },
-      "compact": {
-        "font-size": "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)",
-        "line-height": "1.6"
-      },
-      "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": "#B4B4B4",
-        "color": "#ffffff",
-        "border-color": {}
-      },
-      "hover": {
-        "background-color": {}
-      },
-      "focus": {
-        "scale": {}
-      },
-      "primary-action": {
-        "background-color": "#004699",
-        "border-color": {},
-        "border-width": {},
-        "color": "#ffffff",
-        "disabled": {
-          "background-color": "#B4B4B4",
-          "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": "#B4B4B4",
-          "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": "#B4B4B4"
-        },
-        "danger": {
-          "color": {},
-          "hover": {
-            "color": {}
-          },
-          "focus": {
-            "color": {}
-          }
-        },
-        "ready": {
-          "color": {},
-          "hover": {
-            "color": {}
-          },
-          "focus": {
-            "color": {}
-          }
-        }
-      }
-    }
-  }
-}