@rijkshuisstijl-community/design-tokens 1.0.1 → 1.2.0

package/dist/wetgevend/index.json

@@ -134,6 +134,34 @@
   "utrechtTableContainerBoxInlineStartShadowSpread": 0,
   "utrechtTableContainerBoxInlineStartShadowColor": "#0000001a",
   "utrechtTableFontSize": "1.25rem",
+  "utrechtSkipLinkFontWeight": 700,
+  "utrechtSkipLinkFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "utrechtSkipLinkFontSize": "1.25rem",
+  "utrechtSkipLinkLineHeight": "150%",
+  "utrechtSkipLinkMinBlockSize": "48px",
+  "utrechtSkipLinkMinInlineSize": "48px",
+  "utrechtSkipLinkPaddingBlockEnd": "0.75rem",
+  "utrechtSkipLinkPaddingBlockStart": "0.75rem",
+  "utrechtSkipLinkPaddingInlineEnd": "1rem",
+  "utrechtSkipLinkPaddingInlineStart": "1rem",
+  "utrechtSkipLinkFocusBackgroundColor": "#fff",
+  "utrechtSkipLinkFocusBorderColor": "#154273",
+  "utrechtSkipLinkFocusBorderStyle": "solid",
+  "utrechtSkipLinkFocusBorderWidth": "2px",
+  "utrechtSkipLinkFocusColor": "#0F172A",
+  "utrechtSkipLinkFocusTextDecoration": "None",
+  "utrechtSkipLinkFocusVisibleOutlineColor": "#000",
+  "utrechtSkipLinkBackgroundColor": "#154273",
+  "utrechtSkipLinkBorderColor": "transparent",
+  "utrechtSkipLinkColor": "#fff",
+  "utrechtSkipLinkBorderWidth": "2px",
+  "utrechtSkipLinkBoxBlockEndShadowOffsetX": 0,
+  "utrechtSkipLinkBoxBlockEndShadowOffsetY": "16px",
+  "utrechtSkipLinkBoxBlockEndShadowBlurRadius": "48px",
+  "utrechtSkipLinkBoxBlockEndShadowSpreadRadius": 0,
+  "utrechtSkipLinkBoxBlockEndShadowColor": "#0000001a",
+  "utrechtSkipLinkTextDecoration": "underline",
+  "utrechtSkipLinkTextUnderlineOffset": "0.125rem",
   "utrechtSeparatorColor": "#CBD5E1",
   "utrechtSeparatorBlockSize": "2px",
   "utrechtSeparatorMarginBlockEnd": "0.75rem",
@@ -210,6 +238,17 @@
   "utrechtRadioButtonHoverBorderWidth": "1px",
   "utrechtRadioButtonBorderRadius": "999px",
   "utrechtRadioButtonBorderWidth": "1px",
+  "utrechtParagraphColor": "#0F172A",
+  "utrechtParagraphFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "utrechtParagraphFontSize": "1.25rem",
+  "utrechtParagraphFontWeight": 400,
+  "utrechtParagraphLineHeight": "150%",
+  "utrechtParagraphMarginBlockEnd": 0,
+  "utrechtParagraphMarginBlockStart": 0,
+  "utrechtParagraphLeadColor": "#0F172A",
+  "utrechtParagraphLeadFontSize": "1.5rem",
+  "utrechtParagraphLeadFontWeight": 400,
+  "utrechtParagraphLeadLineHeight": "150%",
   "utrechtOrderedListPaddingInlineStart": "1.5rem",
   "utrechtOrderedListMarginBlockEnd": "0.25rem",
   "utrechtOrderedListMarginBlockStart": "0.25rem",
@@ -251,6 +290,41 @@
   "utrechtLinkFontWeight": 400,
   "utrechtLinkFontSize": "1.25rem",
   "utrechtLinkLineHeight": "150%",
