feat(BOOK-391): Added theme and logos for Bassin Seven

* chore: Updated border-radius variables after import change Approved-by: Linus Flood
2026-01-22 07:03:25 +00:00
parent ef98c4b552
commit 4de24e9f2a
297 changed files with 5252 additions and 648 deletions
--- a/packages/design-system/lib/styles/base.css
+++ b/packages/design-system/lib/styles/base.css
@@ -1,10 +1,10 @@
 /* This file is generated, do not edit manually! */
 :root {
  /* Values */
-  --Border-width-lg: 3px;
-  --Border-width-md: 2px;
-  --Border-width-none: 0px;
-  --Border-width-sm: 1px;
+  --Border-lg: 3px;
+  --Border-md: 2px;
+  --Border-none: 0px;
+  --Border-sm: 1px;
  --BoxShadow-Level-1: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);
  --BoxShadow-Level-2: 0px 0px 4px 2px rgba(0, 0, 0, 0.1);
  --BoxShadow-Level-3: 0px 0px 8px 3px rgba(0, 0, 0, 0.1);
@@ -12,11 +12,11 @@
  --Breakpoints-max-width: 767px;
  --Breakpoints-min-width: 320px;
  --Columns-Column: 4px;
-  --Corner-radius-lg: 12px;
-  --Corner-radius-md: 8px;
-  --Corner-radius-rounded: 250px;
-  --Corner-radius-sm: 4px;
-  --Corner-radius-xl: 16px;
+  --Corner-Radius-Rounded: 250px;
+  --Corner-Radius-lg: 12px;
+  --Corner-Radius-md: 8px;
+  --Corner-Radius-sm: 4px;
+  --Corner-Radius-xl: 16px;
  --Font-weight-Black: 900;
  --Font-weight-Bold: 700;
  --Font-weight-Extra-Bold: 800;
