@amsterdam/design-system-tokens 0.15.0 → 1.0.0

package/dist/index.json

@@ -57,7 +57,7 @@
       "interactive": "pointer"
     },
     "focus": {
-      "outline-offset": "0.125rem"
+      "outline-offset": "0.25rem"
     },
     "space": {
       "xs": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
@@ -119,7 +119,8 @@
           "font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
           "line-height": "1.3776"
         },
-        "font-weight": "800"
+        "font-weight": "800",
+        "text-wrap": "balance"
       }
     },
     "links": {
@@ -160,9 +161,10 @@
         "font-weight": "800",
         "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
         "line-height": "1.2928",
-        "outline-offset": "0.125rem",
+        "outline-offset": "0.25rem",
         "padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
         "padding-inline": "0",
+        "text-wrap": "balance",
         "hover": {
           "color": "#003677"
         }
@@ -177,14 +179,13 @@
     },
     "alert": {
       "background-color": "#ffffff",
-      "box-shadow": "inset 0 0 0 0.25rem #009de6",
-      "forced-colors": {
-        "border-width": "0.25rem"
-      },
+      "border-color": "#009de6",
+      "border-style": "solid",
+      "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)"
+        "padding-inline": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"
       },
       "content": {
         "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
@@ -192,19 +193,19 @@
         "padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"
       },
       "error": {
-        "box-shadow": "inset 0 0 0 0.25rem #ec0000",
+        "border-color": "#ec0000",
         "severity-indicator": {
           "background-color": "#ec0000"
         }
       },
       "success": {
-        "box-shadow": "inset 0 0 0 0.25rem #00a03c",
+        "border-color": "#00a03c",
         "severity-indicator": {
           "background-color": "#00a03c"
         }
       },
       "warning": {
-        "box-shadow": "inset 0 0 0 0.25rem #ff9100",
+        "border-color": "#ff9100",
         "severity-indicator": {
           "background-color": "#ff9100"
         }
@@ -213,6 +214,9 @@
     "avatar": {
       "aspect-ratio": "1 / 1",
       "background-color": "#a00078",
+      "border-color": "#a00078",
+      "border-style": "solid",
+      "border-width": "0.125rem",
       "color": "#ffffff",
       "font-family": "'Amsterdam Sans', Arial, sans-serif",
       "font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
@@ -225,26 +229,32 @@
       },
       "azure": {
         "background-color": "#009de6",
-        "color": "#181818"
+        "border-color": "#009de6",
+        "color": "#ffffff"
       },
       "green": {
         "background-color": "#00a03c",
+        "border-color": "#00a03c",
         "color": "#ffffff"
       },
       "lime": {
         "background-color": "#bed200",
+        "border-color": "#bed200",
         "color": "#181818"
       },
       "magenta": {
         "background-color": "#e50082",
+        "border-color": "#e50082",
         "color": "#ffffff"
       },
       "orange": {
         "background-color": "#ff9100",
+        "border-color": "#ff9100",
         "color": "#181818"
       },
       "yellow": {
         "background-color": "#ffe600",
+        "border-color": "#ffe600",
         "color": "#181818"
       }
     },
@@ -258,7 +268,7 @@
       "padding-inline": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
       "azure": {
         "background-color": "#009de6",
-        "color": "#181818"
+        "color": "#ffffff"
       },
       "lime": {
         "background-color": "#bed200",
@@ -308,7 +318,7 @@
       },
       "link": {
         "color": "#004699",
-        "outline-offset": "0.125rem",
+        "outline-offset": "0.25rem",
         "text-decoration-line": "none",
         "text-decoration-thickness": "0.125rem",
         "text-underline-offset": "0.3333em",
@@ -319,57 +329,53 @@
       }
     },
     "button": {
+      "border-style": "solid",
+      "border-width": "0.125rem",
       "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",
+      "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)",
       "disabled": {
         "cursor": "not-allowed"
       },
-      "forced-color-mode": {
-        "border": "0.125rem solid"
-      },
       "primary": {
         "background-color": "#004699",
-        "box-shadow": "inset 0 0 0 0.125rem #004699",
+        "border-color": "#004699",
         "color": "#ffffff",
         "disabled": {
           "background-color": "#767676",
-          "box-shadow": "inset 0 0 0 0.125rem #767676"
+          "border-color": "#767676"
         },
         "hover": {
           "background-color": "#003677",
-          "box-shadow": "inset 0 0 0 0.125rem #003677"
+          "border-color": "#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",
+          "box-shadow": "inset 0 0 0 0.0625rem",
           "color": "#003677"
         },
         "disabled": {
-          "background-color": "#ffffff",
-          "box-shadow": "inset 0 0 0 0.125rem #767676",
           "color": "#767676"
         }
       },
       "tertiary": {
         "background-color": "transparent",
+        "border-color": "transparent",
         "color": "#004699",
         "hover": {
-          "box-shadow": "inset 0 0 0 0.125rem #003677",
+          "border-color": "currentColor",
           "color": "#003677"
         },
         "disabled": {
-          "background-color": "transparent",
           "color": "#767676"
         }
       },
@@ -379,9 +385,15 @@
       }
     },
     "card": {
-      "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
+      "heading": {
+        "margin-block-end": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)"
+      },
       "heading-group": {
-        "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"
+        "gap": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
+        "margin-block-end": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)"
+      },
+      "image": {
+        "margin-block-end": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"
       },
       "link": {
         "color": "#004699",
@@ -393,7 +405,7 @@
           "text-decoration-line": "underline"
         }
       },