+  "utrechtHeading1Color": "#154273",
+  "utrechtHeading1FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "utrechtHeading1FontWeight": 700,
+  "utrechtHeading1LineHeight": "125%",
+  "utrechtHeading1FontSize": "3.125rem",
+  "utrechtHeading1MarginBlockEnd": 0,
+  "utrechtHeading1MarginBlockStart": 0,
+  "utrechtHeading2Color": "#154273",
+  "utrechtHeading2FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "utrechtHeading2FontWeight": 700,
+  "utrechtHeading2LineHeight": "125%",
+  "utrechtHeading2FontSize": "2.5rem",
+  "utrechtHeading2MarginBlockEnd": 0,
+  "utrechtHeading2MarginBlockStart": 0,
+  "utrechtHeading3Color": "#154273",
+  "utrechtHeading3FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "utrechtHeading3FontWeight": 700,
+  "utrechtHeading3LineHeight": "125%",
+  "utrechtHeading3FontSize": "1.875rem",
+  "utrechtHeading3MarginBlockEnd": 0,
+  "utrechtHeading3MarginBlockStart": 0,
+  "utrechtHeading4Color": "#154273",
+  "utrechtHeading4FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "utrechtHeading4FontWeight": 700,
+  "utrechtHeading4LineHeight": "125%",
+  "utrechtHeading4FontSize": "1.5rem",
+  "utrechtHeading4MarginBlockEnd": 0,
+  "utrechtHeading4MarginBlockStart": 0,
+  "utrechtHeading5Color": "#154273",
+  "utrechtHeading5FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "utrechtHeading5FontWeight": 700,
+  "utrechtHeading5LineHeight": "125%",
+  "utrechtHeading5FontSize": "1.25rem",
+  "utrechtHeading5MarginBlockEnd": 0,
+  "utrechtHeading5MarginBlockStart": 0,
   "utrechtFormLabelColor": "#0F172A",
   "utrechtFormLabelFontSize": "1.25rem",
   "utrechtFormLabelFontWeight": 700,
@@ -310,6 +384,19 @@
   "utrechtFormFieldsetInvalidBorderInlineStartColor": "#d52b1e",
   "utrechtFormFieldsetInvalidPaddingInlineStart": 0,
   "utrechtFormFieldsetInvalidBorderInlineStartWidth": "0px",
+  "utrechtNumberBadgeFontSize": "1.25rem",
+  "utrechtNumberBadgeLineHeight": "150%",
+  "utrechtNumberBadgeMinBlockSize": "24px",
+  "utrechtNumberBadgeMinInlineSize": "24px",
+  "utrechtNumberBadgeFontWeight": 700,
+  "utrechtNumberBadgeBorderWidth": "0px",
+  "utrechtNumberBadgeBorderRadius": "999px",
+  "utrechtNumberBadgeFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "utrechtNumberBadgeBackgroundColor": "#154273",
+  "utrechtNumberBadgeBorderColor": "transparent",
+  "utrechtNumberBadgeColor": "#fff",
+  "utrechtNumberBadgePaddingInline": "0.5rem",
+  "utrechtNumberBadgePaddingBlock": "0.5rem",
   "utrechtCheckboxBorderRadius": "2.5px",
   "utrechtCheckboxSize": "24px",
   "utrechtCheckboxIconSize": "24px",
@@ -375,9 +462,9 @@
   "utrechtButtonGroupPaddingBlockEnd": "0px",
   "utrechtButtonGroupPaddingBlockStart": "0px",
   "utrechtButtonGroupRowGap": "0.5rem",
-  "utrechtButtonBackgroundColor": "transparent",
-  "utrechtButtonBorderColor": "#334155",
-  "utrechtButtonColor": "#334155",
+  "utrechtButtonBackgroundColor": "#0F172A",
+  "utrechtButtonBorderColor": "transparent",
+  "utrechtButtonColor": "#fff",
   "utrechtButtonBorderRadius": "5px",
   "utrechtButtonBorderWidth": "1px",
   "utrechtButtonIconGap": "0.5rem",
@@ -390,18 +477,18 @@
   "utrechtButtonPaddingBlockStart": "0.5rem",
   "utrechtButtonPaddingInlineEnd": "1rem",
   "utrechtButtonPaddingInlineStart": "1rem",
-  "utrechtButtonDisabledBackgroundColor": "#F8FAFC",
+  "utrechtButtonDisabledBackgroundColor": "#E2E8F0",
   "utrechtButtonDisabledBorderColor": "transparent",
-  "utrechtButtonDisabledColor": "#64748B",
-  "utrechtButtonFocusBackgroundColor": "#FDDE94",
+  "utrechtButtonDisabledColor": "#94A3B8",
+  "utrechtButtonFocusBackgroundColor": "#475569",
   "utrechtButtonFocusBorderColor": "transparent",
