@rijkshuisstijl-community/design-tokens 1.0.1 → 1.2.0

package/dist/uitvoerend-violet/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": "#e5b3d0",
-  "utrechtButtonPrimaryActionDisabledBorderColor": "#D88CB7",
+  "utrechtButtonPrimaryActionDisabledBorderColor": "transparent",
   "utrechtButtonPrimaryActionDisabledColor": "#BE4088",
-  "utrechtButtonPrimaryActionFocusBackgroundColor": "#a90061",
+  "utrechtButtonPrimaryActionFocusBackgroundColor": "#741344",
   "utrechtButtonPrimaryActionFocusBorderColor": "transparent",
   "utrechtButtonPrimaryActionFocusColor": "#fff",
   "utrechtButtonPrimaryActionFontWeight": 700,
@@ -423,27 +510,33 @@
   "utrechtButtonPrimaryActionActiveColor": "#fff",
   "utrechtButtonPrimaryActionFontSize": "1.25rem",
   "utrechtButtonPrimaryActionLineHeight": "1.875rem",
-  "utrechtButtonSecondaryActionHoverBackgroundColor": "#e5b3d0",
-  "utrechtButtonSecondaryActionHoverBorderColor": "transparent",
-  "utrechtButtonSecondaryActionHoverColor": "#a90061",
+  "utrechtButtonPrimaryActionPressedBackgroundColor": "#63143a",
+  "utrechtButtonPrimaryActionPressedBorderColor": "transparent",
+  "utrechtButtonPrimaryActionPressedColor": "#fff",
+  "utrechtButtonSecondaryActionHoverBackgroundColor": "#f2d9e7",
+  "utrechtButtonSecondaryActionHoverBorderColor": "#741344",
+  "utrechtButtonSecondaryActionHoverColor": "#741344",
   "utrechtButtonSecondaryActionBackgroundColor": "transparent",
   "utrechtButtonSecondaryActionBorderColor": "#a90061",
   "utrechtButtonSecondaryActionColor": "#a90061",
   "utrechtButtonSecondaryActionDisabledBackgroundColor": "transparent",
-  "utrechtButtonSecondaryActionDisabledBorderColor": "#CB66A0",
+  "utrechtButtonSecondaryActionDisabledBorderColor": "#D88CB7",
   "utrechtButtonSecondaryActionDisabledColor": "#CB66A0",
-  "utrechtButtonSecondaryActionFocusBackgroundColor": "#e5b3d0",
+  "utrechtButtonSecondaryActionFocusBackgroundColor": "#f2d9e7",
   "utrechtButtonSecondaryActionFocusBorderColor": "transparent",
-  "utrechtButtonSecondaryActionFocusColor": "#a90061",
+  "utrechtButtonSecondaryActionFocusColor": "#741344",
   "utrechtButtonSecondaryActionFontWeight": 700,
   "utrechtButtonSecondaryActionActiveBackgroundColor": "#D88CB7",
-  "utrechtButtonSecondaryActionActiveBorderColor": "#a90061",
-  "utrechtButtonSecondaryActionActiveColor": "#a90061",
+  "utrechtButtonSecondaryActionActiveBorderColor": "#63143a",
+  "utrechtButtonSecondaryActionActiveColor": "#741344",
   "utrechtButtonSecondaryActionFontSize": "1.25rem",
   "utrechtButtonSecondaryActionLineHeight": "1.875rem",
+  "utrechtButtonSecondaryActionPressedBackgroundColor": "#e5b3d0",
+  "utrechtButtonSecondaryActionPressedBorderColor": "#63143a",
+  "utrechtButtonSecondaryActionPressedColor": "#63143a",
   "utrechtButtonSubtleFontSize": "1.25rem",
   "utrechtButtonSubtleFontWeight": 700,
-  "utrechtButtonSubtleHoverBackgroundColor": "transparent",
+  "utrechtButtonSubtleHoverBackgroundColor": "#f2d9e7",
   "utrechtButtonSubtleHoverBorderColor": "transparent",
   "utrechtButtonSubtleHoverColor": "#741344",
   "utrechtButtonSubtleBackgroundColor": "transparent",
@@ -454,11 +547,17 @@
   "utrechtButtonSubtleDisabledColor": "#e5b3d0",
   "utrechtButtonSubtleFocusBackgroundColor": "#f2d9e7",
   "utrechtButtonSubtleFocusBorderColor": "transparent",
-  "utrechtButtonSubtleFocusColor": "#a90061",
-  "utrechtButtonSubtleActiveBackgroundColor": "transparent",
+  "utrechtButtonSubtleFocusColor": "#741344",
+  "utrechtButtonSubtleActiveBackgroundColor": "#D88CB7",
   "utrechtButtonSubtleActiveBorderColor": "transparent",
   "utrechtButtonSubtleActiveColor": "#65003a",
   "utrechtButtonSubtleLineHeight": "1.875rem",
+  "utrechtButtonSubtlePressedBackgroundColor": "#e5b3d0",
+  "utrechtButtonSubtlePressedBorderColor": "transparent",
+  "utrechtButtonSubtlePressedColor": "#63143a",
+  "utrechtButtonPressedBackgroundColor": "#1E293B",
+  "utrechtButtonPressedBorderColor": "transparent",
+  "utrechtButtonPressedColor": "#fff",
   "utrechtBreadcrumbNavLineHeight": 1.4,
   "utrechtBreadcrumbNavFontSize": "1.25rem",
   "utrechtBreadcrumbNavLinkIconSize": "24px",