-      "outline-offset": "0.125rem"
+      "outline-offset": "0.25rem"
     },
     "character-count": {
       "color": "#181818",
@@ -413,63 +425,88 @@
       "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\")",
+      "outline-offset": "0.25rem",
+      "checked-indicator": {
+        "stroke": "#ffffff"
+      },
+      "indeterminate-indicator": {
+        "stroke": "#ffffff"
+      },
+      "hover-indicator": {
+        "hover": {
+          "stroke": "#003677"
+        },
+        "invalid": {
           "hover": {
-            "background-color": "#003677"
+            "stroke": "#b70000"
           }
-        },
-        "disabled": {
-          "border-color": "#767676",
-          "border-width": "0.125rem",
-          "checked": {
-            "background-color": "#767676",
+        }
+      },
+      "rectangle": {
+        "fill": "#ffffff",
+        "stroke": "#004699",
+        "checked": {
+          "fill": "#004699",
+          "disabled": {
+            "fill": "#767676",
             "hover": {
-              "background-color": "#767676"
+              "fill": "#767676"
+            }
+          },
+          "hover": {
+            "fill": "#003677",
+            "disabled-invalid": {
+              "fill": "#767676"
             }
           },
-          "indeterminate": {
-            "background-color": "#767676",
+          "invalid": {
+            "fill": "#ec0000",
             "hover": {
-              "background-color": "#767676"
+              "fill": "#b70000"
             }
           }
         },
+        "disabled": {
+          "stroke": "#767676"
+        },
         "hover": {
-          "border-color": "#003677",
-          "border-width": "0.1875rem"
+          "stroke": "#003677",
+          "disabled-invalid": {
+            "stroke": "#767676"
+          }
         },
-        "invalid": {
-          "border-color": "#ec0000",
-          "checked": {
-            "background-color": "#ec0000",
+        "indeterminate": {
+          "fill": "#004699",
+          "disabled": {
+            "fill": "#767676",
             "hover": {
-              "background-color": "#b70000"
+              "fill": "#767676"
             }
           },
           "hover": {
-            "border-color": "#b70000"
+            "fill": "#003677",
+            "disabled-invalid": {
+              "fill": "#767676"
+            }
           },
-          "indeterminate": {
-            "background-color": "#ec0000",
+          "invalid": {
+            "fill": "#ec0000",
             "hover": {
-              "background-color": "#b70000"
+              "fill": "#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\")",
+        "invalid": {
+          "stroke": "#ec0000",
           "hover": {
-            "background-color": "#003677"
+            "stroke": "#b70000"
           }
         }
       },
+      "icon-container": {
+        "block-size": "calc(clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem) * 1.6667)",
+        "inline-size": "1.5rem"
+      },
       "disabled": {
         "cursor": "not-allowed",
         "color": "#767676"
@@ -490,13 +527,15 @@
     },
     "date-input": {
       "background-color": "#ffffff",
-      "box-shadow": "inset 0 0 0 0.0625rem #181818",
+      "border-color": "currentColor",
+      "border-style": "solid",
+      "border-width": "0.125rem",
       "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",
+      "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)",
       "calender-picker-indicator": {
@@ -504,24 +543,23 @@
         "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>\")"
+          "background-image": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23767676'><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",
+        "box-shadow": "inset 0 0 0 0.0625rem",
         "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>\")"
+          "background-image": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23003677'><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",
+        "border-color": "#ec0000",
         "hover": {
-          "box-shadow": "inset 0 0 0 0.125rem #b70000"
+          "border-color": "#b70000",
+          "box-shadow": "inset 0 0 0 0.0625rem #b70000"
         }
       }
     },
@@ -554,26 +592,43 @@
     },
     "dialog": {
       "background-color": "#ffffff",
-      "border": "0.125rem solid #ffffff",
+      "border-color": "#ffffff",
+      "border-style": "solid",
+      "border-width": "0.125rem",
       "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))",
+      "inline-size": "calc(100% - 2 * clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem))",
+      "max-block-size": "calc(100dvh - 2 * clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem))",
       "max-inline-size": "48rem",
+      "medium": {
+        "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))"
+      },
       "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)"
+        "padding-block": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem) 0",
+        "padding-inline": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
+        "medium": {
+          "padding-block": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem) 0",
+          "padding-inline": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)"
+        }
       },
       "body": {
         "padding-block": "0",
-        "padding-inline": "clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)"
+        "padding-inline": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
+        "medium": {
+          "padding-inline": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)"
+        }
       },
       "footer": {
-        "padding-block": "0 clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)",
-        "padding-inline": "clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)"
+        "padding-block": "0 clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
+        "padding-inline": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
+        "medium": {
+          "padding-block": "0 clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)",
+          "padding-inline": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)"
+        }
       }
     },
     "error-message": {
@@ -595,7 +650,8 @@
         "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)"
+        "margin-block-end": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
+        "text-wrap": "balance"
       }
     },
     "field": {
@@ -620,14 +676,16 @@
     },
     "file-input": {
       "background-color": "#ffffff",
-      "border": "0.0625rem dashed #181818",
+      "border-color": "currentColor",
+      "border-style": "dashed",
+      "border-width": "0.125rem",
       "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)",
+      "outline-offset": "0.25rem",
       "padding-block": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
       "padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
       "disabled": {
@@ -636,23 +694,21 @@
       },
       "file-selector-button": {
         "background-color": "#ffffff",
-        "box-shadow": "inset 0 0 0 0.125rem #004699",
+        "border-color": "currentColor",
+        "border-style": "solid",
+        "border-width": "0.125rem",
         "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",
+          "box-shadow": "inset 0 0 0 0.0625rem",
           "color": "#003677"
         },
         "disabled": {
-          "box-shadow": "inset 0 0 0 0.125rem #767676",
           "color": "#767676",
           "cursor": "not-allowed"
-        },
-        "forced-color-mode": {
-          "border": "0.125rem solid"
         }
       }
     },