-  "utrechtButtonFocusColor": "#1E293B",
-  "utrechtButtonHoverBackgroundColor": "#F8FAFC",
-  "utrechtButtonHoverBorderColor": "#1E293B",
-  "utrechtButtonHoverColor": "#1E293B",
-  "utrechtButtonActiveBackgroundColor": "#CBD5E1",
-  "utrechtButtonActiveBorderColor": "#0F172A",
-  "utrechtButtonActiveColor": "#0F172A",
+  "utrechtButtonFocusColor": "#fff",
+  "utrechtButtonHoverBackgroundColor": "#475569",
+  "utrechtButtonHoverBorderColor": "transparent",
+  "utrechtButtonHoverColor": "#fff",
+  "utrechtButtonActiveBackgroundColor": "#1E293B",
+  "utrechtButtonActiveBorderColor": "transparent",
+  "utrechtButtonActiveColor": "#fff",
   "utrechtButtonMinBlockSize": "48px",
   "utrechtButtonMinInlineSize": "48px",
   "utrechtButtonColumnGap": "0.5rem",
@@ -412,9 +499,9 @@
   "utrechtButtonPrimaryActionBorderColor": "transparent",
   "utrechtButtonPrimaryActionColor": "#fff",
   "utrechtButtonPrimaryActionDisabledBackgroundColor": "#b8c6d5",
-  "utrechtButtonPrimaryActionDisabledBorderColor": "#95a9c0",
+  "utrechtButtonPrimaryActionDisabledBorderColor": "transparent",
   "utrechtButtonPrimaryActionDisabledColor": "#4f7196",
-  "utrechtButtonPrimaryActionFocusBackgroundColor": "#154273",
+  "utrechtButtonPrimaryActionFocusBackgroundColor": "#162f50",
   "utrechtButtonPrimaryActionFocusBorderColor": "transparent",
   "utrechtButtonPrimaryActionFocusColor": "#fff",
   "utrechtButtonPrimaryActionFontWeight": 700,
@@ -423,27 +510,33 @@
   "utrechtButtonPrimaryActionActiveColor": "#fff",
   "utrechtButtonPrimaryActionFontSize": "1.25rem",
   "utrechtButtonPrimaryActionLineHeight": "1.875rem",
-  "utrechtButtonSecondaryActionHoverBackgroundColor": "#b8c6d5",
-  "utrechtButtonSecondaryActionHoverBorderColor": "transparent",
-  "utrechtButtonSecondaryActionHoverColor": "#154273",
+  "utrechtButtonPrimaryActionPressedBackgroundColor": "#162945",
+  "utrechtButtonPrimaryActionPressedBorderColor": "transparent",
+  "utrechtButtonPrimaryActionPressedColor": "#fff",
+  "utrechtButtonSecondaryActionHoverBackgroundColor": "#dce3ea",
+  "utrechtButtonSecondaryActionHoverBorderColor": "#162f50",
+  "utrechtButtonSecondaryActionHoverColor": "#162f50",
   "utrechtButtonSecondaryActionBackgroundColor": "transparent",
   "utrechtButtonSecondaryActionBorderColor": "#154273",
   "utrechtButtonSecondaryActionColor": "#154273",
   "utrechtButtonSecondaryActionDisabledBackgroundColor": "transparent",
-  "utrechtButtonSecondaryActionDisabledBorderColor": "#738eab",
+  "utrechtButtonSecondaryActionDisabledBorderColor": "#95a9c0",
   "utrechtButtonSecondaryActionDisabledColor": "#738eab",
-  "utrechtButtonSecondaryActionFocusBackgroundColor": "#b8c6d5",
+  "utrechtButtonSecondaryActionFocusBackgroundColor": "#dce3ea",
   "utrechtButtonSecondaryActionFocusBorderColor": "transparent",
-  "utrechtButtonSecondaryActionFocusColor": "#154273",
+  "utrechtButtonSecondaryActionFocusColor": "#162f50",
   "utrechtButtonSecondaryActionFontWeight": 700,
   "utrechtButtonSecondaryActionActiveBackgroundColor": "#95a9c0",
-  "utrechtButtonSecondaryActionActiveBorderColor": "#154273",
-  "utrechtButtonSecondaryActionActiveColor": "#154273",
+  "utrechtButtonSecondaryActionActiveBorderColor": "#162945",
+  "utrechtButtonSecondaryActionActiveColor": "#162f50",
   "utrechtButtonSecondaryActionFontSize": "1.25rem",
   "utrechtButtonSecondaryActionLineHeight": "1.875rem",