--- a/packages/design-system/lib/styles/base.js
+++ b/packages/design-system/lib/styles/base.js
@@ -74,14 +74,14 @@ export const theme = {
  "Size/1300-56": 56,
  "Size/1500-64": 64,
  "Line height/xs": 100,
-  "Corner radius/sm": 4,
-  "Border width/sm": 1,
-  "Border width/md": 2,
-  "Border width/lg": 3,
-  "Corner radius/md": 8,
-  "Corner radius/lg": 12,
-  "Corner radius/xl": 16,
-  "Corner radius/rounded": 250,
+  "Corner Radius/sm": 4,
+  "Border/sm": 1,
+  "Border/md": 2,
+  "Border/lg": 3,
+  "Corner Radius/md": 8,
+  "Corner Radius/lg": 12,
+  "Corner Radius/xl": 16,
+  "Corner Radius/Rounded": 250,
  "Space/x025": 2,
  "Space/x05": 4,
  "Space/x1": 8,
--- a/packages/design-system/lib/styles/bassin-seven.css
+++ b/packages/design-system/lib/styles/bassin-seven.css
@@ -0,0 +1,434 @@
+/* This file is generated, do not edit manually! */
+.bassin-seven {
+  /* Values */
+  --Body-Lead-text-Font-fallback: sans-serif;
+  --Body-Lead-text-Letter-spacing: 0.2px;
+  --Body-Paragraph-Font-fallback: sans-serif;
+  --Body-Paragraph-Letter-spacing: 0.19px;
+  --Body-Supporting-text-Font-fallback: sans-serif;
+  --Body-Supporting-text-Letter-spacing: 0.2px;
+  --Body-Underline-md-Font-fallback: sans-serif;
+  --Body-Underline-md-Letter-spacing: 0.19px;
+  --Body-Underline-md-Text-Decoration: underline;
+  --Body-Underline-sm-Font-fallback: sans-serif;
+  --Body-Underline-sm-Letter-spacing: 0.2px;
+  --Body-Underline-sm-Text-Decoration: underline;
+  --Font-family-Bassin-Seven-Body: "Fira sans";
+  --Font-family-Bassin-Seven-Decorative: "Futura PT";
+  --Font-family-Bassin-Seven-Title: "Futura PT";
+  --Label-Font-fallback: sans-serif;
+  --Label-Letter-spacing: 0.17px;
+  --Link-md-Font-fallback: sans-serif;
+  --Link-md-Letter-spacing: 0.19px;
+  --Link-md-Text-Decoration: underline;
+  --Link-sm-Font-fallback: sans-serif;
+  --Link-sm-Letter-spacing: 0.2px;
+  --Link-sm-Text-Decoration: underline;
+  --Signature-Bassin-Seven-Black-Pearl-100: #010d16;
+  --Signature-Bassin-Seven-Black-Pearl-40: #c0c5c9;
+  --Signature-Bassin-Seven-Black-Pearl-50: #8d979e;
+  --Signature-Bassin-Seven-Black-Pearl-60: #616f79;
+  --Signature-Bassin-Seven-Black-Pearl-70: #465662;
+  --Signature-Bassin-Seven-Black-Pearl-80: #1f3442;
+  --Signature-Bassin-Seven-Black-Pearl-90: #011828;
+  --Signature-Bassin-Seven-Coral-40: #ed5454;
+  --Signature-Bassin-Seven-Mantle-100: #404a44;
+  --Signature-Bassin-Seven-Mantle-10: #f4f6f5;
+  --Signature-Bassin-Seven-Mantle-20: #e4e9e6;
+  --Signature-Bassin-Seven-Mantle-30: #ced8d3;
+  --Signature-Bassin-Seven-Mantle-40: #b8c6be;
+  --Signature-Bassin-Seven-Mantle-50: #a2b5ab;
+  --Signature-Bassin-Seven-Mantle-60: #8ea598;
+  --Signature-Bassin-Seven-Mantle-70: #798c81;
+  --Signature-Bassin-Seven-Mantle-80: #65756c;
+  --Signature-Bassin-Seven-Mantle-90: #515e57;
+  --Signature-Bassin-Seven-Rusty-40: #b17d2a;
+  --Signature-Bassin-Seven-Rusty-50: #9f7126;
+  --Signature-Bassin-Seven-Rusty-60: #8e6422;
+  --Signature-Bassin-Seven-Rusty-70: #855e20;
+  --Signature-Bassin-Seven-Rusty-80: #6a4b19;
+  --Signature-Bassin-Seven-Rusty-90: #503813;
+  --Signature-Bassin-Seven-Satin-Linen-0: #fdfcfb;
+  --Signature-Bassin-Seven-Satin-Linen-10: #f8f6f1;
+  --Signature-Bassin-Seven-Satin-Linen-20: #f4f2ea;
+  --Signature-Bassin-Seven-Satin-Linen-30: #efece1;
+  --Signature-Bassin-Seven-Satin-Linen-40: #ece9db;
+  --Signature-Bassin-Seven-Satin-Linen-50: #e7e3d2;
+  --Signature-Bassin-Seven-Satin-Linen-60: #d2cfbf;
+  --Signature-Bassin-Seven-Satin-Linen-70: #a4a195;
+  --Signature-Bassin-Seven-Satin-Linen-80: #7f7d74;
+  --Signature-Bassin-Seven-Satin-Linen-90: #615f58;
+  --Surface-Brand-Accent-OnAccent-Default: #ffffff;
+  --Tag-Font-fallback: sans-serif;
+  --Tag-Letter-spacing: 0.24px;
+  --Tag-Text-Transform: uppercase;
+  --Title-Decorative-lg-Font-fallback: Serif;
+  --Title-Decorative-lg-Letter-spacing: 0.18px;
+  --Title-Decorative-lg-Text-Transform: uppercase;
+  --Title-Decorative-md-Font-fallback: Serif;
+  --Title-Decorative-md-Letter-spacing: 0.32px;
+  --Title-Decorative-md-Text-Transform: uppercase;
+  --Title-Overline-sm-Font-fallback: sans-serif;
+  --Title-Overline-sm-Letter-spacing: 0.14px;
+  --Title-Overline-sm-Text-Transform: uppercase;
+  --Title-Subtitle-lg-Font-fallback: sans-serif;
+  --Title-Subtitle-lg-Letter-spacing: 0.24px;
+  --Title-Subtitle-md-Font-fallback: sans-serif;
+  --Title-Subtitle-md-Letter-spacing: 0.2px;
+  --Title-lg-Font-fallback: sans-serif;
+  --Title-lg-Letter-spacing: 0px;
+  --Title-lg-Text-Transform: none;
+  --Title-md-Font-fallback: sans-serif;
+  --Title-md-Letter-spacing: 0px;
+  --Title-md-LowCase-Font-fallback: sans-serif;
+  --Title-md-LowCase-Letter-spacing: 0px;
+  --Title-md-LowCase-Text-Transform: none;
+  --Title-md-Text-Transform: none;
+  --Title-sm-Font-fallback: sans-serif;
+  --Title-sm-Letter-spacing: 0px;
+  --Title-sm-LowCase-Font-fallback: sans-serif;
+  --Title-sm-LowCase-Letter-spacing: 0px;
+  --Title-sm-LowCase-Text-Transform: none;
+  --Title-sm-Text-Transform: none;
+  --Title-xs-Font-fallback: sans-serif;
+  --Title-xs-Letter-spacing: 0px;
+  --Title-xs-Text-Transform: none;
+  --Utilities-Gradients-10: #0118281a;
+
+  /* Aliases */
+  --Background-Primary: var(--Neutral-Opacity-White-100);
+  --Background-Secondary: var(--Neutral-Opacity-White-100);
+  --Body-Lead-text-Font-family: var(--Font-family-Bassin-Seven-Body);
+  --Body-Lead-text-Font-weight: var(--Font-weight-Regular);
+  --Body-Lead-text-Size: var(--Impl-Text-size-xs);
+  --Body-Paragraph-Font-family: var(--Font-family-Bassin-Seven-Body);
+  --Body-Paragraph-Font-weight-2: var(--Font-weight-Medium);
+  --Body-Paragraph-Font-weight: var(--Font-weight-Regular);
+  --Body-Paragraph-Size: var(--Impl-Text-size-3xs);
+  --Body-Supporting-text-Font-family: var(--Font-family-Bassin-Seven-Body);
+  --Body-Supporting-text-Font-weight-2: var(--Font-weight-Medium);
+  --Body-Supporting-text-Font-weight: var(--Font-weight-Regular);
+  --Body-Supporting-text-Size: var(--Impl-Text-size-4xs);
+  --Body-Underline-md-Font-family: var(--Font-family-Bassin-Seven-Body);
+  --Body-Underline-md-Font-weight: var(--Font-weight-Regular);
+  --Body-Underline-md-Size: var(--Impl-Text-size-3xs);
+  --Body-Underline-sm-Font-family: var(--Font-family-Bassin-Seven-Body);
+  --Body-Underline-sm-Font-weight: var(--Font-weight-Regular);
+  --Body-Underline-sm-Size: var(--Impl-Text-size-4xs);
+  --Border-Default: var(--Neutral-20);
+  --Border-Divider-Accent: var(--Neutral-30);
+  --Border-Divider-Brand-OnAccent-Default: var(
+    --Signature-Bassin-Seven-Black-Pearl-70
+  );
+  --Border-Divider-Brand-OnPrimary-1-Default: var(
+    --Signature-Bassin-Seven-Black-Pearl-80
+  );
+  --Border-Divider-Brand-OnPrimary-2-Default: var(
+    --Signature-Bassin-Seven-Black-Pearl-80
+  );
+  --Border-Divider-Brand-OnPrimary-3-Default: var(
+    --Signature-Bassin-Seven-Satin-Linen-70
+  );
+  --Border-Divider-Default: var(--Neutral-20);
+  --Border-Divider-Subtle: var(--Neutral-15);
+  --Border-Interactive-Active: var(--Neutral-80);
+  --Border-Interactive-Default: var(--Neutral-30);
+  --Border-Interactive-Disabled: var(--Neutral-30);
+  --Border-Interactive-Error: var(--Scandic-Red-70);
+  --Border-Interactive-Focus: var(--Neutral-80);
+  --Border-Inverted: var(--Neutral-Opacity-White-100);
+  --Border-Strong: var(--Neutral-30);
+  --Component-Button-Brand-Primary-Border-Default: var(
+    --Neutral-Opacity-White-0
+  );
+  --Component-Button-Brand-Primary-Border-Disabled: var(
+    --Neutral-Opacity-White-0
+  );
+  --Component-Button-Brand-Primary-Border-Hover: var(--Neutral-Opacity-White-0);
+  --Component-Button-Brand-Primary-Fill-Default: var(
+    --Signature-Bassin-Seven-Black-Pearl-90
+  );
+  --Component-Button-Brand-Primary-Fill-Disabled: var(
+    --Neutral-Opacity-Black-10
+  );
+  --Component-Button-Brand-Primary-Fill-Hover: var(--Neutral-Opacity-White-10);
+  --Component-Button-Brand-Primary-On-fill-Default: var(
+    --Neutral-Opacity-White-100
+  );
+  --Component-Button-Brand-Primary-On-fill-Disabled: var(--Neutral-40);
+  --Component-Button-Brand-Primary-On-fill-Hover: var(
+    --Neutral-Opacity-White-100
+  );
+  --Component-Button-Brand-Secondary-Border-Default: var(
+    --Signature-Bassin-Seven-Black-Pearl-90
+  );
+  --Component-Button-Brand-Secondary-Border-Disabled: var(
+    --Neutral-Opacity-Black-10
+  );
+  --Component-Button-Brand-Secondary-Border-Hover-inverted: var(
+    --Neutral-Opacity-White-50
+  );
+  --Component-Button-Brand-Secondary-Border-Hover: var(
+    --Signature-Bassin-Seven-Black-Pearl-70
+  );
+  --Component-Button-Brand-Secondary-Border-Inverted: var(
+    --Neutral-Opacity-White-100
+  );
+  --Component-Button-Brand-Secondary-Fill-Default: var(
+    --Neutral-Opacity-White-0
+  );
+  --Component-Button-Brand-Secondary-Fill-Disabled: var(
+    --Neutral-Opacity-Black-10
+  );
+  --Component-Button-Brand-Secondary-Fill-Hover-Inverted: var(
+    --Signature-Bassin-Seven-Black-Pearl-90
+  );
+  --Component-Button-Brand-Secondary-Fill-Hover: var(--Neutral-Opacity-White-0);
+  --Component-Button-Brand-Secondary-Fill-Inverted: var(
+    --Neutral-Opacity-White-100
+  );
+  --Component-Button-Brand-Secondary-On-fill-Default: var(
+    --Signature-Bassin-Seven-Black-Pearl-90
+  );
+  --Component-Button-Brand-Secondary-On-fill-Disabled: var(--Neutral-40);
+  --Component-Button-Brand-Secondary-On-fill-Hover-inverted: var(
+    --Neutral-Opacity-White-70
+  );
+  --Component-Button-Brand-Secondary-On-fill-Hover: var(
+    --Signature-Bassin-Seven-Black-Pearl-70
+  );
+  --Component-Button-Brand-Secondary-On-fill-Inverted: var(
+    --Neutral-Opacity-White-100
+  );
+  --Component-Button-Brand-Tertiary-Border-Default: var(
+    --Neutral-Opacity-White-0
+  );
+  --Component-Button-Brand-Tertiary-Border-Disabled: var(
+    --Neutral-Opacity-White-0
+  );
+  --Component-Button-Brand-Tertiary-Border-Hover: var(
+    --Neutral-Opacity-White-0
+  );
+  --Component-Button-Brand-Tertiary-Fill-Default: var(
+    --Signature-Bassin-Seven-Satin-Linen-50
+  );
+  --Component-Button-Brand-Tertiary-Fill-Disabled: var(
+    --Neutral-Opacity-Black-10
+  );
+  --Component-Button-Brand-Tertiary-Fill-Hover: var(--Neutral-Opacity-Black-5);
+  --Component-Button-Brand-Tertiary-On-fill-Default: var(
+    --Signature-Bassin-Seven-Black-Pearl-90
+  );
+  --Component-Button-Brand-Tertiary-On-fill-Disabled: var(--Neutral-40);
+  --Component-Button-Brand-Tertiary-On-fill-Hover: var(
+    --Signature-Bassin-Seven-Black-Pearl-90
+  );
+  --Component-Button-Inverted-Border-Default: var(--Neutral-Opacity-White-0);
+  --Component-Button-Inverted-Border-Disable: var(--Neutral-Opacity-White-10);
+  --Component-Button-Inverted-Border-Hover: var(--Neutral-Opacity-White-10);
+  --Component-Button-Inverted-Fill-Default: var(--Neutral-Opacity-White-100);
+  --Component-Button-Inverted-Fill-Disabled: var(--Neutral-Opacity-Black-10);
+  --Component-Button-Inverted-Fill-Faded: var(--Neutral-Opacity-White-90);
+  --Component-Button-Inverted-Fill-Hover-Inverted: var(
+    --Signature-Bassin-Seven-Black-Pearl-90
+  );
+  --Component-Button-Inverted-Fill-Hover: var(--Neutral-Opacity-Black-10);
+  --Component-Button-Inverted-On-fill-Default: var(
+    --Signature-Bassin-Seven-Black-Pearl-90
+  );
+  --Component-Button-Inverted-On-fill-Disabled: var(--Neutral-40);
+  --Component-Button-Inverted-On-fill-Hover-inverted: var(
+    --Neutral-Opacity-White-100
+  );
+  --Component-Button-Inverted-On-fill-Hover: var(--Neutral-Opacity-White-10);
+  --Component-Button-Muted-Border-Default: var(--Neutral-Opacity-White-10);
+  --Component-Button-Muted-Border-Disable: var(--Neutral-Opacity-White-10);
+  --Component-Button-Muted-Border-Hover: var(--Neutral-Opacity-White-10);
+  --Component-Button-Muted-Fill-Default: var(--Neutral-Opacity-White-100);
+  --Component-Button-Muted-Fill-Disabled-inverted: var(--Neutral-20);
+  --Component-Button-Muted-Fill-Disabled: var(--Neutral-Opacity-White-100);
+  --Component-Button-Muted-Fill-Hover-inverted: var(--Neutral-Opacity-Black-5);
+  --Component-Button-Muted-Fill-Hover: var(--Neutral-Opacity-White-100);
+  --Component-Button-Muted-On-fill-Default: var(--Neutral-70);
+  --Component-Button-Muted-On-fill-Disabled: var(--Neutral-40);
+  --Component-Button-Muted-On-fill-Hover-Inverted: var(
+    --Signature-Bassin-Seven-Black-Pearl-80
+  );
+  --Component-Button-Muted-On-fill-Inverted: var(--Neutral-Opacity-White-100);
+  --Icon-Accent: var(--Signature-Bassin-Seven-Rusty-60);
+  --Icon-Default: var(--Neutral-60);
+  --Icon-Feedback-Error: var(--Scandic-Red-70);
+  --Icon-Feedback-Information: var(--Scandic-Blue-70);
+  --Icon-Feedback-Neutral: var(--Neutral-60);
+  --Icon-Feedback-Success: var(--Scandic-Green-60);
+  --Icon-Feedback-Warning: var(--Scandic-Yellow-60);
+  --Icon-Intense: var(--Neutral-90);
+  --Icon-Interactive-Accent: var(--Signature-Bassin-Seven-Rusty-60);
+  --Icon-Interactive-Default: var(--Signature-Bassin-Seven-Black-Pearl-90);
+  --Icon-Interactive-Disabled: var(--Neutral-30);
+  --Icon-Interactive-Inverted-Hover: var(--Neutral-Opacity-White-70);
+  --Icon-Interactive-Placeholder: var(--Neutral-50);
+  --Icon-Interactive-Secondary: var(--Signature-Bassin-Seven-Rusty-60);
+  --Icon-Inverted: var(--Neutral-Opacity-White-100);
+  --Label-Font-family: var(--Font-family-The-Dock-Body);
+  --Label-Font-weight-2: var(--Font-weight-Medium);
+  --Label-Font-weight: var(--Font-weight-Regular);
+  --Label-Size: var(--Impl-Text-size-5xs);
+  --Link-md-Font-family: var(--Font-family-Bassin-Seven-Body);
+  --Link-md-Font-weight: var(--Font-weight-Medium);
+  --Link-md-Size: var(--Impl-Text-size-3xs);
+  --Link-sm-Font-family: var(--Font-family-Bassin-Seven-Body);
+  --Link-sm-Font-weight: var(--Font-weight-Medium);
+  --Link-sm-Size: var(--Impl-Text-size-4xs);
+  --Overlay-10: var(--Neutral-Opacity-Black-10);
+  --Overlay-20: var(--Neutral-Opacity-Black-20);
+  --Overlay-30: var(--Neutral-Opacity-Black-20);
+  --Overlay-40: var(--Neutral-Opacity-Black-40);
+  --Overlay-60: var(--Neutral-Opacity-Black-60);
+  --Overlay-80: var(--Neutral-Opacity-Black-80);
+  --Overlay-90: var(--Neutral-Opacity-Black-90);
+  --Surface-Accent-1: var(--Signature-Bassin-Seven-Rusty-70);
+  --Surface-Accent-2: var(--Signature-Bassin-Seven-Black-Pearl-80);
+  --Surface-Accent-3: var(--Signature-Bassin-Seven-Mantle-90);
+  --Surface-Accent-4: var(--Signature-Bassin-Seven-Rusty-40);
+  --Surface-Accent-5: var(--Signature-Grand-Hotel-Blue-Bayoux-50);
+  --Surface-Brand-Accent-Default: var(--Signature-Bassin-Seven-Mantle-50);
+  --Surface-Brand-Accent-OnAccent-Accent-Secondary: var(
+    --Signature-Bassin-Seven-Black-Pearl-80
+  );
+  --Surface-Brand-Accent-OnAccent-Accent: var(
+    --Signature-Bassin-Seven-Black-Pearl-80
+  );
+  --Surface-Brand-Primary-1-Default: var(
+    --Signature-Bassin-Seven-Black-Pearl-90
+  );
+  --Surface-Brand-Primary-1-OnSurface-Accent-Secondary: var(
+    --Signature-Bassin-Seven-Satin-Linen-50
+  );
+  --Surface-Brand-Primary-1-OnSurface-Accent: var(
+    --Signature-Bassin-Seven-Satin-Linen-50
+  );
+  --Surface-Brand-Primary-1-OnSurface-Default: var(
+    --Signature-Bassin-Seven-Satin-Linen-50
+  );
+  --Surface-Brand-Primary-2-Default: var(
+    --Signature-Bassin-Seven-Black-Pearl-90
+  );
+  --Surface-Brand-Primary-2-OnSurface-Accent: var(
+    --Signature-Bassin-Seven-Satin-Linen-50
+  );
+  --Surface-Brand-Primary-2-OnSurface-Default: var(
+    --Signature-Bassin-Seven-Satin-Linen-50
+  );
+  --Surface-Brand-Primary-3-Default: var(
+    --Signature-Bassin-Seven-Satin-Linen-50
+  );
+  --Surface-Brand-Primary-3-OnSurface-Accent: var(
+    --Signature-Bassin-Seven-Black-Pearl-90
+  );
+  --Surface-Brand-Primary-3-OnSurface-Default: var(
+    --Signature-Bassin-Seven-Black-Pearl-90
+  );
+  --Surface-Feedback-Error-light: var(--Scandic-Red-00);
+  --Surface-Feedback-Error: var(--Scandic-Red-70);
+  --Surface-Feedback-Information-light: var(--Scandic-Blue-00);
+  --Surface-Feedback-Information: var(--Scandic-Blue-70);
+  --Surface-Feedback-Neutral-light: var(--Neutral-15);
+  --Surface-Feedback-Neutral: var(--Neutral-50);
+  --Surface-Feedback-Succes-light: var(--Scandic-Green-00);
+  --Surface-Feedback-Succes: var(--Scandic-Green-60);
+  --Surface-Feedback-Warning-light: var(--Scandic-Yellow-00);
+  --Surface-Feedback-Warning: var(--Scandic-Yellow-60);
+  --Surface-Primary-Default: var(--Neutral-Opacity-White-100);
+  --Surface-Primary-Disabled: var(--Neutral-Opacity-Black-10);
+  --Surface-Primary-Hover-Accent: var(--Neutral-15);
+  --Surface-Primary-Hover-Light: var(--Neutral-Opacity-Black-10);
+  --Surface-Primary-Hover: var(--Neutral-Opacity-Black-5);
+  --Surface-Primary-OnSurface-Default: var(--Neutral-0);
+  --Surface-Secondary-Default: var(--Signature-Bassin-Seven-Satin-Linen-20);
+  --Surface-Secondary-Hover: var(--Neutral-Opacity-Black-5);
+  --Surface-Secondary-Subtle: var(--Signature-Bassin-Seven-Satin-Linen-50);
+  --Surface-UI-Fill-Active-Hover: var(--Neutral-Opacity-White-100);
+  --Surface-UI-Fill-Active: var(--Neutral-80);
+  --Surface-UI-Fill-Default: var(--Neutral-Opacity-White-100);
+  --Surface-UI-Fill-Disabled: var(--Neutral-15);
+  --Surface-UI-Fill-Intense: var(--Neutral-80);
+  --Tag-Font-family: var(--Font-family-Bassin-Seven-Title);
+  --Tag-Font-weight: var(--Font-weight-Regular-bold);
+  --Tag-Size: var(--Impl-Text-size-5xs);
+  --Text-Accent-Primary: var(--Neutral-50);
+  --Text-Brand-OnAccent-Accent-Secondary: var(
+    --Signature-Bassin-Seven-Black-Pearl-80
+  );
+  --Text-Brand-OnAccent-Accent: var(--Signature-Bassin-Seven-Black-Pearl-90);
+  --Text-Brand-OnAccent-Default: var(--Neutral-90);
+  --Text-Brand-OnAccent-Heading: var(--Signature-Bassin-Seven-Black-Pearl-90);
+  --Text-Brand-OnPrimary-1-Accent: var(--Neutral-Opacity-White-100);
+  --Text-Brand-OnPrimary-1-Default: var(--Neutral-Opacity-White-100);
+  --Text-Brand-OnPrimary-1-Heading: var(
+    --Signature-Bassin-Seven-Satin-Linen-50
+  );
+  --Text-Brand-OnPrimary-1-Hover: var(--Neutral-Opacity-White-70);
+  --Text-Brand-OnPrimary-2-Accent: var(--Neutral-Opacity-White-100);
+  --Text-Brand-OnPrimary-2-Default: var(--Neutral-Opacity-White-100);
+  --Text-Brand-OnPrimary-2-Heading: var(
+    --Signature-Bassin-Seven-Satin-Linen-50
+  );
+  --Text-Brand-OnPrimary-3-Accent: var(--Signature-Bassin-Seven-Black-Pearl-90);
+  --Text-Brand-OnPrimary-3-Default: var(--Neutral-90);
+  --Text-Brand-OnPrimary-3-Heading: var(
+    --Signature-Bassin-Seven-Black-Pearl-90
+  );
+  --Text-Default: var(--Neutral-90);
+  --Text-Feedback-Error: var(--Scandic-Red-70);
+  --Text-Feedback-Information: var(--Scandic-Blue-70);
+  --Text-Feedback-Neutral: var(--Neutral-50);
+  --Text-Feedback-Succes: var(--Scandic-Green-60);
+  --Text-Feedback-Warning: var(--Scandic-Yellow-60);
+  --Text-Heading: var(--Signature-Bassin-Seven-Black-Pearl-90);
+  --Text-Interactive-Default: var(--Signature-Bassin-Seven-Black-Pearl-90);
+  --Text-Interactive-Disabled: var(--Neutral-40);
+  --Text-Interactive-Error: var(--Scandic-Red-70);
+  --Text-Interactive-Focus: var(--Neutral-80);
+  --Text-Interactive-Hover: var(--Signature-Bassin-Seven-Black-Pearl-70);
+  --Text-Interactive-Inverted-Hover: var(--Neutral-Opacity-White-70);
+  --Text-Interactive-Placeholder: var(--Neutral-50);
+  --Text-Interactive-Secondary-Hover: var(--Signature-Bassin-Seven-Rusty-50);
+  --Text-Interactive-Secondary: var(--Signature-Bassin-Seven-Rusty-60);
+  --Text-Inverted: var(--Neutral-Opacity-White-100);
+  --Text-Secondary: var(--Neutral-60);
+  --Text-Tertiary: var(--Neutral-50);
+  --Title-Decorative-lg-Font-family: var(--Font-family-Bassin-Seven-Decorative);
+  --Title-Decorative-lg-Font-weight: var(--Font-weight-Regular);
+  --Title-Decorative-lg-Size: var(--Impl-Text-size-2xs);
+  --Title-Decorative-md-Font-family: var(--Font-family-Bassin-Seven-Decorative);
+  --Title-Decorative-md-Font-weight: var(--Font-weight-Regular);
+  --Title-Decorative-md-Size: var(--Impl-Text-size-3xs);
+  --Title-Overline-sm-Font-family: var(--Font-family-Bassin-Seven-Title);
+  --Title-Overline-sm-Font-weight: var(--Font-weight-Regular);
+  --Title-Overline-sm-Size: var(--Impl-Text-size-4xs);
+  --Title-Subtitle-lg-Font-family: var(--Font-family-Bassin-Seven-Body);
+  --Title-Subtitle-lg-Font-weight: var(--Font-weight-Medium);
+  --Title-Subtitle-lg-Size: var(--Impl-Text-size-sm);
+  --Title-Subtitle-md-Font-family: var(--Font-family-Bassin-Seven-Body);
+  --Title-Subtitle-md-Font-weight: var(--Font-weight-Medium);
+  --Title-Subtitle-md-Size: var(--Impl-Text-size-xs);
+  --Title-lg-Font-family: var(--Font-family-Bassin-Seven-Title);
+  --Title-lg-Font-weight: var(--Font-weight-Regular-bold);
+  --Title-lg-Size: var(--Impl-Text-size-4xl);
+  --Title-md-Font-family: var(--Font-family-Bassin-Seven-Title);
+  --Title-md-Font-weight: var(--Font-weight-Regular-bold);
+  --Title-md-LowCase-Font-family: var(--Font-family-Bassin-Seven-Title);
+  --Title-md-LowCase-Font-weight: var(--Font-weight-Regular-bold);
+  --Title-md-LowCase-Size: var(--Impl-Text-size-2xl);
+  --Title-md-Size: var(--Impl-Text-size-2xl);
+  --Title-sm-Font-family: var(--Font-family-Bassin-Seven-Title);
+  --Title-sm-Font-weight: var(--Font-weight-Regular-bold);
+  --Title-sm-LowCase-Font-family: var(--Font-family-Bassin-Seven-Title);
+  --Title-sm-LowCase-Font-weight: var(--Font-weight-Regular-bold);
+  --Title-sm-LowCase-Size: var(--Impl-Text-size-lg);
+  --Title-sm-Size: var(--Impl-Text-size-lg);
+  --Title-xs-Font-family: var(--Font-family-Bassin-Seven-Title);
+  --Title-xs-Font-weight: var(--Font-weight-Regular-bold);
+  --Title-xs-Size: var(--Impl-Text-size-sm);
+}
--- a/packages/design-system/lib/styles/bassin-seven.js
+++ b/packages/design-system/lib/styles/bassin-seven.js
@@ -0,0 +1,305 @@
+/* This file is generated, do not edit manually! */
+export const theme = {
+  "Signature/Bassin Seven/Rusty/40": "#B17D2A",
+  "Signature/Bassin Seven/Rusty/50": "#9F7126",
+  "Signature/Bassin Seven/Rusty/60": "#8E6422",
+  "Signature/Bassin Seven/Rusty/70": "#855E20",
+  "Signature/Bassin Seven/Rusty/80": "#6A4B19",
+  "Signature/Bassin Seven/Rusty/90": "#503813",
+  "Signature/Bassin Seven/Black Pearl/40": "#C0C5C9",
+  "Signature/Bassin Seven/Black Pearl/50": "#8D979E",
+  "Signature/Bassin Seven/Black Pearl/60": "#616F79",
+  "Signature/Bassin Seven/Black Pearl/70": "#465662",
+  "Signature/Bassin Seven/Black Pearl/80": "#1F3442",
+  "Signature/Bassin Seven/Black Pearl/90": "#011828",
+  "Signature/Bassin Seven/Black Pearl/100": "#010D16",
+  "Signature/Bassin Seven/Mantle/10": "#F4F6F5",
+  "Signature/Bassin Seven/Mantle/20": "#E4E9E6",
+  "Signature/Bassin Seven/Mantle/30": "#CED8D3",
+  "Signature/Bassin Seven/Mantle/40": "#B8C6BE",
+  "Signature/Bassin Seven/Mantle/50": "#A2B5AB",
+  "Signature/Bassin Seven/Mantle/60": "#8EA598",
+  "Signature/Bassin Seven/Mantle/70": "#798C81",
+  "Signature/Bassin Seven/Mantle/80": "#65756C",
+  "Signature/Bassin Seven/Mantle/90": "#515E57",
+  "Signature/Bassin Seven/Mantle/100": "#404A44",
+  "Signature/Bassin Seven/Satin Linen/0": "#FDFCFB",
+  "Signature/Bassin Seven/Satin Linen/10": "#F8F6F1",
+  "Signature/Bassin Seven/Satin Linen/20": "#F4F2EA",
+  "Signature/Bassin Seven/Satin Linen/30": "#EFECE1",
+  "Signature/Bassin Seven/Satin Linen/40": "#ECE9DB",
+  "Signature/Bassin Seven/Satin Linen/50": "#E7E3D2",
+  "Signature/Bassin Seven/Satin Linen/60": "#D2CFBF",
+  "Signature/Bassin Seven/Satin Linen/70": "#A4A195",
+  "Signature/Bassin Seven/Satin Linen/80": "#7F7D74",
+  "Signature/Bassin Seven/Satin Linen/90": "#615F58",
+  "Signature/Bassin Seven/Coral/40": "#ED5454",
+  "Title/lg/Font fallback": "sans-serif",
+  "Title/lg/Text-Transform": "none",
+  "Title/md/Font fallback": "sans-serif",
+  "Title/sm/Font fallback": "sans-serif",
+  "Title/sm/Text-Transform": "none",
+  "Title/Decorative/lg/Letter spacing": 0.18,
+  "Title/Decorative/lg/Font fallback": "Serif",
+  "Title/Decorative/lg/Text-Transform": "uppercase",
+  "Title/Decorative/md/Letter spacing": 0.32,
+  "Title/Decorative/md/Font fallback": "Serif",
+  "Title/Decorative/md/Text-Transform": "uppercase",
+  "Title/Subtitle/lg/Font fallback": "sans-serif",
+  "Title/Subtitle/lg/Letter spacing": 0.24,
+  "Title/Subtitle/md/Font fallback": "sans-serif",
+  "Title/Subtitle/md/Letter spacing": 0.2,
+  "Title/Overline/sm/Letter spacing": 0.14,
+  "Title/Overline/sm/Font fallback": "sans-serif",
+  "Title/Overline/sm/Text-Transform": "uppercase",
+  "Title/sm/LowCase/Font fallback": "sans-serif",
+  "Title/sm/LowCase/Text-Transform": "none",
+  "Title/xs/Font fallback": "sans-serif",
+  "Title/xs/Text-Transform": "none",
+  "Title/md/Text-Transform": "none",
+  "Title/md/LowCase/Font fallback": "sans-serif",
+  "Title/md/LowCase/Text-Transform": "none",
+  "Tag/Letter spacing": 0.24,
+  "Tag/Font fallback": "sans-serif",
+  "Tag/Text-Transform": "uppercase",
+  "Link/md/Font fallback": "sans-serif",
+  "Link/md/Letter spacing": 0.19,
+  "Link/md/Text-Decoration": "underline",
+  "Link/sm/Font fallback": "sans-serif",
+  "Link/sm/Letter spacing": 0.2,
+  "Link/sm/Text-Decoration": "underline",
+  "Body/Lead text/Font fallback": "sans-serif",
+  "Body/Paragraph/Font fallback": "sans-serif",
+  "Body/Paragraph/Letter spacing": 0.19,
+  "Body/Supporting text/Font fallback": "sans-serif",
+  "Body/Supporting text/Letter spacing": 0.2,
+  "Body/Lead text/Letter spacing": 0.2,
+  "Label/Font fallback": "sans-serif",
+  "Label/Letter spacing": 0.17,
+  "Body/Underline/md/Font fallback": "sans-serif",
+  "Body/Underline/md/Letter spacing": 0.19,
+  "Body/Underline/md/Text-Decoration": "underline",
+  "Body/Underline/sm/Font fallback": "sans-serif",
+  "Body/Underline/sm/Letter spacing": 0.2,
+  "Body/Underline/sm/Text-Decoration": "underline",
+  "Surface/Brand/Accent/OnAccent/Default": "#FFFFFF",
+  "Utilities/Gradients/10": "#0118281A",
+  "Font family/Bassin Seven/Title": "Futura PT",
+  "Font family/Bassin Seven/Body": "Fira sans",
+  "Font family/Bassin Seven/Decorative": "Futura PT",
+  "Title/lg/Font weight": 450,
+  "Title/lg/Font family": "Futura PT",
+  "Title/md/Font weight": 450,
+  "Title/md/Font family": "Futura PT",
+  "Title/sm/Font weight": 450,
+  "Title/sm/Font family": "Futura PT",
+  "Title/sm/LowCase/Font weight": 450,
+  "Title/sm/LowCase/Font family": "Futura PT",
+  "Title/Decorative/lg/Font weight": 400,
+  "Title/Decorative/lg/Font family": "Futura PT",
+  "Title/Decorative/md/Font weight": 400,
+  "Title/Decorative/md/Font family": "Futura PT",
+  "Title/Subtitle/lg/Font weight": 500,
+  "Title/Subtitle/lg/Font family": "Fira sans",
+  "Title/Subtitle/md/Font weight": 500,
+  "Title/Subtitle/md/Font family": "Fira sans",
+  "Title/Overline/sm/Font weight": 400,
+  "Title/Overline/sm/Font family": "Futura PT",
+  "Title/xs/Font weight": 450,
+  "Title/xs/Font family": "Futura PT",
+  "Title/md/LowCase/Font weight": 450,
+  "Title/md/LowCase/Font family": "Futura PT",
+  "Tag/Font weight": 450,
+  "Tag/Font family": "Futura PT",
+  "Link/md/Font weight": 500,
+  "Link/md/Font family": "Fira sans",
+  "Link/sm/Font weight": 500,
+  "Link/sm/Font family": "Fira sans",
+  "Body/Lead text/Font weight": 400,
+  "Body/Lead text/Font family": "Fira sans",
+  "Body/Paragraph/Font weight": 400,
+  "Body/Paragraph/Font weight 2": 500,
+  "Body/Paragraph/Font family": "Fira sans",
+  "Body/Supporting text/Font weight": 400,
+  "Body/Supporting text/Font weight 2": 500,
+  "Body/Supporting text/Font family": "Fira sans",
+  "Label/Font weight": 400,
+  "Label/Font weight 2": 500,
+  "Label/Font family": "Fira sans",
+  "Body/Underline/md/Font weight": 400,
+  "Body/Underline/md/Font family": "Fira sans",
+  "Body/Underline/sm/Font weight": 400,
+  "Body/Underline/sm/Font family": "Fira sans",
+  "Text/Heading": "#011828",
+  "Text/Default": "#1F1F1F",
+  "Text/Secondary": "#575757",
+  "Text/Tertiary": "#747474",
+  "Text/Accent Primary": "#747474",
+  "Text/Inverted": "#FFFFFF",
+  "Text/Interactive/Default": "#011828",
+  "Text/Interactive/Hover": "#465662",
+  "Text/Interactive/Secondary": "#8E6422",
+  "Text/Interactive/Secondary Hover": "#9F7126",
+  "Text/Interactive/Inverted Hover": "#FFFFFFB3",
+  "Text/Interactive/Disabled": "#8C8C8C",
+  "Text/Interactive/Focus": "#262626",
+  "Text/Interactive/Error": "#AD0015",
+  "Text/Interactive/Placeholder": "#747474",
+  "Text/Brand/OnAccent/Heading": "#011828",
+  "Text/Feedback/Information": "#284EA0",
+  "Text/Feedback/Succes": "#348337",
+  "Text/Feedback/Warning": "#D17308",
+  "Text/Feedback/Error": "#AD0015",
+  "Text/Feedback/Neutral": "#747474",
+  "Text/Brand/OnAccent/Default": "#1F1F1F",
+  "Text/Brand/OnAccent/Accent": "#011828",
+  "Text/Brand/OnAccent/Accent Secondary": "#1F3442",
+  "Text/Brand/OnPrimary 1/Heading": "#E7E3D2",
+  "Text/Brand/OnPrimary 1/Default": "#FFFFFF",
+  "Text/Brand/OnPrimary 1/Hover": "#FFFFFFB3",
+  "Text/Brand/OnPrimary 1/Accent": "#FFFFFF",
+  "Text/Brand/OnPrimary 2/Heading": "#E7E3D2",
+  "Text/Brand/OnPrimary 2/Default": "#FFFFFF",
+  "Text/Brand/OnPrimary 2/Accent": "#FFFFFF",
+  "Text/Brand/OnPrimary 3/Heading": "#011828",
+  "Text/Brand/OnPrimary 3/Default": "#1F1F1F",
+  "Text/Brand/OnPrimary 3/Accent": "#011828",
+  "Background/Primary": "#FFFFFF",
+  "Background/Secondary": "#FFFFFF",
+  "Surface/Primary/Default": "#FFFFFF",
+  "Surface/Primary/Hover": "#1F1C1B0D",
+  "Surface/Primary/Hover Light": "#1F1C1B1A",
+  "Surface/Primary/Hover Accent": "#E9E9E9",
+  "Surface/Primary/OnSurface/Default": "#FCFCFC",
+  "Surface/Primary/Disabled": "#1F1C1B1A",
+  "Surface/Secondary/Default": "#F4F2EA",
+  "Surface/Secondary/Subtle": "#E7E3D2",
+  "Surface/Secondary/Hover": "#1F1C1B0D",
+  "Surface/Brand/Accent/Default": "#A2B5AB",
+  "Surface/Brand/Accent/OnAccent/Accent": "#1F3442",
+  "Surface/Brand/Accent/OnAccent/Accent Secondary": "#1F3442",
+  "Surface/Brand/Primary 1/Default": "#011828",
+  "Surface/Brand/Primary 1/OnSurface/Default": "#E7E3D2",
+  "Surface/Brand/Primary 1/OnSurface/Accent": "#E7E3D2",
+  "Surface/Brand/Primary 1/OnSurface/Accent Secondary": "#E7E3D2",
+  "Surface/Brand/Primary 2/Default": "#011828",
+  "Surface/Brand/Primary 2/OnSurface/Default": "#E7E3D2",
+  "Surface/Brand/Primary 2/OnSurface/Accent": "#E7E3D2",
+  "Surface/Brand/Primary 3/Default": "#E7E3D2",
+  "Surface/Brand/Primary 3/OnSurface/Default": "#011828",
+  "Surface/Brand/Primary 3/OnSurface/Accent": "#011828",
+  "Surface/UI Fill/Default": "#FFFFFF",
+  "Surface/UI Fill/Intense": "#262626",
+  "Surface/UI Fill/Active": "#262626",
+  "Surface/UI Fill/Active Hover": "#FFFFFF",
+  "Surface/UI Fill/Disabled": "#E9E9E9",
+  "Surface/Accent/1": "#855E20",
+  "Surface/Accent/2": "#1F3442",
+  "Surface/Accent/3": "#515E57",
+  "Surface/Accent/4": "#B17D2A",
+  "Surface/Accent/5": "#5B6E7F",
+  "Surface/Feedback/Information": "#284EA0",
+  "Surface/Feedback/Information light": "#E8F6FF",
+  "Surface/Feedback/Succes": "#348337",
+  "Surface/Feedback/Succes light": "#F3FCE8",
+  "Surface/Feedback/Warning": "#D17308",
+  "Surface/Feedback/Warning light": "#FFF8E3",
+  "Surface/Feedback/Error": "#AD0015",
+  "Surface/Feedback/Error light": "#FFEBEB",
+  "Surface/Feedback/Neutral": "#747474",
+  "Surface/Feedback/Neutral light": "#E9E9E9",
+  "Border/Default": "#D9D9D9",
+  "Border/Strong": "#BFBFBF",
+  "Border/Inverted": "#FFFFFF",
+  "Icon/Default": "#575757",
+  "Icon/Intense": "#1F1F1F",
+  "Icon/Accent": "#8E6422",
+  "Icon/Interactive/Default": "#011828",
+  "Icon/Interactive/Secondary": "#8E6422",
+  "Icon/Interactive/Accent": "#8E6422",
+  "Icon/Interactive/Inverted Hover": "#FFFFFFB3",
+  "Icon/Interactive/Disabled": "#BFBFBF",
+  "Icon/Interactive/Placeholder": "#747474",
+  "Icon/Feedback/Information": "#284EA0",
+  "Icon/Feedback/Success": "#348337",
+  "Icon/Feedback/Warning": "#D17308",
+  "Icon/Feedback/Error": "#AD0015",
+  "Icon/Feedback/Neutral": "#575757",
+  "Icon/Inverted": "#FFFFFF",
+  "Overlay/10": "#1F1C1B1A",
+  "Overlay/20": "#1F1C1B33",
+  "Overlay/30": "#1F1C1B33",
+  "Overlay/40": "#1F1C1B66",
+  "Overlay/60": "#1F1C1B99",
+  "Overlay/80": "#1F1C1BCC",
+  "Overlay/90": "#1F1C1BE6",
+  "Component/Button/Brand/Primary/Fill/Default": "#011828",
+  "Component/Button/Brand/Primary/Fill/Hover": "#FFFFFF1A",
+  "Component/Button/Brand/Primary/Fill/Disabled": "#1F1C1B1A",
+  "Component/Button/Brand/Primary/On fill/Default": "#FFFFFF",
+  "Component/Button/Brand/Primary/On fill/Hover": "#FFFFFF",
+  "Component/Button/Brand/Primary/On fill/Disabled": "#8C8C8C",
+  "Component/Button/Brand/Primary/Border/Default": "#FFFFFF00",
+  "Component/Button/Brand/Primary/Border/Hover": "#FFFFFF00",
+  "Component/Button/Brand/Primary/Border/Disabled": "#FFFFFF00",
+  "Component/Button/Brand/Secondary/Fill/Default": "#FFFFFF00",
+  "Component/Button/Brand/Secondary/Fill/Hover": "#FFFFFF00",
+  "Component/Button/Brand/Secondary/Fill/Inverted": "#FFFFFF",
+  "Component/Button/Brand/Secondary/Fill/Hover Inverted": "#011828",
+  "Component/Button/Brand/Secondary/Fill/Disabled": "#1F1C1B1A",
+  "Component/Button/Brand/Secondary/On fill/Default": "#011828",
+  "Component/Button/Brand/Secondary/On fill/Hover": "#465662",
+  "Component/Button/Brand/Secondary/On fill/Inverted": "#FFFFFF",
+  "Component/Button/Brand/Secondary/On fill/Hover inverted": "#FFFFFFB3",
+  "Component/Button/Brand/Secondary/On fill/Disabled": "#8C8C8C",
+  "Component/Button/Brand/Secondary/Border/Default": "#011828",
+  "Component/Button/Brand/Secondary/Border/Hover": "#465662",
+  "Component/Button/Brand/Secondary/Border/Inverted": "#FFFFFF",
+  "Component/Button/Brand/Secondary/Border/Hover inverted": "#FFFFFF80",
+  "Component/Button/Brand/Secondary/Border/Disabled": "#1F1C1B1A",
+  "Component/Button/Brand/Tertiary/Fill/Default": "#E7E3D2",
+  "Component/Button/Brand/Tertiary/Fill/Hover": "#1F1C1B0D",
+  "Component/Button/Brand/Tertiary/Fill/Disabled": "#1F1C1B1A",
+  "Component/Button/Brand/Tertiary/On fill/Default": "#011828",
+  "Component/Button/Brand/Tertiary/On fill/Hover": "#011828",
+  "Component/Button/Brand/Tertiary/On fill/Disabled": "#8C8C8C",
+  "Component/Button/Brand/Tertiary/Border/Default": "#FFFFFF00",
+  "Component/Button/Brand/Tertiary/Border/Hover": "#FFFFFF00",
+  "Component/Button/Brand/Tertiary/Border/Disabled": "#FFFFFF00",
+  "Component/Button/Inverted/Fill/Default": "#FFFFFF",
+  "Component/Button/Inverted/Fill/Faded": "#FFFFFFE6",
+  "Component/Button/Inverted/Fill/Hover": "#1F1C1B1A",
+  "Component/Button/Inverted/Fill/Hover Inverted": "#011828",
+  "Component/Button/Inverted/Fill/Disabled": "#1F1C1B1A",
+  "Component/Button/Inverted/Border/Default": "#FFFFFF00",
+  "Component/Button/Inverted/Border/Hover": "#FFFFFF1A",
+  "Component/Button/Inverted/Border/Disable": "#FFFFFF1A",
+  "Component/Button/Inverted/On fill/Default": "#011828",
+  "Component/Button/Inverted/On fill/Hover": "#FFFFFF1A",
+  "Component/Button/Inverted/On fill/Hover inverted": "#FFFFFF",
+  "Component/Button/Inverted/On fill/Disabled": "#8C8C8C",
+  "Border/Interactive/Default": "#BFBFBF",
+  "Border/Divider/Default": "#D9D9D9",
+  "Border/Divider/Subtle": "#E9E9E9",
+  "Border/Divider/Accent": "#BFBFBF",
+  "Border/Divider/Brand/OnAccent/Default": "#465662",
+  "Border/Divider/Brand/OnPrimary 1/Default": "#1F3442",
+  "Border/Divider/Brand/OnPrimary 2/Default": "#1F3442",
+  "Border/Divider/Brand/OnPrimary 3/Default": "#A4A195",
+  "Border/Interactive/Active": "#262626",
+  "Border/Interactive/Focus": "#262626",
+  "Border/Interactive/Disabled": "#BFBFBF",
+  "Border/Interactive/Error": "#AD0015",
+  "Component/Button/Muted/Fill/Default": "#FFFFFF",
+  "Component/Button/Muted/Fill/Hover": "#FFFFFF",
+  "Component/Button/Muted/Fill/Disabled": "#FFFFFF",
+  "Component/Button/Muted/Fill/Hover inverted": "#1F1C1B0D",
+  "Component/Button/Muted/Fill/Disabled inverted": "#D9D9D9",
+  "Component/Button/Muted/On fill/Default": "#454545",
+  "Component/Button/Muted/On fill/Inverted": "#FFFFFF",
+  "Component/Button/Muted/On fill/Hover Inverted": "#1F3442",
+  "Component/Button/Muted/On fill/Disabled": "#8C8C8C",
+  "Component/Button/Muted/Border/Default": "#FFFFFF1A",
+  "Component/Button/Muted/Border/Hover": "#FFFFFF1A",
+  "Component/Button/Muted/Border/Disable": "#FFFFFF1A",
+}
--- a/packages/design-system/lib/styles/downtown-camper.css
+++ b/packages/design-system/lib/styles/downtown-camper.css
@@ -245,7 +245,7 @@
  --Component-Button-Muted-Fill-Disabled: var(--Neutral-Opacity-White-10);
  --Component-Button-Muted-Fill-Hover-inverted: var(--Neutral-Opacity-Black-5);
  --Component-Button-Muted-Fill-Hover: var(--Neutral-Opacity-White-5);
-  --Component-Button-Muted-On-fill-Default: var(--Neutral-90);
+  --Component-Button-Muted-On-fill-Default: var(--Neutral-70);
  --Component-Button-Muted-On-fill-Disabled: var(--Neutral-40);
  --Component-Button-Muted-On-fill-Hover-Inverted: var(
    --Signature-Downtown-Camper-Russet-70
--- a/packages/design-system/lib/styles/downtown-camper.js
+++ b/packages/design-system/lib/styles/downtown-camper.js
@@ -300,7 +300,7 @@ export const theme = {
  "Component/Button/Muted/Fill/Disabled": "#FFFFFF1A",
  "Component/Button/Muted/Fill/Hover inverted": "#1F1C1B0D",
  "Component/Button/Muted/Fill/Disabled inverted": "#D9D9D9",
-  "Component/Button/Muted/On fill/Default": "#1F1F1F",
+  "Component/Button/Muted/On fill/Default": "#454545",
  "Component/Button/Muted/On fill/Inverted": "#FFFFFF",
  "Component/Button/Muted/On fill/Hover Inverted": "#9B5622",
  "Component/Button/Muted/On fill/Disabled": "#8C8C8C",
--- a/packages/design-system/lib/styles/grand-hotel.css
+++ b/packages/design-system/lib/styles/grand-hotel.css
@@ -160,7 +160,7 @@
    --Neutral-Opacity-Black-10
  );
  --Component-Button-Brand-Secondary-Fill-Hover-Inverted: var(
-    --Signature-Grand-Hotel-Submarine-30
+    --Signature-Grand-Hotel-Blue-Bayoux-100
  );
  --Component-Button-Brand-Secondary-Fill-Hover: var(--Neutral-Opacity-White-0);
  --Component-Button-Brand-Secondary-Fill-Inverted: var(
@@ -194,13 +194,13 @@
  --Component-Button-Brand-Tertiary-Fill-Disabled: var(
    --Neutral-Opacity-Black-10
  );
-  --Component-Button-Brand-Tertiary-Fill-Hover: var(--Neutral-Opacity-White-10);
+  --Component-Button-Brand-Tertiary-Fill-Hover: var(--Neutral-Opacity-Black-10);
  --Component-Button-Brand-Tertiary-On-fill-Default: var(
    --Signature-Grand-Hotel-Blue-Bayoux-100
  );
  --Component-Button-Brand-Tertiary-On-fill-Disabled: var(--Neutral-40);
  --Component-Button-Brand-Tertiary-On-fill-Hover: var(
-    --Neutral-Opacity-White-10
+    --Signature-Grand-Hotel-Blue-Bayoux-100
  );
  --Component-Button-Inverted-Border-Default: var(--Neutral-Opacity-White-0);
  --Component-Button-Inverted-Border-Disable: var(--Neutral-Opacity-White-10);
@@ -228,13 +228,13 @@
  --Component-Button-Muted-Fill-Disabled: var(--Neutral-Opacity-White-100);
  --Component-Button-Muted-Fill-Hover-inverted: var(--Neutral-Opacity-Black-5);
  --Component-Button-Muted-Fill-Hover: var(--Neutral-Opacity-White-100);
-  --Component-Button-Muted-On-fill-Default: var(--Neutral-90);
+  --Component-Button-Muted-On-fill-Default: var(--Neutral-70);
  --Component-Button-Muted-On-fill-Disabled: var(--Neutral-40);
  --Component-Button-Muted-On-fill-Hover-Inverted: var(
    --Signature-Grand-Hotel-Blue-Bayoux-80
  );
  --Component-Button-Muted-On-fill-Inverted: var(--Neutral-Opacity-White-100);
-  --Icon-Accent: var(--Signature-Grand-Hotel-Careys-Pink-40);
+  --Icon-Accent: var(--Signature-Grand-Hotel-Careys-Pink-60);
  --Icon-Default: var(--Neutral-60);
  --Icon-Feedback-Error: var(--Scandic-Red-70);
  --Icon-Feedback-Information: var(--Scandic-Blue-70);
--- a/packages/design-system/lib/styles/grand-hotel.js
+++ b/packages/design-system/lib/styles/grand-hotel.js
@@ -199,7 +199,7 @@ export const theme = {
  "Border/Inverted": "#FFFFFF",
  "Icon/Default": "#575757",
  "Icon/Intense": "#1F1F1F",
-  "Icon/Accent": "#DBA7B1",
+  "Icon/Accent": "#AA546B",
  "Icon/Interactive/Default": "#21252B",
  "Icon/Interactive/Secondary": "#AA546B",
  "Icon/Interactive/Accent": "#AA546B",
@@ -231,7 +231,7 @@ export const theme = {
  "Component/Button/Brand/Secondary/Fill/Default": "#FFFFFF00",
  "Component/Button/Brand/Secondary/Fill/Hover": "#FFFFFF00",
  "Component/Button/Brand/Secondary/Fill/Inverted": "#FFFFFF",
-  "Component/Button/Brand/Secondary/Fill/Hover Inverted": "#B0C4CB",
+  "Component/Button/Brand/Secondary/Fill/Hover Inverted": "#21252B",
  "Component/Button/Brand/Secondary/Fill/Disabled": "#1F1C1B1A",
  "Component/Button/Brand/Secondary/On fill/Default": "#21252B",
  "Component/Button/Brand/Secondary/On fill/Hover": "#3D444D",
@@ -244,10 +244,10 @@ export const theme = {
  "Component/Button/Brand/Secondary/Border/Hover inverted": "#FFFFFF80",
  "Component/Button/Brand/Secondary/Border/Disabled": "#1F1C1B1A",
  "Component/Button/Brand/Tertiary/Fill/Default": "#B0C4CB",
-  "Component/Button/Brand/Tertiary/Fill/Hover": "#FFFFFF1A",
+  "Component/Button/Brand/Tertiary/Fill/Hover": "#1F1C1B1A",
  "Component/Button/Brand/Tertiary/Fill/Disabled": "#1F1C1B1A",
  "Component/Button/Brand/Tertiary/On fill/Default": "#21252B",
-  "Component/Button/Brand/Tertiary/On fill/Hover": "#FFFFFF1A",
+  "Component/Button/Brand/Tertiary/On fill/Hover": "#21252B",
  "Component/Button/Brand/Tertiary/On fill/Disabled": "#8C8C8C",
  "Component/Button/Brand/Tertiary/Border/Default": "#FFFFFF00",
  "Component/Button/Brand/Tertiary/Border/Hover": "#FFFFFF00",
@@ -281,7 +281,7 @@ export const theme = {
  "Component/Button/Muted/Fill/Disabled": "#FFFFFF",
  "Component/Button/Muted/Fill/Hover inverted": "#1F1C1B0D",
  "Component/Button/Muted/Fill/Disabled inverted": "#D9D9D9",
-  "Component/Button/Muted/On fill/Default": "#1F1F1F",
+  "Component/Button/Muted/On fill/Default": "#454545",
  "Component/Button/Muted/On fill/Inverted": "#FFFFFF",
  "Component/Button/Muted/On fill/Hover Inverted": "#3D444D",
  "Component/Button/Muted/On fill/Disabled": "#8C8C8C",
--- a/packages/design-system/lib/styles/haymarket.css
+++ b/packages/design-system/lib/styles/haymarket.css
@@ -203,7 +203,7 @@
  --Component-Button-Brand-Tertiary-Fill-Disabled: var(
    --Neutral-Opacity-Black-10
  );
-  --Component-Button-Brand-Tertiary-Fill-Hover: var(--Neutral-Opacity-Black-10);
+  --Component-Button-Brand-Tertiary-Fill-Hover: var(--Neutral-Opacity-Black-20);
  --Component-Button-Brand-Tertiary-On-fill-Default: var(
    --Neutral-Opacity-White-100
  );
@@ -235,7 +235,7 @@
  --Component-Button-Muted-Fill-Disabled: var(--Neutral-Opacity-White-10);
  --Component-Button-Muted-Fill-Hover-inverted: var(--Neutral-Opacity-Black-5);
  --Component-Button-Muted-Fill-Hover: var(--Neutral-Opacity-White-5);
-  --Component-Button-Muted-On-fill-Default: var(--Neutral-90);
+  --Component-Button-Muted-On-fill-Default: var(--Neutral-70);
  --Component-Button-Muted-On-fill-Disabled: var(--Neutral-40);
  --Component-Button-Muted-On-fill-Hover-Inverted: var(--Neutral-70);
  --Component-Button-Muted-On-fill-Inverted: var(--Neutral-Opacity-White-100);
--- a/packages/design-system/lib/styles/haymarket.js
+++ b/packages/design-system/lib/styles/haymarket.js
@@ -263,7 +263,7 @@ export const theme = {
  "Component/Button/Brand/Secondary/Border/Hover inverted": "#FFFFFF80",
  "Component/Button/Brand/Secondary/Border/Disabled": "#1F1C1B1A",
  "Component/Button/Brand/Tertiary/Fill/Default": "#946F54",
-  "Component/Button/Brand/Tertiary/Fill/Hover": "#1F1C1B1A",
+  "Component/Button/Brand/Tertiary/Fill/Hover": "#1F1C1B33",
  "Component/Button/Brand/Tertiary/Fill/Disabled": "#1F1C1B1A",
  "Component/Button/Brand/Tertiary/On fill/Default": "#FFFFFF",
  "Component/Button/Brand/Tertiary/On fill/Hover": "#FFFFFF",
@@ -300,7 +300,7 @@ export const theme = {
  "Component/Button/Muted/Fill/Disabled": "#FFFFFF1A",
  "Component/Button/Muted/Fill/Hover inverted": "#1F1C1B0D",
  "Component/Button/Muted/Fill/Disabled inverted": "#D9D9D9",
-  "Component/Button/Muted/On fill/Default": "#1F1F1F",
+  "Component/Button/Muted/On fill/Default": "#454545",
  "Component/Button/Muted/On fill/Inverted": "#FFFFFF",
  "Component/Button/Muted/On fill/Hover Inverted": "#454545",
  "Component/Button/Muted/On fill/Disabled": "#8C8C8C",
--- a/packages/design-system/lib/styles/hotel-norge.css
+++ b/packages/design-system/lib/styles/hotel-norge.css
@@ -237,7 +237,7 @@
  --Component-Button-Muted-Fill-Disabled: var(--Neutral-Opacity-White-100);
  --Component-Button-Muted-Fill-Hover-inverted: var(--Neutral-Opacity-Black-5);
  --Component-Button-Muted-Fill-Hover: var(--Neutral-Opacity-White-100);
-  --Component-Button-Muted-On-fill-Default: var(--Neutral-90);
+  --Component-Button-Muted-On-fill-Default: var(--Neutral-70);
  --Component-Button-Muted-On-fill-Disabled: var(--Neutral-40);
  --Component-Button-Muted-On-fill-Hover-Inverted: var(
    --Signature-Hotel-Norge-Dark-blue-80
--- a/packages/design-system/lib/styles/hotel-norge.js
+++ b/packages/design-system/lib/styles/hotel-norge.js
@@ -287,7 +287,7 @@ export const theme = {
  "Component/Button/Muted/Fill/Disabled": "#FFFFFF",
  "Component/Button/Muted/Fill/Hover inverted": "#1F1C1B0D",
  "Component/Button/Muted/Fill/Disabled inverted": "#D9D9D9",
-  "Component/Button/Muted/On fill/Default": "#1F1F1F",
+  "Component/Button/Muted/On fill/Default": "#454545",
  "Component/Button/Muted/On fill/Inverted": "#FFFFFF",
  "Component/Button/Muted/On fill/Hover Inverted": "#404655",
  "Component/Button/Muted/On fill/Disabled": "#8C8C8C",
--- a/packages/design-system/lib/styles/marski.css
+++ b/packages/design-system/lib/styles/marski.css
@@ -222,7 +222,7 @@
  --Component-Button-Brand-Tertiary-Fill-Disabled: var(
    --Neutral-Opacity-Black-10
  );
-  --Component-Button-Brand-Tertiary-Fill-Hover: var(--Neutral-Opacity-Black-5);
+  --Component-Button-Brand-Tertiary-Fill-Hover: var(--Neutral-Opacity-Black-20);
  --Component-Button-Brand-Tertiary-On-fill-Default: var(
    --Neutral-Opacity-White-100
  );
@@ -256,7 +256,7 @@
  --Component-Button-Muted-Fill-Disabled: var(--Neutral-Opacity-White-100);
  --Component-Button-Muted-Fill-Hover-inverted: var(--Neutral-Opacity-Black-5);
  --Component-Button-Muted-Fill-Hover: var(--Neutral-Opacity-White-100);
-  --Component-Button-Muted-On-fill-Default: var(--Neutral-90);
+  --Component-Button-Muted-On-fill-Default: var(--Neutral-70);
  --Component-Button-Muted-On-fill-Disabled: var(--Neutral-40);
  --Component-Button-Muted-On-fill-Hover-Inverted: var(
    --Signature-Marski-Aubergine-80
--- a/packages/design-system/lib/styles/marski.js
+++ b/packages/design-system/lib/styles/marski.js
@@ -274,7 +274,7 @@ export const theme = {
  "Component/Button/Brand/Secondary/Border/Hover inverted": "#FFFFFF80",
  "Component/Button/Brand/Secondary/Border/Disabled": "#1F1C1B1A",
  "Component/Button/Brand/Tertiary/Fill/Default": "#0D57F3",
-  "Component/Button/Brand/Tertiary/Fill/Hover": "#1F1C1B0D",
+  "Component/Button/Brand/Tertiary/Fill/Hover": "#1F1C1B33",
  "Component/Button/Brand/Tertiary/Fill/Disabled": "#1F1C1B1A",
  "Component/Button/Brand/Tertiary/On fill/Default": "#FFFFFF",
  "Component/Button/Brand/Tertiary/On fill/Hover": "#FFFFFF",
@@ -311,7 +311,7 @@ export const theme = {
  "Component/Button/Muted/Fill/Disabled": "#FFFFFF",
  "Component/Button/Muted/Fill/Hover inverted": "#1F1C1B0D",
  "Component/Button/Muted/Fill/Disabled inverted": "#D9D9D9",
-  "Component/Button/Muted/On fill/Default": "#1F1F1F",
+  "Component/Button/Muted/On fill/Default": "#454545",
  "Component/Button/Muted/On fill/Inverted": "#FFFFFF",
  "Component/Button/Muted/On fill/Hover Inverted": "#5B353B",
  "Component/Button/Muted/On fill/Disabled": "#8C8C8C",
--- a/packages/design-system/lib/styles/partner-sas.css
+++ b/packages/design-system/lib/styles/partner-sas.css
@@ -147,7 +147,7 @@
  --Component-Button-Muted-Fill-Disabled: var(--Neutral-Opacity-White-100);
  --Component-Button-Muted-Fill-Hover-inverted: var(--Neutral-Opacity-Black-5);
  --Component-Button-Muted-Fill-Hover: var(--Neutral-Opacity-White-100);
-  --Component-Button-Muted-On-fill-Default: var(--Neutral-90);
+  --Component-Button-Muted-On-fill-Default: var(--Neutral-70);
  --Component-Button-Muted-On-fill-Disabled: var(--Neutral-40);
  --Component-Button-Muted-On-fill-Hover-Inverted: var(
    --Signature-Grand-Hotel-Blue-Bayoux-80
--- a/packages/design-system/lib/styles/partner-sas.js
+++ b/packages/design-system/lib/styles/partner-sas.js
@@ -167,7 +167,7 @@ export const theme = {
  "Component/Button/Muted/Fill/Disabled": "#FFFFFF",
  "Component/Button/Muted/Fill/Hover inverted": "#1F1C1B0D",
  "Component/Button/Muted/Fill/Disabled inverted": "#D9D9D9",
-  "Component/Button/Muted/On fill/Default": "#1F1F1F",
+  "Component/Button/Muted/On fill/Default": "#454545",
  "Component/Button/Muted/On fill/Inverted": "#FFFFFF",
  "Component/Button/Muted/On fill/Hover Inverted": "#3D444D",
  "Component/Button/Muted/On fill/Disabled": "#8C8C8C",
--- a/packages/design-system/lib/styles/scandic-go.css
+++ b/packages/design-system/lib/styles/scandic-go.css
@@ -85,7 +85,7 @@
  --Title-Decorative-md-Text-Transform: none;
  --Title-Overline-sm-Font-fallback: sans-serif;
  --Title-Overline-sm-Letter-spacing: 0.21px;
-  --Title-Overline-sm-Text-Transform: none;
+  --Title-Overline-sm-Text-Transform: uppercase;
  --Title-Subtitle-lg-Font-fallback: sans-serif;
  --Title-Subtitle-lg-Letter-spacing: 0.24px;
  --Title-Subtitle-md-Font-fallback: sans-serif;
@@ -242,7 +242,7 @@
  --Component-Button-Muted-Fill-Disabled: var(--Neutral-Opacity-White-10);
  --Component-Button-Muted-Fill-Hover-inverted: var(--Neutral-Opacity-Black-5);
  --Component-Button-Muted-Fill-Hover: var(--Neutral-Opacity-White-5);
-  --Component-Button-Muted-On-fill-Default: var(--Neutral-90);
+  --Component-Button-Muted-On-fill-Default: var(--Neutral-70);
  --Component-Button-Muted-On-fill-Disabled: var(--Neutral-40);
  --Component-Button-Muted-On-fill-Hover-Inverted: var(--Scandic-Go-Purple-80);
  --Component-Button-Muted-On-fill-Inverted: var(--Neutral-Opacity-White-100);
--- a/packages/design-system/lib/styles/scandic-go.js
+++ b/packages/design-system/lib/styles/scandic-go.js
@@ -70,7 +70,7 @@ export const theme = {
  "Title/Subtitle/md/Letter spacing": 0.2,
  "Title/Overline/sm/Letter spacing": 0.21,
  "Title/Overline/sm/Font fallback": "sans-serif",
-  "Title/Overline/sm/Text-Transform": "none",
+  "Title/Overline/sm/Text-Transform": "uppercase",
  "Title/sm/LowCase/Letter spacing": 0.42,
  "Title/sm/LowCase/Font fallback": "sans-serif",
  "Title/sm/LowCase/Text-Transform": "none",
@@ -317,7 +317,7 @@ export const theme = {
  "Component/Button/Muted/Fill/Disabled": "#FFFFFF1A",
  "Component/Button/Muted/Fill/Hover inverted": "#1F1C1B0D",
  "Component/Button/Muted/Fill/Disabled inverted": "#D9D9D9",
-  "Component/Button/Muted/On fill/Default": "#1F1F1F",
+  "Component/Button/Muted/On fill/Default": "#454545",
  "Component/Button/Muted/On fill/Inverted": "#FFFFFF",
  "Component/Button/Muted/On fill/Hover Inverted": "#5E2A8C",
  "Component/Button/Muted/On fill/Disabled": "#8C8C8C",
--- a/packages/design-system/lib/styles/scandic.css
+++ b/packages/design-system/lib/styles/scandic.css
@@ -269,7 +269,7 @@
  --Component-Button-Muted-Fill-Disabled: var(--Neutral-Opacity-White-10);
  --Component-Button-Muted-Fill-Hover-inverted: var(--Neutral-Opacity-Black-5);
  --Component-Button-Muted-Fill-Hover: var(--Neutral-Opacity-White-5);
-  --Component-Button-Muted-On-fill-Default: var(--Scandic-Grey-100);
+  --Component-Button-Muted-On-fill-Default: var(--Scandic-Grey-80);
  --Component-Button-Muted-On-fill-Disabled: var(--Scandic-Grey-40);
  --Component-Button-Muted-On-fill-Hover-Inverted: var(--Scandic-Red-90);
  --Component-Button-Muted-On-fill-Inverted: var(--Neutral-Opacity-White-100);
--- a/packages/design-system/lib/styles/scandic.js
+++ b/packages/design-system/lib/styles/scandic.js
@@ -344,7 +344,7 @@ export const theme = {
  "Component/Button/Muted/Fill/Disabled": "#FFFFFF1A",
  "Component/Button/Muted/Fill/Hover inverted": "#1F1C1B0D",
  "Component/Button/Muted/Fill/Disabled inverted": "#1F1C1B1A",
-  "Component/Button/Muted/On fill/Default": "#26201E",
+  "Component/Button/Muted/On fill/Default": "#57514E",
  "Component/Button/Muted/On fill/Inverted": "#FFFFFF",
  "Component/Button/Muted/On fill/Hover Inverted": "#6D000D",
  "Component/Button/Muted/On fill/Disabled": "#A8A4A2",
--- a/packages/design-system/lib/styles/the-dock.css
+++ b/packages/design-system/lib/styles/the-dock.css
@@ -194,13 +194,13 @@
  --Component-Button-Brand-Tertiary-Fill-Disabled: var(
    --Neutral-Opacity-Black-10
  );
-  --Component-Button-Brand-Tertiary-Fill-Hover: var(--Neutral-Opacity-White-10);
+  --Component-Button-Brand-Tertiary-Fill-Hover: var(--Neutral-Opacity-Black-10);
  --Component-Button-Brand-Tertiary-On-fill-Default: var(
    --Signature-The-Dock-Rose-Copper-90
  );
  --Component-Button-Brand-Tertiary-On-fill-Disabled: var(--Neutral-40);
  --Component-Button-Brand-Tertiary-On-fill-Hover: var(
-    --Neutral-Opacity-White-10
+    --Signature-The-Dock-Rose-Copper-90
  );
  --Component-Button-Inverted-Border-Default: var(--Neutral-Opacity-White-0);
  --Component-Button-Inverted-Border-Disable: var(--Neutral-Opacity-White-10);
@@ -228,7 +228,7 @@
  --Component-Button-Muted-Fill-Disabled: var(--Neutral-Opacity-White-100);
  --Component-Button-Muted-Fill-Hover-inverted: var(--Neutral-Opacity-Black-5);
  --Component-Button-Muted-Fill-Hover: var(--Neutral-Opacity-White-100);
-  --Component-Button-Muted-On-fill-Default: var(--Neutral-90);
+  --Component-Button-Muted-On-fill-Default: var(--Neutral-70);
  --Component-Button-Muted-On-fill-Disabled: var(--Neutral-40);
  --Component-Button-Muted-On-fill-Hover-Inverted: var(
    --Signature-The-Dock-Rose-Copper-80
--- a/packages/design-system/lib/styles/the-dock.js
+++ b/packages/design-system/lib/styles/the-dock.js
@@ -12,8 +12,8 @@ export const theme = {
  "Signature/The Dock/Signal Red/60": "#D62220",
  "Signature/The Dock/Signal Red/80": "#B31C1B",
  "Signature/The Dock/Signal Blue/50": "#06237C",
-  "Signature/The Dock/Signal Blue/90": "#030F34",
  "Signature/The Dock/Artic Oker/60": "#FFB839",
+  "Signature/The Dock/Signal Blue/90": "#030F34",
  "Title/lg/Letter spacing": -0.24,
  "Title/lg/Font fallback": "Serif",
  "Title/lg/Text-Transform": "none",
@@ -241,10 +241,10 @@ export const theme = {
  "Component/Button/Brand/Secondary/Border/Hover inverted": "#FFFFFF80",
  "Component/Button/Brand/Secondary/Border/Disabled": "#1F1C1B1A",
  "Component/Button/Brand/Tertiary/Fill/Default": "#F2E1C2",
-  "Component/Button/Brand/Tertiary/Fill/Hover": "#FFFFFF1A",
+  "Component/Button/Brand/Tertiary/Fill/Hover": "#1F1C1B1A",
  "Component/Button/Brand/Tertiary/Fill/Disabled": "#1F1C1B1A",
  "Component/Button/Brand/Tertiary/On fill/Default": "#3E1212",
-  "Component/Button/Brand/Tertiary/On fill/Hover": "#FFFFFF1A",
+  "Component/Button/Brand/Tertiary/On fill/Hover": "#3E1212",
  "Component/Button/Brand/Tertiary/On fill/Disabled": "#8C8C8C",
  "Component/Button/Brand/Tertiary/Border/Default": "#FFFFFF00",
  "Component/Button/Brand/Tertiary/Border/Hover": "#FFFFFF00",
@@ -278,7 +278,7 @@ export const theme = {
  "Component/Button/Muted/Fill/Disabled": "#FFFFFF",
  "Component/Button/Muted/Fill/Hover inverted": "#1F1C1B0D",
  "Component/Button/Muted/Fill/Disabled inverted": "#D9D9D9",
-  "Component/Button/Muted/On fill/Default": "#1F1F1F",
+  "Component/Button/Muted/On fill/Default": "#454545",
  "Component/Button/Muted/On fill/Inverted": "#FFFFFF",
  "Component/Button/Muted/On fill/Hover Inverted": "#654141",
  "Component/Button/Muted/On fill/Disabled": "#8C8C8C",