@@ -673,45 +729,19 @@
         }
       }
     },
-    "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)"
+        "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)"
       },
       "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)"
+        "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)"
       },
       "medium": {
         "column-count": "8",
@@ -722,59 +752,6 @@
         "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)",
@@ -803,17 +780,18 @@
       "color": "#181818",
       "font-family": "'Amsterdam Sans', Arial, sans-serif",
       "font-weight": "800",
+      "text-wrap": "balance",
       "inverse": {
         "color": "#ffffff"
       }
     },
     "hint": {
-      "color": "#767676"
+      "font-weight": "400"
     },
     "icon-button": {
       "color": "#004699",
       "cursor": "pointer",
-      "outline-offset": "0.125rem",
+      "outline-offset": "0.25rem",
       "hover": {
         "background-color": "rgb(0 70 153 / 12.5%)",
         "color": "#003677"
@@ -880,7 +858,7 @@
       "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"
+        "outline-offset": "0.25rem"
       },
       "thumbnails": {
         "gap": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
@@ -888,7 +866,7 @@
           "background-color": "transparent",
           "cursor": "pointer",
           "opacity": "40%",
-          "outline-offset": "0.125rem",
+          "outline-offset": "0.25rem",
           "in-view": {
             "opacity": "100%"
           },
@@ -902,14 +880,15 @@
       "aspect-ratio": "16 / 9"
     },
     "invalid-form-alert": {
-      "outline-offset": "0.125rem"
+      "outline-offset": "0.25rem"
     },
     "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"
+      "line-height": "1.2928",
+      "text-wrap": "balance"
     },
     "link-list": {
       "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
@@ -920,7 +899,7 @@
         "font-weight": "400",
         "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
         "line-height": "1.6667",
-        "outline-offset": "0.125rem",
+        "outline-offset": "0.25rem",
         "text-decoration-line": "none",
         "text-decoration-thickness": "0.125rem",
         "text-underline-offset": "0.3333em",
@@ -952,32 +931,17 @@
     },
     "link": {
       "color": "#004699",
-      "font-family": "'Amsterdam Sans', Arial, sans-serif",
+      "font-family": "inherit",
+      "font-size": "inherit",
       "font-weight": "400",
-      "outline-offset": "0.125rem",
+      "line-height": "inherit",
+      "outline-offset": "0.25rem",
+      "text-decoration-thickness": "0.125rem",
+      "text-underline-offset": "0.3333em",
       "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"
-        }
+        "color": "#003677",
+        "text-decoration-thickness": "0.1875rem",
+        "text-underline-offset": "0.2778em"
       },
       "contrast": {
         "color": "#000000",
@@ -1008,14 +972,6 @@
     "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",
@@ -1046,35 +1002,113 @@
         }
       }
     },