+  "utrechtButtonSecondaryActionPressedBackgroundColor": "#b8c6d5",
+  "utrechtButtonSecondaryActionPressedBorderColor": "#162945",
+  "utrechtButtonSecondaryActionPressedColor": "#162945",
   "utrechtButtonSubtleFontSize": "1.25rem",
   "utrechtButtonSubtleFontWeight": 700,
-  "utrechtButtonSubtleHoverBackgroundColor": "transparent",
+  "utrechtButtonSubtleHoverBackgroundColor": "#dce3ea",
   "utrechtButtonSubtleHoverBorderColor": "transparent",
   "utrechtButtonSubtleHoverColor": "#162f50",
   "utrechtButtonSubtleBackgroundColor": "transparent",
@@ -454,11 +547,17 @@
   "utrechtButtonSubtleDisabledColor": "#b8c6d5",
   "utrechtButtonSubtleFocusBackgroundColor": "#dce3ea",
   "utrechtButtonSubtleFocusBorderColor": "transparent",
-  "utrechtButtonSubtleFocusColor": "#154273",
-  "utrechtButtonSubtleActiveBackgroundColor": "transparent",
+  "utrechtButtonSubtleFocusColor": "#162f50",
+  "utrechtButtonSubtleActiveBackgroundColor": "#95a9c0",
   "utrechtButtonSubtleActiveBorderColor": "transparent",
   "utrechtButtonSubtleActiveColor": "#0d2845",
   "utrechtButtonSubtleLineHeight": "1.875rem",
+  "utrechtButtonSubtlePressedBackgroundColor": "#b8c6d5",
+  "utrechtButtonSubtlePressedBorderColor": "transparent",
+  "utrechtButtonSubtlePressedColor": "#162945",
+  "utrechtButtonPressedBackgroundColor": "#1E293B",
+  "utrechtButtonPressedBorderColor": "transparent",
+  "utrechtButtonPressedColor": "#fff",
   "utrechtBreadcrumbNavLineHeight": 1.4,
   "utrechtBreadcrumbNavFontSize": "1.25rem",
   "utrechtBreadcrumbNavLinkIconSize": "24px",
@@ -828,14 +927,14 @@
   "rhcCardAsLinkColor": "#0F172A",
   "rhcCardAsLinkColumnGap": "1rem",
   "rhcCardAsLinkInlineSize": "328px",
-  "rhcCardAsLinkIconColor": "#0F172A",
+  "rhcCardAsLinkIconColor": "#154273",
   "rhcCardAsLinkIconSize": "24px",
   "rhcCardAsLinkLinkColor": "#01689b",
   "rhcCardAsLinkLinkTextDecoration": "underline",
   "rhcCardAsLinkLinkActiveTextDecoration": "none",
   "rhcCardAsLinkLinkHoverTextDecoration": "none",
   "rhcCardAsLinkLinkFocusTextDecoration": "none",
-  "rhcCardAsLinkMetadataColor": "#0F172A",
+  "rhcCardAsLinkMetadataColor": "#334155",
   "rhcCardAsLinkPaddingBlockEnd": "1rem",
   "rhcCardAsLinkPaddingBlockStart": "1rem",
   "rhcCardAsLinkPaddingInlineEnd": "1rem",
@@ -851,6 +950,7 @@
   "rhcCardAsLinkFullBleedBorderColor": "transparent",
   "rhcCardAsLinkFullBleedColor": "#fff",
   "rhcCardAsLinkFullBleedOpacity": 0.5,
+  "rhcCardAsLinkHeadingColor": "#154273",
   "rhcCardAsLinkHeadingPaddingBlockStart": "0.5rem",
   "rhcCardAsLinkHeadingFontSize": "1.5rem",
   "rhcCardAsLinkHeadingFontWeight": 700,
@@ -904,8 +1004,8 @@
   "rhcColorFocusOutline": "#000",
   "rhcColorForegroundDefault": "#0F172A",
   "rhcColorForegroundSubdued": "#334155",
-  "rhcColorForegroundOnEmphasis": "#fff",
   "rhcColorForegroundLink": "#01689b",
+  "rhcColorForegroundOnEmphasis": "#fff",
   "rhcColorBorderDefault": "#64748B",
   "rhcColorBorderSubdued": "#94A3B8",
   "rhcColorBorderStrong": "#0F172A",