@@ -619,8 +718,8 @@
   "rhcColorFocusOutline": "#000",
   "rhcColorForegroundDefault": "#0F172A",
   "rhcColorForegroundSubdued": "#334155",
-  "rhcColorForegroundOnEmphasis": "#fff",
   "rhcColorForegroundLink": "#01689b",
+  "rhcColorForegroundOnEmphasis": "#fff",
   "rhcColorBorderDefault": "#64748B",
   "rhcColorBorderSubdued": "#94A3B8",
   "rhcColorBorderStrong": "#0F172A",
@@ -634,6 +733,7 @@
   "rhcColorFeedbackWarningDefault": "#ffb612",
   "rhcColorFeedbackWarningSubdued": "#fff4db",
   "rhcColorAccent500": "#8fcae7",
+  "rhcColorAccent2500": "#f092cd",
   "rhcColorCoolGrey50": "#F8FAFC",
   "rhcColorCoolGrey100": "#F1F5F9",
   "rhcColorCoolGrey200": "#E2E8F0",
@@ -974,14 +1074,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",
@@ -997,6 +1097,7 @@
   "rhcCardAsLinkFullBleedBorderColor": "transparent",
   "rhcCardAsLinkFullBleedColor": "#fff",
   "rhcCardAsLinkFullBleedOpacity": 0.5,
+  "rhcCardAsLinkHeadingColor": "#154273",
   "rhcCardAsLinkHeadingPaddingBlockStart": "0.5rem",
   "rhcCardAsLinkHeadingFontSize": "1.5rem",
   "rhcCardAsLinkHeadingFontWeight": 700,
@@ -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/uitvoerend-violet/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": "#e5b3d0",
-          "border-color": "#D88CB7",
+          "border-color": "transparent",
           "color": "#BE4088"
         },
         "focus": {
-          "background-color": "#a90061",
+          "background-color": "#741344",
           "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": "#63143a",
+          "border-color": "transparent",
+          "color": "#fff"
+        }
       },
       "secondary-action": {
         "hover": {
-          "background-color": "#e5b3d0",
-          "border-color": "transparent",
-          "color": "#a90061"
+          "background-color": "#f2d9e7",
+          "border-color": "#741344",
+          "color": "#741344"
         },
         "background-color": "transparent",
         "border-color": "#a90061",
         "color": "#a90061",
         "disabled": {
           "background-color": "transparent",
-          "border-color": "#CB66A0",
+          "border-color": "#D88CB7",
           "color": "#CB66A0"
         },
         "focus": {
-          "background-color": "#e5b3d0",
+          "background-color": "#f2d9e7",
           "border-color": "transparent",
-          "color": "#a90061"
+          "color": "#741344"
         },
         "font-weight": 700,
         "active": {
           "background-color": "#D88CB7",
-          "border-color": "#a90061",
-          "color": "#a90061"
+          "border-color": "#63143a",
+          "color": "#741344"
         },
         "font-size": "1.25rem",
-        "line-height": "1.875rem"
+        "line-height": "1.875rem",
+        "pressed": {
+          "background-color": "#e5b3d0",
+          "border-color": "#63143a",
+          "color": "#63143a"
+        }
       },
       "subtle": {
         "font-size": "1.25rem",
         "font-weight": 700,
         "hover": {
-          "background-color": "transparent",
+          "background-color": "#f2d9e7",
           "border-color": "transparent",
           "color": "#741344"
         },
@@ -688,14 +809,24 @@
         "focus": {
           "background-color": "#f2d9e7",
           "border-color": "transparent",
-          "color": "#a90061"
+          "color": "#741344"
         },
         "active": {
-          "background-color": "transparent",
+          "background-color": "#D88CB7",
           "border-color": "transparent",
           "color": "#65003a"
         },
-        "line-height": "1.875rem"
+        "line-height": "1.875rem",
+        "pressed": {
+          "background-color": "#e5b3d0",
+          "border-color": "transparent",
+          "color": "#63143a"
+        }
+      },
+      "pressed": {
+        "background-color": "#1E293B",
+        "border-color": "transparent",
+        "color": "#fff"
       }
     },
     "breadcrumb-nav": {
@@ -956,8 +1087,8 @@
       "foreground": {
         "default": "#0F172A",
         "subdued": "#334155",
-        "onEmphasis": "#fff",
-        "link": "#01689b"
+        "link": "#01689b",
+        "onEmphasis": "#fff"
       },
       "border": {
         "default": "#64748B",
@@ -986,6 +1117,9 @@
       "accent": {
         "500": "#8fcae7"
       },
+      "accent-2": {
+        "500": "#f092cd"
+      },
       "cool-grey": {
         "50": "#F8FAFC",
         "100": "#F1F5F9",
@@ -1521,7 +1655,7 @@
       "column-gap": "1rem",
       "inline-size": "328px",
       "icon": {
-        "color": "#0F172A",
+        "color": "#154273",
         "size": "24px"
       },
       "link": {
@@ -1538,7 +1672,7 @@
         }
       },
       "metadata": {
-        "color": "#0F172A"
+        "color": "#334155"
       },
       "padding-block-end": "1rem",
       "padding-block-start": "1rem",
@@ -1564,6 +1698,7 @@
         "opacity": 0.5
       },
       "heading": {
+        "color": "#154273",
         "padding-block-start": "0.5rem",
         "font-size": "1.5rem",
         "font-weight": 700
@@ -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",