+    "page-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)",
+        "medium": {
+          "padding-inline": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)"
+        },
+        "wide": {
+          "padding-inline": "clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)"
+        },
+        "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.25rem",
+          "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"
+      }
+    },
+    "page-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)",
+      "medium": {
+        "padding-inline": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)"
+      },
+      "wide": {
+        "padding-inline": "clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)"
+      },
+      "logo-link": {
+        "column-gap": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
+        "outline-offset": "0.25rem"
+      },
+      "brand-name": {
+        "color": "#181818",
+        "font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
+        "font-weight": "800",
+        "line-height": "1.2928",
+        "text-wrap": "balance"
+      },
+      "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.25rem",
+          "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)"
+      }
+    },
     "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",
+      "text-wrap": "balance",
       "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"
-        }
-      }
+    "page": {
+      "background-color": "#ffffff",
+      "max-inline-size": "100rem"
     },
     "pagination": {
       "font-family": "'Amsterdam Sans', Arial, sans-serif",
@@ -1084,7 +1118,7 @@
       "link": {
         "color": "#004699",
         "gap": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
-        "outline-offset": "0.125rem",
+        "outline-offset": "0.25rem",
         "padding-inline": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
         "text-decoration-line": "none",
         "text-decoration-thickness": "0.125rem",
@@ -1118,28 +1152,29 @@
     },
     "password-input": {
       "background-color": "#ffffff",
-      "box-shadow": "inset 0 0 0 0.0625rem #181818",
+      "border-color": "currentColor",
+      "border-style": "solid",
+      "border-width": "0.125rem",
       "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",
+      "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)",
       "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"
+        "box-shadow": "inset 0 0 0 0.0625rem"
       },
       "invalid": {
-        "box-shadow": "inset 0 0 0 0.0625rem #ec0000",
+        "border-color": "#ec0000",
         "hover": {
-          "box-shadow": "inset 0 0 0 0.125rem #b70000"
+          "border-color": "#b70000",
+          "box-shadow": "inset 0 0 0 0.0625rem #b70000"
         }
       },
       "placeholder": {
@@ -1154,7 +1189,7 @@
       "font-weight": "400",
       "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
       "line-height": "1.6667",
-      "outline-offset": "0.125rem",
+      "outline-offset": "0.25rem",
       "text-decoration-thickness": "0.125rem",
       "text-underline-offset": "0.3333em",
       "checked-indicator": {
@@ -1179,7 +1214,6 @@
         }
       },
       "hover-indicator": {
-        "stroke-width": "3px",
         "hover": {
           "stroke": "#003677"
         },
@@ -1192,7 +1226,6 @@
       "circle": {
         "fill": "#ffffff",
         "stroke": "#004699",
-        "stroke-width": "2px",
         "disabled": {
           "stroke": "#767676"
         },
@@ -1234,25 +1267,18 @@
         "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",
+        "border-color": "currentColor",
+        "border-style": "solid",
+        "border-width": "0.125rem",
         "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",
+        "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)",
         "cancel-button": {
@@ -1263,12 +1289,13 @@
           "inline-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)"
         },
         "hover": {
-          "box-shadow": "inset 0 0 0 0.125rem #181818"
+          "box-shadow": "inset 0 0 0 0.0625rem"
         },
         "invalid": {
-          "box-shadow": "inset 0 0 0 0.0625rem #ec0000",
+          "border-color": "#ec0000",
           "hover": {
-            "box-shadow": "inset 0 0 0 0.125rem #b70000"
+            "border-color": "#b70000",
+            "box-shadow": "inset 0 0 0 0.0625rem #b70000"
           }
         },
         "placeholder": {
@@ -1280,28 +1307,31 @@
       "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",
+      "border-color": "currentColor",
+      "border-style": "solid",
+      "border-width": "0.125rem",
       "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",
+      "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) 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",
+        "background-image": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23767676' fill-rule='evenodd' d='m16 25.757-16-16 2.91-2.9L16 19.937l13.09-13.08 2.91 2.9z'/></svg>\")",
         "color": "#767676",
         "cursor": "not-allowed"
       },
       "hover": {
-        "box-shadow": "inset 0 0 0 0.125rem #181818"
+        "box-shadow": "inset 0 0 0 0.0625rem",
+        "background-image": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23003677' fill-rule='evenodd' d='m16 25.757-16-16 2.91-2.9L16 19.937l13.09-13.08 2.91 2.9z'/></svg>\")"
       },
       "invalid": {
-        "box-shadow": "inset 0 0 0 0.0625rem #ec0000",
+        "border-color": "#ec0000",
         "hover": {
-          "box-shadow": "inset 0 0 0 0.125rem #b70000"
+          "border-color": "#b70000",
+          "box-shadow": "inset 0 0 0 0.0625rem #b70000"
         }
       },
       "option": {
@@ -1317,7 +1347,7 @@
       "font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
       "font-weight": "400",
       "line-height": "1.5152",
-      "outline-offset": "0.125rem",
+      "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": {
@@ -1345,15 +1375,49 @@
         "background-color": "#ffe600"
       }
     },
+    "standalone-link": {
+      "color": "#004699",
+      "column-gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
+      "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",
+      "text-decoration-thickness": "0.125rem",
+      "text-underline-offset": "0.3333em",
+      "contrast": {
+        "color": "#000000",
+        "hover": {
+          "color": "#000000"
+        }
+      },
+      "hover": {
+        "color": "#003677",
+        "text-decoration-thickness": "0.1875rem",
+        "text-underline-offset": "0.2778em"
+      },
+      "inverse": {
+        "color": "#ffffff",
+        "hover": {
+          "color": "#ffffff"
+        }
+      },
+      "with-icon": {
+        "text-decoration-line": "none",
+        "hover": {
+          "text-decoration-line": "underline"
+        }
+      }
+    },
     "switch": {
       "background-color": "#767676",
       "cursor": "pointer",
-      "outline-offset": "0.125rem",
+      "outline-offset": "0.25rem",
       "inline-size": "3.5rem",
       "thumb": {
         "background-color": "#ffffff",
-        "inline-size": "1.75rem",
         "block-size": "1.75rem",
+        "inline-size": "1.75rem",
         "hover": {
           "box-shadow": "0 0 0 0.125rem #003677",
           "color": "#003677"
@@ -1375,7 +1439,7 @@
       "line-height": "1.6667",
       "link": {
         "color": "#004699",
-        "outline-offset": "0.125rem",
+        "outline-offset": "0.25rem",
         "text-decoration-line": "none",
         "text-decoration-thickness": "0.125rem",
         "text-underline-offset": "0.3333em",
@@ -1427,12 +1491,12 @@
         "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
         "font-weight": "400",
         "line-height": "1.6667",
-        "outline-offset": "-0.25rem",
+        "outline-offset": "calc(0.25rem * -1)",
         "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)"
+          "box-shadow": "inset 0 calc(0.125rem * -1)",
+          "color": "#003677"
         },
         "selected": {
           "box-shadow": "inset 0 calc(0.25rem * -1)",
@@ -1446,29 +1510,30 @@
     },
     "text-area": {
       "background-color": "#ffffff",
-      "box-shadow": "inset 0 0 0 0.0625rem #181818",
+      "border-color": "currentColor",
+      "border-style": "solid",
+      "border-width": "0.125rem",
       "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",
+      "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)",
       "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"
+        "box-shadow": "inset 0 0 0 0.0625rem"
       },
       "invalid": {
-        "box-shadow": "inset 0 0 0 0.0625rem #ec0000",
+        "border-color": "#ec0000",
         "hover": {
-          "box-shadow": "inset 0 0 0 0.125rem #b70000"
+          "border-color": "#b70000",
+          "box-shadow": "inset 0 0 0 0.0625rem #b70000"
         }
       },
       "placeholder": {
@@ -1477,28 +1542,29 @@
     },
     "text-input": {
       "background-color": "#ffffff",
-      "box-shadow": "inset 0 0 0 0.0625rem #181818",
+      "border-color": "currentColor",
+      "border-style": "solid",
+      "border-width": "0.125rem",
       "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",
+      "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)",
       "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"
+        "box-shadow": "inset 0 0 0 0.0625rem"
       },
       "invalid": {
-        "box-shadow": "inset 0 0 0 0.0625rem #ec0000",
+        "border-color": "#ec0000",
         "hover": {
-          "box-shadow": "inset 0 0 0 0.125rem #b70000"
+          "border-color": "#b70000",
+          "box-shadow": "inset 0 0 0 0.0625rem #b70000"
         }
       },
       "placeholder": {
@@ -1507,13 +1573,15 @@
     },
     "time-input": {
       "background-color": "#ffffff",
-      "box-shadow": "inset 0 0 0 0.0625rem #181818",
+      "border-color": "currentColor",
+      "border-style": "solid",
+      "border-width": "0.125rem",
       "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",
+      "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)",
       "calender-picker-indicator": {
@@ -1521,52 +1589,26 @@
         "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 32 32' fill='%23BEBEBE'><path d='M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16A16 16 0 0 0 16 0zm.9 28v-2h-2v1.9A11.8 11.8 0 0 1 4.1 17H6v-2H4.1A11.8 11.8 0 0 1 15 4.1V6h2V4.1A11.8 11.8 0 0 1 27.9 15H26v2h1.9a11.9 11.9 0 0 1-11 11zm.1-13h4v2h-6V9h2v6z'/></svg>\")"
+          "background-image": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23767676'><path d='M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16A16 16 0 0 0 16 0zm.9 28v-2h-2v1.9A11.8 11.8 0 0 1 4.1 17H6v-2H4.1A11.8 11.8 0 0 1 15 4.1V6h2V4.1A11.8 11.8 0 0 1 27.9 15H26v2h1.9a11.9 11.9 0 0 1-11 11zm.1-13h4v2h-6V9h2v6z'/></svg>\")"
         }
       },
       "hover": {
-        "box-shadow": "inset 0 0 0 0.125rem #181818",
+        "box-shadow": "inset 0 0 0 0.0625rem",
         "calender-picker-indicator": {
-          "background-image": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23102E62'><path d='M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16A16 16 0 0 0 16 0zm.9 28v-2h-2v1.9A11.8 11.8 0 0 1 4.1 17H6v-2H4.1A11.8 11.8 0 0 1 15 4.1V6h2V4.1A11.8 11.8 0 0 1 27.9 15H26v2h1.9a11.9 11.9 0 0 1-11 11zm.1-13h4v2h-6V9h2v6z'/></svg>\")"
+          "background-image": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23003677'><path d='M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16A16 16 0 0 0 16 0zm.9 28v-2h-2v1.9A11.8 11.8 0 0 1 4.1 17H6v-2H4.1A11.8 11.8 0 0 1 15 4.1V6h2V4.1A11.8 11.8 0 0 1 27.9 15H26v2h1.9a11.9 11.9 0 0 1-11 11zm.1-13h4v2h-6V9h2v6z'/></svg>\")"
         }
       },
       "invalid": {
-        "box-shadow": "inset 0 0 0 0.0625rem #ec0000",
+        "border-color": "#ec0000",
         "hover": {
-          "box-shadow": "inset 0 0 0 0.125rem #b70000"
+          "border-color": "#b70000",
+          "box-shadow": "inset 0 0 0 0.0625rem #b70000"
         }
       }
     },
-    "top-task-link": {
-      "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
-      "description": {
-        "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"
-      },
-      "label": {
-        "color": "#004699",
-        "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",
-        "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"
-    },
     "unordered-list": {
       "color": "#181818",
       "font-family": "'Amsterdam Sans', Arial, sans-serif",