@@ -919,6 +1019,7 @@
   "rhcColorFeedbackWarningDefault": "#ffb612",
   "rhcColorFeedbackWarningSubdued": "#fff4db",
   "rhcColorAccent500": "#8fcae7",
+  "rhcColorAccent2500": "#f092cd",
   "rhcColorPrimary50": "#dce3ea",
   "rhcColorPrimary100": "#b8c6d5",
   "rhcColorPrimary200": "#95a9c0",
@@ -1145,6 +1246,28 @@
   "nlParagraphLeadFontSize": "1.5rem",
   "nlParagraphLeadFontWeight": 400,
   "nlParagraphLeadLineHeight": "150%",
+  "nlLinkColor": "#01689b",
+  "nlLinkTextDecorationColor": "#01689b",
+  "nlLinkActiveColor": "#42145f",
+  "nlLinkActiveTextDecoration": "None",
+  "nlLinkFocusBackgroundColor": "transparent",
+  "nlLinkFocusColor": "#01689b",
+  "nlLinkFocusTextDecoration": "None",
+  "nlLinkFocusTextDecorationThickness": "auto",
+  "nlLinkHoverColor": "#01496c",
+  "nlLinkHoverTextDecoration": "None",
+  "nlLinkHoverTextDecorationThickness": "auto",
+  "nlLinkVisitedColor": "#42145f",
+  "nlLinkTextDecoration": "underline",
+  "nlLinkIconInsetBlockStart": "0.25rem",
+  "nlLinkIconSize": "24px",
+  "nlLinkColumnGap": "0.25rem",
+  "nlLinkTextDecorationThickness": "auto",
+  "nlLinkTextUnderlineOffset": "0.125rem",
+  "nlLinkFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "nlLinkFontWeight": 400,
+  "nlLinkFontSize": "1.25rem",
+  "nlLinkLineHeight": "150%",
   "nlHeadingLevel1Color": "#154273",
   "nlHeadingLevel1FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
   "nlHeadingLevel1FontWeight": 700,

package/dist/wetgevend/index.tokens.json

@@ -197,6 +197,42 @@
       },
       "font-size": "1.25rem"
     },
+    "skip-link": {
+      "font-weight": 700,
+      "font-family": "Fira Sans, Arial, Verdana, sans-serif",
+      "font-size": "1.25rem",
+      "line-height": "150%",
+      "min-block-size": "48px",
+      "min-inline-size": "48px",
+      "padding-block-end": "0.75rem",
+      "padding-block-start": "0.75rem",
+      "padding-inline-end": "1rem",
+      "padding-inline-start": "1rem",
+      "focus": {
+        "background-color": "#fff",
+        "border-color": "#154273",
+        "border-style": "solid",
+        "border-width": "2px",
+        "color": "#0F172A",
+        "text-decoration": "None"
+      },
+      "focus-visible": {
+        "outline-color": "#000"
+      },
+      "background-color": "#154273",
+      "border-color": "transparent",
+      "color": "#fff",
+      "border-width": "2px",
+      "box-block-end-shadow": {
+        "offset-x": 0,
+        "offset-y": "16px",
+        "blur-radius": "48px",
+        "spread-radius": 0,
+        "color": "#0000001a"
+      },
+      "text-decoration": "underline",
+      "text-underline-offset": "0.125rem"
+    },
     "separator": {
       "color": "#CBD5E1",
       "block-size": "2px",
@@ -311,6 +347,21 @@
       "border-radius": "999px",
       "border-width": "1px"
     },
+    "paragraph": {
+      "color": "#0F172A",
+      "font-family": "Fira Sans, Arial, Verdana, sans-serif",
+      "font-size": "1.25rem",
+      "font-weight": 400,
+      "line-height": "150%",
+      "margin-block-end": 0,
+      "margin-block-start": 0,
+      "lead": {
+        "color": "#0F172A",
+        "font-size": "1.5rem",
+        "font-weight": 400,
+        "line-height": "150%"
+      }
+    },
     "ordered-list": {
       "padding-inline-start": "1.5rem",
       "margin-block-end": "0.25rem",
@@ -374,6 +425,51 @@
       "font-size": "1.25rem",
       "line-height": "150%"
     },
+    "heading-1": {
+      "color": "#154273",
+      "font-family": "Fira Sans, Arial, Verdana, sans-serif",
+      "font-weight": 700,
+      "line-height": "125%",
+      "font-size": "3.125rem",
+      "margin-block-end": 0,
+      "margin-block-start": 0
+    },
+    "heading-2": {
+      "color": "#154273",
+      "font-family": "Fira Sans, Arial, Verdana, sans-serif",
+      "font-weight": 700,
+      "line-height": "125%",
+      "font-size": "2.5rem",
+      "margin-block-end": 0,
+      "margin-block-start": 0
+    },
+    "heading-3": {
+      "color": "#154273",
+      "font-family": "Fira Sans, Arial, Verdana, sans-serif",
+      "font-weight": 700,
+      "line-height": "125%",
+      "font-size": "1.875rem",
+      "margin-block-end": 0,
+      "margin-block-start": 0
+    },
+    "heading-4": {
+      "color": "#154273",
+      "font-family": "Fira Sans, Arial, Verdana, sans-serif",
+      "font-weight": 700,
+      "line-height": "125%",
+      "font-size": "1.5rem",
+      "margin-block-end": 0,
+      "margin-block-start": 0
+    },
+    "heading-5": {
+      "color": "#154273",
+      "font-family": "Fira Sans, Arial, Verdana, sans-serif",
+      "font-weight": 700,
+      "line-height": "125%",
+      "font-size": "1.25rem",
+      "margin-block-end": 0,
+      "margin-block-start": 0
+    },
     "form-label": {
       "color": "#0F172A",
       "font-size": "1.25rem",
@@ -471,6 +567,21 @@
         "border-inline-start-width": "0px"
       }
     },
+    "number-badge": {
+      "font-size": "1.25rem",
+      "line-height": "150%",
+      "min-block-size": "24px",
+      "min-inline-size": "24px",
+      "font-weight": 700,
+      "border-width": "0px",
+      "border-radius": "999px",
+      "font-family": "Fira Sans, Arial, Verdana, sans-serif",
+      "background-color": "#154273",
+      "border-color": "transparent",
+      "color": "#fff",
+      "padding-inline": "0.5rem",
+      "padding-block": "0.5rem"
+    },
     "checkbox": {
       "border-radius": "2.5px",
       "size": "24px",
@@ -573,9 +684,9 @@
       "row-gap": "0.5rem"
     },
     "button": {
-      "background-color": "transparent",
-      "border-color": "#334155",
-      "color": "#334155",
+      "background-color": "#0F172A",
+      "border-color": "transparent",
+      "color": "#fff",
       "border-radius": "5px",
       "border-width": "1px",
       "icon": {
@@ -591,24 +702,24 @@
       "padding-inline-end": "1rem",
       "padding-inline-start": "1rem",
       "disabled": {
-        "background-color": "#F8FAFC",
+        "background-color": "#E2E8F0",
         "border-color": "transparent",
-        "color": "#64748B"
+        "color": "#94A3B8"
       },
       "focus": {
-        "background-color": "#FDDE94",
+        "background-color": "#475569",
         "border-color": "transparent",
-        "color": "#1E293B"
+        "color": "#fff"
       },
       "hover": {
-        "background-color": "#F8FAFC",
-        "border-color": "#1E293B",
-        "color": "#1E293B"
+        "background-color": "#475569",
+        "border-color": "transparent",
+        "color": "#fff"
       },
       "active": {
-        "background-color": "#CBD5E1",
-        "border-color": "#0F172A",
-        "color": "#0F172A"
+        "background-color": "#1E293B",
+        "border-color": "transparent",
+        "color": "#fff"
       },
       "min-block-size": "48px",
       "min-inline-size": "48px",
@@ -624,11 +735,11 @@
         "color": "#fff",
         "disabled": {
           "background-color": "#b8c6d5",
-          "border-color": "#95a9c0",
+          "border-color": "transparent",
           "color": "#4f7196"
         },
         "focus": {
-          "background-color": "#154273",
+          "background-color": "#162f50",
           "border-color": "transparent",
           "color": "#fff"
         },
@@ -639,41 +750,51 @@
           "color": "#fff"
         },
         "font-size": "1.25rem",
-        "line-height": "1.875rem"
+        "line-height": "1.875rem",
+        "pressed": {
+          "background-color": "#162945",
+          "border-color": "transparent",
+          "color": "#fff"
+        }
       },
       "secondary-action": {
         "hover": {
-          "background-color": "#b8c6d5",
-          "border-color": "transparent",
-          "color": "#154273"
+          "background-color": "#dce3ea",
+          "border-color": "#162f50",
+          "color": "#162f50"
         },
         "background-color": "transparent",
         "border-color": "#154273",
         "color": "#154273",
         "disabled": {
           "background-color": "transparent",
-          "border-color": "#738eab",
+          "border-color": "#95a9c0",
           "color": "#738eab"
         },
         "focus": {
-          "background-color": "#b8c6d5",
+          "background-color": "#dce3ea",
           "border-color": "transparent",
-          "color": "#154273"
+          "color": "#162f50"
         },
         "font-weight": 700,
         "active": {
           "background-color": "#95a9c0",
-          "border-color": "#154273",
-          "color": "#154273"
+          "border-color": "#162945",
+          "color": "#162f50"
         },
         "font-size": "1.25rem",
-        "line-height": "1.875rem"
+        "line-height": "1.875rem",
+        "pressed": {
+          "background-color": "#b8c6d5",
+          "border-color": "#162945",
+          "color": "#162945"
+        }
       },
       "subtle": {
         "font-size": "1.25rem",
         "font-weight": 700,
         "hover": {
-          "background-color": "transparent",
+          "background-color": "#dce3ea",
           "border-color": "transparent",
           "color": "#162f50"
         },
@@ -688,14 +809,24 @@
         "focus": {
           "background-color": "#dce3ea",
           "border-color": "transparent",
-          "color": "#154273"
+          "color": "#162f50"
         },
         "active": {
-          "background-color": "transparent",
+          "background-color": "#95a9c0",
           "border-color": "transparent",
           "color": "#0d2845"
         },
-        "line-height": "1.875rem"
+        "line-height": "1.875rem",
+        "pressed": {
+          "background-color": "#b8c6d5",
+          "border-color": "transparent",
+          "color": "#162945"
+        }
+      },
+      "pressed": {
+        "background-color": "#1E293B",
+        "border-color": "transparent",
+        "color": "#fff"
       }
     },
     "breadcrumb-nav": {
@@ -1315,7 +1446,7 @@
       "column-gap": "1rem",
       "inline-size": "328px",
       "icon": {
-        "color": "#0F172A",
+        "color": "#154273",
         "size": "24px"
       },
       "link": {
@@ -1332,7 +1463,7 @@
         }
       },
       "metadata": {
-        "color": "#0F172A"
+        "color": "#334155"
       },
       "padding-block-end": "1rem",
       "padding-block-start": "1rem",
@@ -1358,6 +1489,7 @@
         "opacity": 0.5
       },
       "heading": {
+        "color": "#154273",
         "padding-block-start": "0.5rem",
         "font-size": "1.5rem",
         "font-weight": 700
@@ -1445,8 +1577,8 @@
       "foreground": {
         "default": "#0F172A",
         "subdued": "#334155",
-        "onEmphasis": "#fff",
-        "link": "#01689b"
+        "link": "#01689b",
+        "onEmphasis": "#fff"
       },
       "border": {
         "default": "#64748B",
@@ -1475,6 +1607,9 @@
       "accent": {
         "500": "#8fcae7"
       },
+      "accent-2": {
+        "500": "#f092cd"
+      },
       "primary": {
         "50": "#dce3ea",
         "100": "#b8c6d5",
@@ -1788,6 +1923,40 @@
         "line-height": "150%"
       }
     },
+    "link": {
+      "color": "#01689b",
+      "text-decoration-color": "#01689b",
+      "active": {
+        "color": "#42145f",
+        "text-decoration": "None"
+      },
+      "focus": {
+        "background-color": "transparent",
+        "color": "#01689b",
+        "text-decoration": "None",
+        "text-decoration-thickness": "auto"
+      },
+      "hover": {
+        "color": "#01496c",
+        "text-decoration": "None",
+        "text-decoration-thickness": "auto"
+      },
+      "visited": {
+        "color": "#42145f"
+      },
+      "text-decoration": "underline",
+      "icon": {
+        "inset-block-start": "0.25rem",
+        "size": "24px"
+      },
+      "column-gap": "0.25rem",
+      "text-decoration-thickness": "auto",
+      "text-underline-offset": "0.125rem",
+      "font-family": "Fira Sans, Arial, Verdana, sans-serif",
+      "font-weight": 400,
+      "font-size": "1.25rem",
+      "line-height": "150%"
+    },
     "heading-level-1": {
       "color": "#154273",
       "font-family": "Fira Sans, Arial, Verdana, sans-serif",