diff --git a/apps/scandic-web/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/link/LinkAccountForm.tsx b/apps/scandic-web/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/link/LinkAccountForm.tsx
index 4a10fdf8c..f712fcd3b 100644
--- a/apps/scandic-web/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/link/LinkAccountForm.tsx
+++ b/apps/scandic-web/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/link/LinkAccountForm.tsx
@@ -97,8 +97,8 @@ export function LinkAccountForm({
           <Link
             href={profileEdit[params.lang]}
             className={styles.dateOfBirthLink}
-            color="peach80"
-            variant="underscored"
+            color="Text/Interactive/Secondary"
+            textDecoration="underline"
           >
             {intl.formatMessage({
               defaultMessage: "Edit your personal details",
@@ -140,7 +140,6 @@ export function LinkAccountForm({
                     <Link
                       href={sasPartnershipTermsAndConditions[params.lang]}
                       weight="bold"
-                      variant="default"
                       textDecoration="underline"
                     >
                       {str}
diff --git a/apps/scandic-web/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/login/page.tsx b/apps/scandic-web/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/login/page.tsx
index 8ce0db21e..f5973c4e2 100644
--- a/apps/scandic-web/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/login/page.tsx
+++ b/apps/scandic-web/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/login/page.tsx
@@ -97,7 +97,6 @@ export default async function SASxScandicLoginPage(props: PageArgs<LangParams> &
               <Link
                 href={loginLink}
                 color="red"
-                variant="default"
                 size="tiny"
                 textDecoration="underline"
               >
diff --git a/apps/scandic-web/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/otp/OneTimePasswordForm.tsx b/apps/scandic-web/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/otp/OneTimePasswordForm.tsx
index cbe1353d7..c92ef0f47 100644
--- a/apps/scandic-web/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/otp/OneTimePasswordForm.tsx
+++ b/apps/scandic-web/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/otp/OneTimePasswordForm.tsx
@@ -115,7 +115,6 @@ export default function OneTimePasswordForm({
       href="#"
       onClick={handleRequestNewOtp}
       color="red"
-      variant="default"
       size="small"
       className={disableResend ? styles["disabled-link"] : ""}
     >
diff --git a/apps/scandic-web/components/Blocks/DynamicContent/JobylonFeed/JobylonCard/index.tsx b/apps/scandic-web/components/Blocks/DynamicContent/JobylonFeed/JobylonCard/index.tsx
index 5e9a2daf7..d84573432 100644
--- a/apps/scandic-web/components/Blocks/DynamicContent/JobylonFeed/JobylonCard/index.tsx
+++ b/apps/scandic-web/components/Blocks/DynamicContent/JobylonFeed/JobylonCard/index.tsx
@@ -40,7 +40,7 @@ export default function JobylonCard({ job }: JobylonCardProps) {
       </Subtitle>
 
       <div className={styles.contentWrapper}>
-        <div className={styles.content}>
+        <div>
           <Caption>{job.categories.map((cat) => cat.text).join(", ")}</Caption>
           <Caption>
             {job.locations
diff --git a/apps/scandic-web/components/Blocks/DynamicContent/Points/EarnAndBurn/JourneyTable/ClientTable/Row/index.tsx b/apps/scandic-web/components/Blocks/DynamicContent/Points/EarnAndBurn/JourneyTable/ClientTable/Row/index.tsx
index 6528c87f3..f97cec20f 100644
--- a/apps/scandic-web/components/Blocks/DynamicContent/Points/EarnAndBurn/JourneyTable/ClientTable/Row/index.tsx
+++ b/apps/scandic-web/components/Blocks/DynamicContent/Points/EarnAndBurn/JourneyTable/ClientTable/Row/index.tsx
@@ -89,7 +89,7 @@ export default function Row({ transaction }: RowProps) {
         transaction.type === Transactions.rewardType.rewardNight)
     ) {
       return (
-        <Link variant="underscored" href={transaction.bookingUrl}>
+        <Link textDecoration="underline" href={transaction.bookingUrl}>
           {transaction.confirmationNumber}
         </Link>
       )
diff --git a/apps/scandic-web/components/Blocks/DynamicContent/Stays/EmptyUpcomingStays/index.tsx b/apps/scandic-web/components/Blocks/DynamicContent/Stays/EmptyUpcomingStays/index.tsx
index c54bb55e6..b9cc8281c 100644
--- a/apps/scandic-web/components/Blocks/DynamicContent/Stays/EmptyUpcomingStays/index.tsx
+++ b/apps/scandic-web/components/Blocks/DynamicContent/Stays/EmptyUpcomingStays/index.tsx
@@ -39,7 +39,11 @@ export default async function EmptyUpcomingStaysBlock() {
           </span>
         </Title>
       </div>
-      <Link href={href} className={styles.link} color="peach80">
+      <Link
+        href={href}
+        className={styles.link}
+        color="Text/Interactive/Secondary"
+      >
         {intl.formatMessage({
           defaultMessage: "Get inspired",
         })}
diff --git a/apps/scandic-web/components/Blocks/UspGrid/renderOptions.tsx b/apps/scandic-web/components/Blocks/UspGrid/renderOptions.tsx
index 83cc60e4b..982008f85 100644
--- a/apps/scandic-web/components/Blocks/UspGrid/renderOptions.tsx
+++ b/apps/scandic-web/components/Blocks/UspGrid/renderOptions.tsx
@@ -20,12 +20,7 @@ export const renderOptions: RenderOptions = {
           : node.attrs.href
 
         return (
-          <Link
-            href={href}
-            key={node.uid}
-            variant="underscored"
-            color="burgundy"
-          >
+          <Link href={href} key={node.uid} textDecoration="underline">
             {next(node.children, embeds, fullRenderOptions)}
           </Link>
         )
diff --git a/apps/scandic-web/components/ContentType/DestinationPage/DestinationCityPage/CityMap/HotelListItem/hotelListItem.module.css b/apps/scandic-web/components/ContentType/DestinationPage/DestinationCityPage/CityMap/HotelListItem/hotelListItem.module.css
index 9b92c7999..a1338e301 100644
--- a/apps/scandic-web/components/ContentType/DestinationPage/DestinationCityPage/CityMap/HotelListItem/hotelListItem.module.css
+++ b/apps/scandic-web/components/ContentType/DestinationPage/DestinationCityPage/CityMap/HotelListItem/hotelListItem.module.css
@@ -58,7 +58,7 @@
   cursor: pointer;
 
   &:hover {
-    color: var(--Text-Interactive-Hover-Secondary);
+    color: var(--Text-Interactive-Secondary-Hover);
   }
 }
 
diff --git a/apps/scandic-web/components/ContentType/DestinationPage/DestinationOverviewPage/HotelsSection/DestinationsList/Destination/index.tsx b/apps/scandic-web/components/ContentType/DestinationPage/DestinationOverviewPage/HotelsSection/DestinationsList/Destination/index.tsx
index 91de22340..a658ff385 100644
--- a/apps/scandic-web/components/ContentType/DestinationPage/DestinationOverviewPage/HotelsSection/DestinationsList/Destination/index.tsx
+++ b/apps/scandic-web/components/ContentType/DestinationPage/DestinationOverviewPage/HotelsSection/DestinationsList/Destination/index.tsx
@@ -33,7 +33,7 @@ export default async function Destination({
                 <li key={city.id}>
                   <Link
                     href={city.url}
-                    color="baseTextMediumContrast"
+                    color="Text/Interactive/Secondary"
                     textDecoration="underline"
                   >
                     {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}
@@ -44,7 +44,7 @@ export default async function Destination({
             )}
         </ul>
         {countryUrl && (
-          <Link href={countryUrl} variant="icon" color="burgundy" weight="bold">
+          <Link href={countryUrl} weight="bold">
             {intl.formatMessage(
               {
                 defaultMessage: "View all hotels in {country}",
diff --git a/apps/scandic-web/components/ContentType/DestinationPage/HotelListing/HotelListingItem/hotelListingItem.module.css b/apps/scandic-web/components/ContentType/DestinationPage/HotelListing/HotelListingItem/hotelListingItem.module.css
index d1ae96b35..abfb0ff50 100644
--- a/apps/scandic-web/components/ContentType/DestinationPage/HotelListing/HotelListingItem/hotelListingItem.module.css
+++ b/apps/scandic-web/components/ContentType/DestinationPage/HotelListing/HotelListingItem/hotelListingItem.module.css
@@ -50,7 +50,7 @@
   color: var(--Text-Interactive-Secondary);
 
   &:hover {
-    color: var(--Text-Interactive-Hover-Secondary);
+    color: var(--Text-Interactive-Secondary-Hover);
   }
 }
 
diff --git a/apps/scandic-web/components/ContentType/HotelPage/IntroSection/TripAdvisorLink/index.tsx b/apps/scandic-web/components/ContentType/HotelPage/IntroSection/TripAdvisorLink/index.tsx
index dc42589f9..2c9443e09 100644
--- a/apps/scandic-web/components/ContentType/HotelPage/IntroSection/TripAdvisorLink/index.tsx
+++ b/apps/scandic-web/components/ContentType/HotelPage/IntroSection/TripAdvisorLink/index.tsx
@@ -46,9 +46,8 @@ export default async function TripAdvisorLink({
 
   return (
     <Link
-      variant="icon"
       textDecoration="underline"
-      color="peach80"
+      color="Text/Interactive/Secondary"
       href={tripAdvisorHref}
     >
       <TripadvisorIcon color="CurrentColor" />
diff --git a/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/AboutTheHotel/ContactInformation/index.tsx b/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/AboutTheHotel/ContactInformation/index.tsx
index aa58baea4..a922da14b 100644
--- a/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/AboutTheHotel/ContactInformation/index.tsx
+++ b/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/AboutTheHotel/ContactInformation/index.tsx
@@ -55,7 +55,7 @@ export default async function ContactInformation({
           <Link
             href={directionsUrl}
             target="_blank"
-            color="peach80"
+            color="Text/Interactive/Secondary"
             textDecoration="underline"
           >
             {intl.formatMessage({
@@ -72,7 +72,7 @@ export default async function ContactInformation({
           <Body>
             <Link
               href={`tel:+${contact.phoneNumber}`}
-              color="peach80"
+              color="Text/Interactive/Secondary"
               textDecoration="underline"
             >
               {contact.phoneNumber}
@@ -113,7 +113,7 @@ export default async function ContactInformation({
           </Body>
           <Link
             href={`mailto:${contact.email}`}
-            color="peach80"
+            color="Text/Interactive/Secondary"
             textDecoration="underline"
           >
             {contact.email}
diff --git a/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/Activities/index.tsx b/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/Activities/index.tsx
index 572857549..af79ae40d 100644
--- a/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/Activities/index.tsx
+++ b/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/Activities/index.tsx
@@ -25,7 +25,7 @@ export default async function ActivitiesSidePeek({
       <Preamble>{preamble}</Preamble>
       <div className={styles.buttonContainer}>
         <Button theme="base" intent="secondary" asChild>
-          <Link href={href} color="burgundy" weight="bold">
+          <Link href={href} weight="bold">
             {sidepeekCTA}
           </Link>
         </Button>
diff --git a/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/RestaurantBar/RestaurantBarItem/index.tsx b/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/RestaurantBar/RestaurantBarItem/index.tsx
index dd622ff43..adbb504e2 100644
--- a/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/RestaurantBar/RestaurantBarItem/index.tsx
+++ b/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/RestaurantBar/RestaurantBarItem/index.tsx
@@ -77,8 +77,7 @@ export default async function RestaurantBarItem({
                   href={url}
                   target="_blank"
                   textDecoration="underline"
-                  variant="icon"
-                  color="baseTextMediumContrast"
+                  color="Text/Interactive/Secondary"
                 >
                   {name}
                   <MaterialIcon
diff --git a/apps/scandic-web/components/ContentType/HotelSubpage/HtmlContent/index.tsx b/apps/scandic-web/components/ContentType/HotelSubpage/HtmlContent/index.tsx
index ad68bceea..c0940999b 100644
--- a/apps/scandic-web/components/ContentType/HotelSubpage/HtmlContent/index.tsx
+++ b/apps/scandic-web/components/ContentType/HotelSubpage/HtmlContent/index.tsx
@@ -101,7 +101,7 @@ function renderNode(domNode: Node, idx: number) {
         return (
           <Link
             key={domNode.name + idx}
-            color="peach80"
+            color="Text/Interactive/Secondary"
             textDecoration="underline"
             weight="bold"
             target="_blank" //Always open in new tab
diff --git a/apps/scandic-web/components/ContentType/HotelSubpage/Sidebar/RestaurantSidebar.tsx b/apps/scandic-web/components/ContentType/HotelSubpage/Sidebar/RestaurantSidebar.tsx
index 6e183dcd7..6d918ea91 100644
--- a/apps/scandic-web/components/ContentType/HotelSubpage/Sidebar/RestaurantSidebar.tsx
+++ b/apps/scandic-web/components/ContentType/HotelSubpage/Sidebar/RestaurantSidebar.tsx
@@ -70,9 +70,8 @@ export default async function RestaurantSidebar({
               <li key={name}>
                 <Link
                   href={url}
-                  color="baseTextMediumContrast"
+                  color="Text/Interactive/Secondary"
                   textDecoration="underline"
-                  variant="icon"
                 >
                   {name}
                   <MaterialIcon
diff --git a/apps/scandic-web/components/Current/Header/MyPagesMobileDropdown/index.tsx b/apps/scandic-web/components/Current/Header/MyPagesMobileDropdown/index.tsx
index baa2e89c7..9fa17cac3 100644
--- a/apps/scandic-web/components/Current/Header/MyPagesMobileDropdown/index.tsx
+++ b/apps/scandic-web/components/Current/Header/MyPagesMobileDropdown/index.tsx
@@ -76,9 +76,8 @@ function PrimaryLinks({ handleOnClick }: { handleOnClick: () => void }) {
             <Link
               href={link.href}
               partialMatch
-              size={"regular"}
+              size="regular"
               variant="myPageMobileDropdown"
-              color="burgundy"
               onClick={handleOnClick}
             >
               {link.text}
@@ -108,9 +107,8 @@ function SecondaryLinks({ handleOnClick }: { handleOnClick: () => void }) {
             <Link
               href={link.href}
               partialMatch
-              size={"small"}
+              size="small"
               variant="myPageMobileDropdown"
-              color="burgundy"
               onClick={handleOnClick}
             >
               {link.text}
@@ -122,7 +120,6 @@ function SecondaryLinks({ handleOnClick }: { handleOnClick: () => void }) {
           href={logout[lang]}
           prefetch={false}
           size="small"
-          color="burgundy"
           variant="myPageMobileDropdown"
         >
           {intl.formatMessage({
diff --git a/apps/scandic-web/components/Current/Header/TopMenu/index.tsx b/apps/scandic-web/components/Current/Header/TopMenu/index.tsx
index 853cd1eae..2b6a40d31 100644
--- a/apps/scandic-web/components/Current/Header/TopMenu/index.tsx
+++ b/apps/scandic-web/components/Current/Header/TopMenu/index.tsx
@@ -73,7 +73,6 @@ export default async function TopMenu({
                 position="hamburger menu"
                 trackingId="loginStartTopMenu"
                 className={`${styles.sessionLink} ${styles.loginLink}`}
-                variant="default"
                 size="small"
               >
                 {intl.formatMessage({
@@ -105,7 +104,6 @@ export async function TopMenuSkeleton() {
               position="hamburger menu"
               trackingId="loginStartTopMenu"
               className={`${styles.sessionLink} ${styles.loginLink}`}
-              variant="default"
               size="small"
             >
               {intl.formatMessage({
diff --git a/apps/scandic-web/components/DeprecatedJsonToHtml/renderOptions.tsx b/apps/scandic-web/components/DeprecatedJsonToHtml/renderOptions.tsx
index 148993ded..b39be95c5 100644
--- a/apps/scandic-web/components/DeprecatedJsonToHtml/renderOptions.tsx
+++ b/apps/scandic-web/components/DeprecatedJsonToHtml/renderOptions.tsx
@@ -73,8 +73,7 @@ export const renderOptions: RenderOptions = {
           href={node.attrs.url}
           key={node.uid}
           target={node.attrs.target ?? "_blank"}
-          variant="underscored"
-          color="burgundy"
+          textDecoration="underline"
         >
           {next(node.children, embeds, fullRenderOptions)}
         </Link>
@@ -359,8 +358,7 @@ export const renderOptions: RenderOptions = {
               {...props}
               href={href}
               key={node.uid}
-              variant="underscored"
-              color="burgundy"
+              textDecoration="underline"
             >
               {next(node.children, embeds, fullRenderOptions)}
             </Link>
diff --git a/apps/scandic-web/components/Footer/Navigation/MainNav/index.tsx b/apps/scandic-web/components/Footer/Navigation/MainNav/index.tsx
index 7cb8672ab..8b101a4e1 100644
--- a/apps/scandic-web/components/Footer/Navigation/MainNav/index.tsx
+++ b/apps/scandic-web/components/Footer/Navigation/MainNav/index.tsx
@@ -22,7 +22,6 @@ export default function FooterMainNav({ mainLinks }: FooterMainNavProps) {
           <li key={link.title} className={styles.mainNavigationItem}>
             <Typography variant="Title/Subtitle/md">
               <Link
-                color="burgundy"
                 href={link.url}
                 className={styles.mainNavigationLink}
                 target={link.openInNewTab ? "_blank" : undefined}
diff --git a/apps/scandic-web/components/Footer/Navigation/SecondaryNav/index.tsx b/apps/scandic-web/components/Footer/Navigation/SecondaryNav/index.tsx
index 0f73e1a8e..c6101f87a 100644
--- a/apps/scandic-web/components/Footer/Navigation/SecondaryNav/index.tsx
+++ b/apps/scandic-web/components/Footer/Navigation/SecondaryNav/index.tsx
@@ -67,7 +67,6 @@ export default function FooterSecondaryNav({
                   <Link
                     href={link.url}
                     target={link.openInNewTab ? "_blank" : undefined}
-                    color="burgundy"
                     onClick={() => trackFooterClick(group.title, link.title)}
                   >
                     {link.title}
diff --git a/apps/scandic-web/components/Forms/Signup/index.tsx b/apps/scandic-web/components/Forms/Signup/index.tsx
index f1b52d317..3211cade1 100644
--- a/apps/scandic-web/components/Forms/Signup/index.tsx
+++ b/apps/scandic-web/components/Forms/Signup/index.tsx
@@ -210,8 +210,8 @@ export default function SignupForm({ title }: SignUpFormProps) {
                 {
                   termsAndConditionsLink: (str) => (
                     <Link
-                      variant="underscored"
-                      color="peach80"
+                      textDecoration="underline"
+                      color="Text/Interactive/Secondary"
                       target="_blank"
                       href={membershipTermsAndConditions[lang]}
                     >
@@ -220,8 +220,8 @@ export default function SignupForm({ title }: SignUpFormProps) {
                   ),
                   privacyPolicy: (str) => (
                     <Link
-                      variant="underscored"
-                      color="peach80"
+                      textDecoration="underline"
+                      color="Text/Interactive/Secondary"
                       target="_blank"
                       href={privacyPolicy[lang]}
                     >
diff --git a/apps/scandic-web/components/Header/MainMenu/MyPagesMenuContent/index.tsx b/apps/scandic-web/components/Header/MainMenu/MyPagesMenuContent/index.tsx
index 75a2fcb73..fdcfa8750 100644
--- a/apps/scandic-web/components/Header/MainMenu/MyPagesMenuContent/index.tsx
+++ b/apps/scandic-web/components/Header/MainMenu/MyPagesMenuContent/index.tsx
@@ -101,7 +101,7 @@ function PrimaryLinks({
             href={link.href}
             onClick={toggleOpenStateFn}
             variant="menu"
-            weight={"bold"}
+            weight="bold"
             className={styles.link}
           >
             {link.text}
diff --git a/apps/scandic-web/components/Header/MainMenu/NavigationMenu/MegaMenu/index.tsx b/apps/scandic-web/components/Header/MainMenu/NavigationMenu/MegaMenu/index.tsx
index d276071e4..184cb42ac 100644
--- a/apps/scandic-web/components/Header/MainMenu/NavigationMenu/MegaMenu/index.tsx
+++ b/apps/scandic-web/components/Header/MainMenu/NavigationMenu/MegaMenu/index.tsx
@@ -60,8 +60,6 @@ export default function MegaMenu({
             {seeAllLink?.link ? (
               <Link
                 href={seeAllLink.link.url}
-                color="burgundy"
-                variant="icon"
                 weight="bold"
                 onClick={handleNavigate}
               >
diff --git a/apps/scandic-web/components/Header/MainMenu/NavigationMenu/NavigationMenuItem/index.tsx b/apps/scandic-web/components/Header/MainMenu/NavigationMenu/NavigationMenuItem/index.tsx
index d579da9e9..bac83149b 100644
--- a/apps/scandic-web/components/Header/MainMenu/NavigationMenu/NavigationMenuItem/index.tsx
+++ b/apps/scandic-web/components/Header/MainMenu/NavigationMenu/NavigationMenuItem/index.tsx
@@ -46,7 +46,7 @@ export default function MenuItem({ item, isMobile }: NavigationMenuItemProps) {
     <>
       <MainMenuButton
         onClick={() => toggleMegaMenu(megaMenuTitle)}
-        className={`${styles.navigationMenuItem} ${isMobile ? styles.mobile : styles.desktop}`}
+        className={`${styles.navigationMenuItem} ${isMobile ? styles.mobile : ""}`}
       >
         {title}
         {isMobile ? (
@@ -81,7 +81,7 @@ export default function MenuItem({ item, isMobile }: NavigationMenuItemProps) {
     </>
   ) : (
     <Link
-      className={`${styles.navigationMenuItem} ${isMobile ? styles.mobile : styles.desktop}`}
+      className={`${styles.navigationMenuItem} ${isMobile ? styles.mobile : ""}`}
       variant="navigation"
       weight="bold"
       onClick={handleNavigate}
diff --git a/apps/scandic-web/components/HotelReservation/BookingConfirmation/HotelDetails/index.tsx b/apps/scandic-web/components/HotelReservation/BookingConfirmation/HotelDetails/index.tsx
index 78066506a..f85e46fd3 100644
--- a/apps/scandic-web/components/HotelReservation/BookingConfirmation/HotelDetails/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/BookingConfirmation/HotelDetails/index.tsx
@@ -49,14 +49,14 @@ export default function HotelDetails({
       <div className={styles.contact}>
         <Link
           className={styles.link}
-          color="baseTextMediumContrast"
+          color="Text/Interactive/Secondary"
           href={`mailto:${hotel.contactInformation.email}`}
         >
           {hotel.contactInformation.email}
         </Link>
         <Link
           className={styles.link}
-          color="baseTextMediumContrast"
+          color="Text/Interactive/Secondary"
           href={hotel.contactInformation.websiteUrl}
         >
           {hotel.contactInformation.websiteUrl}
diff --git a/apps/scandic-web/components/HotelReservation/BookingConfirmation/Receipt/Room/index.tsx b/apps/scandic-web/components/HotelReservation/BookingConfirmation/Receipt/Room/index.tsx
index 467a3d732..24bb3b91b 100644
--- a/apps/scandic-web/components/HotelReservation/BookingConfirmation/Receipt/Room/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/BookingConfirmation/Receipt/Room/index.tsx
@@ -96,11 +96,10 @@ export default function ReceiptRoom({
           trigger={
             <Button intent="text" className={styles.termsLink}>
               <Link
-                color="peach80"
+                color="Text/Interactive/Secondary"
                 href=""
                 size="small"
                 textDecoration="underline"
-                variant="icon"
               >
                 {intl.formatMessage({
                   defaultMessage: "Reservation policy",
diff --git a/apps/scandic-web/components/HotelReservation/EnterDetails/Details/RoomOne/JoinScandicFriendsCard/index.tsx b/apps/scandic-web/components/HotelReservation/EnterDetails/Details/RoomOne/JoinScandicFriendsCard/index.tsx
index 5207f6970..6304bf445 100644
--- a/apps/scandic-web/components/HotelReservation/EnterDetails/Details/RoomOne/JoinScandicFriendsCard/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/EnterDetails/Details/RoomOne/JoinScandicFriendsCard/index.tsx
@@ -97,7 +97,6 @@ export default function JoinScandicFriendsCard({
           defaultMessage: "Already a friend?",
         })} `}
         <LoginButton
-          color="burgundy"
           position="enter details"
           trackingId="join-scandic-friends-enter-details"
           variant="breadcrumb"
@@ -134,11 +133,9 @@ export default function JoinScandicFriendsCard({
             {
               termsAndConditionsLink: (str) => (
                 <Link
-                  variant="default"
                   textDecoration="underline"
                   size="tiny"
                   target="_blank"
-                  color="uiTextPlaceholder"
                   href={membershipTermsAndConditions[lang]}
                 >
                   {str}
diff --git a/apps/scandic-web/components/HotelReservation/EnterDetails/Payment/PaymentCallback/TimeoutSpinner/index.tsx b/apps/scandic-web/components/HotelReservation/EnterDetails/Payment/PaymentCallback/TimeoutSpinner/index.tsx
index cf6de311c..8d951f802 100644
--- a/apps/scandic-web/components/HotelReservation/EnterDetails/Payment/PaymentCallback/TimeoutSpinner/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/EnterDetails/Payment/PaymentCallback/TimeoutSpinner/index.tsx
@@ -34,7 +34,7 @@ export default function TimeoutSpinner() {
             link: (text) => (
               <Link
                 href={customerService[lang]}
-                variant="underscored"
+                textDecoration="underline"
                 target="_blank"
               >
                 {text}
diff --git a/apps/scandic-web/components/HotelReservation/EnterDetails/Payment/TermsAndConditions/index.tsx b/apps/scandic-web/components/HotelReservation/EnterDetails/Payment/TermsAndConditions/index.tsx
index 010dc4efb..78608fa19 100644
--- a/apps/scandic-web/components/HotelReservation/EnterDetails/Payment/TermsAndConditions/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/EnterDetails/Payment/TermsAndConditions/index.tsx
@@ -30,7 +30,7 @@ export default function TermsAndConditions({
                 termsAndConditionsLink: (str) => (
                   <Link
                     className={styles.link}
-                    variant="underscored"
+                    textDecoration="underline"
                     href={bookingTermsAndConditions[lang]}
                     target="_blank"
                     weight="bold"
@@ -42,7 +42,7 @@ export default function TermsAndConditions({
                 privacyPolicyLink: (str) => (
                   <Link
                     className={styles.link}
-                    variant="underscored"
+                    textDecoration="underline"
                     href={privacyPolicy[lang]}
                     target="_blank"
                     weight="bold"
@@ -62,7 +62,7 @@ export default function TermsAndConditions({
                 termsAndConditionsLink: (str) => (
                   <Link
                     className={styles.link}
-                    variant="underscored"
+                    textDecoration="underline"
                     href={bookingTermsAndConditions[lang]}
                     target="_blank"
                     weight="bold"
@@ -74,7 +74,7 @@ export default function TermsAndConditions({
                 privacyPolicyLink: (str) => (
                   <Link
                     className={styles.link}
-                    variant="underscored"
+                    textDecoration="underline"
                     href={privacyPolicy[lang]}
                     target="_blank"
                     weight="bold"
diff --git a/apps/scandic-web/components/HotelReservation/FindMyBooking/index.tsx b/apps/scandic-web/components/HotelReservation/FindMyBooking/index.tsx
index c3e0b21ff..03898aad8 100644
--- a/apps/scandic-web/components/HotelReservation/FindMyBooking/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/FindMyBooking/index.tsx
@@ -128,7 +128,6 @@ export default function FindMyBooking() {
                     <Link
                       href={customerService[lang]}
                       size="small"
-                      color="uiTextPlaceholder"
                       textDecoration="underline"
                       target="_blank"
                     >
diff --git a/apps/scandic-web/components/HotelReservation/HotelCard/index.tsx b/apps/scandic-web/components/HotelReservation/HotelCard/index.tsx
index c6f47cba5..324d9efe5 100644
--- a/apps/scandic-web/components/HotelReservation/HotelCard/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/HotelCard/index.tsx
@@ -117,8 +117,7 @@ function HotelCard({
                 ) : (
                   <Link
                     size="small"
-                    color="burgundy"
-                    variant="underscored"
+                    textDecoration="underline"
                     onClick={handleAddressClick}
                     href={selectHotelMap(lang)}
                     keepSearchParams
diff --git a/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/Steps/ConfirmationStep/index.tsx b/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/Steps/ConfirmationStep/index.tsx
index 4e8d55e38..81266734a 100644
--- a/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/Steps/ConfirmationStep/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/Steps/ConfirmationStep/index.tsx
@@ -169,8 +169,8 @@ export default function ConfirmationStep({
               {
                 termsAndConditionsLink: (str) => (
                   <Link
-                    variant="underscored"
-                    color="peach80"
+                    textDecoration="underline"
+                    color="Text/Interactive/Secondary"
                     target="_blank"
                     href={bookingTermsAndConditions[lang]}
                   >
@@ -179,8 +179,8 @@ export default function ConfirmationStep({
                 ),
                 privacyPolicyLink: (str) => (
                   <Link
-                    variant="underscored"
-                    color="peach80"
+                    textDecoration="underline"
+                    color="Text/Interactive/Secondary"
                     target="_blank"
                     href={privacyPolicy[lang]}
                   >
@@ -192,7 +192,6 @@ export default function ConfirmationStep({
           </p>
         </Typography>
         <Checkbox
-          className={styles.checkbox}
           name="termsAndConditions"
           registerOptions={{ required: true }}
         >
diff --git a/apps/scandic-web/components/HotelReservation/MyStay/BookingSummary/SummaryCard/index.tsx b/apps/scandic-web/components/HotelReservation/MyStay/BookingSummary/SummaryCard/index.tsx
index 0b40f06ab..e9b1e5f6b 100644
--- a/apps/scandic-web/components/HotelReservation/MyStay/BookingSummary/SummaryCard/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/MyStay/BookingSummary/SummaryCard/index.tsx
@@ -61,7 +61,6 @@ export default function SummaryCard({
                   <Link
                     href={link.href}
                     target="_blank"
-                    color="burgundy"
                     className={styles.link}
                     onClick={link.onClick}
                   >
diff --git a/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/NotCancelled/ManageStay/Actions/GuaranteeLateArrival/Form/index.tsx b/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/NotCancelled/ManageStay/Actions/GuaranteeLateArrival/Form/index.tsx
index 59bacbcb3..14e3e23af 100644
--- a/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/NotCancelled/ManageStay/Actions/GuaranteeLateArrival/Form/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/NotCancelled/ManageStay/Actions/GuaranteeLateArrival/Form/index.tsx
@@ -107,8 +107,8 @@ export default function Form() {
     {
       termsAndConditionsLink: (str) => (
         <Link
-          variant="underscored"
-          color="peach80"
+          textDecoration="underline"
+          color="Text/Interactive/Secondary"
           target="_blank"
           href={bookingTermsAndConditions[lang]}
           onClick={(e) => e.stopPropagation()}
@@ -118,8 +118,8 @@ export default function Form() {
       ),
       privacyPolicyLink: (str) => (
         <Link
-          variant="underscored"
-          color="peach80"
+          textDecoration="underline"
+          color="Text/Interactive/Secondary"
           target="_blank"
           href={privacyPolicy[lang]}
           onClick={(e) => e.stopPropagation()}
diff --git a/apps/scandic-web/components/HotelReservation/SelectHotel/MobileMapButtonContainer/index.tsx b/apps/scandic-web/components/HotelReservation/SelectHotel/MobileMapButtonContainer/index.tsx
index d63c80638..d13c0f797 100644
--- a/apps/scandic-web/components/HotelReservation/SelectHotel/MobileMapButtonContainer/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/SelectHotel/MobileMapButtonContainer/index.tsx
@@ -42,7 +42,6 @@ export default function MobileMapButtonContainer({
           href={
             isAlternative ? alternativeHotelsMap(lang) : selectHotelMap(lang)
           }
-          color="baseButtonTextOnFillNormal"
           keepSearchParams
           weight="bold"
         >
diff --git a/apps/scandic-web/components/HotelReservation/SelectHotel/index.tsx b/apps/scandic-web/components/HotelReservation/SelectHotel/index.tsx
index 29c538504..716e57a26 100644
--- a/apps/scandic-web/components/HotelReservation/SelectHotel/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/SelectHotel/index.tsx
@@ -90,12 +90,7 @@ export default async function SelectHotel({
         {showBookingCodeFilter ? <BookingCodeFilter /> : null}
         <div className={styles.sideBar}>
           {hotels.length ? (
-            <Link
-              className={styles.link}
-              color="burgundy"
-              href={mapHref}
-              keepSearchParams
-            >
+            <Link className={styles.link} href={mapHref} keepSearchParams>
               <div className={styles.mapContainer}>
                 <StaticMap
                   city={city.name}
diff --git a/apps/scandic-web/components/HotelReservation/SelectRate/HotelInfoCard/HotelDescription/hotelDescription.module.css b/apps/scandic-web/components/HotelReservation/SelectRate/HotelInfoCard/HotelDescription/hotelDescription.module.css
index 5fe63205b..b8dd42ba5 100644
--- a/apps/scandic-web/components/HotelReservation/SelectRate/HotelInfoCard/HotelDescription/hotelDescription.module.css
+++ b/apps/scandic-web/components/HotelReservation/SelectRate/HotelInfoCard/HotelDescription/hotelDescription.module.css
@@ -42,7 +42,7 @@
   cursor: pointer;
 
   &:hover {
-    color: var(--Text-Interactive-Hover-Secondary);
+    color: var(--Text-Interactive-Secondary-Hover);
   }
 }
 
diff --git a/apps/scandic-web/components/JsonToHtml/renderOptions.tsx b/apps/scandic-web/components/JsonToHtml/renderOptions.tsx
index ab36570f6..e1ec011bd 100644
--- a/apps/scandic-web/components/JsonToHtml/renderOptions.tsx
+++ b/apps/scandic-web/components/JsonToHtml/renderOptions.tsx
@@ -94,8 +94,7 @@ export const renderOptions: RenderOptions = {
           href={node.attrs.url}
           key={node.uid}
           target={node.attrs.target ?? "_blank"}
-          variant="underscored"
-          color="burgundy"
+          textDecoration="underline"
         >
           {next(
             // Sometimes editors happen to nest a reference inside a link and vice versa.
@@ -396,9 +395,7 @@ export const renderOptions: RenderOptions = {
             <Link
               href={node.attrs.href}
               key={node.uid}
-              variant="icon"
               textDecoration="underline"
-              color="burgundy"
               target="_blank"
             >
               {next(
@@ -450,8 +447,7 @@ export const renderOptions: RenderOptions = {
               {...props}
               href={entry.node.url}
               key={node.uid}
-              variant="underscored"
-              color="burgundy"
+              textDecoration="underline"
             >
               {next(
                 // Sometimes editors happen to nest a reference inside a link and vice versa.
diff --git a/apps/scandic-web/components/LanguageSwitcher/LanguageSwitcherContent/index.tsx b/apps/scandic-web/components/LanguageSwitcher/LanguageSwitcherContent/index.tsx
index c3e852e2f..5c1792e41 100644
--- a/apps/scandic-web/components/LanguageSwitcher/LanguageSwitcherContent/index.tsx
+++ b/apps/scandic-web/components/LanguageSwitcher/LanguageSwitcherContent/index.tsx
@@ -4,6 +4,7 @@ import { usePathname } from "next/navigation"
 import { useIntl } from "react-intl"
 
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
+import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import { type Lang, languages } from "@/constants/languages"
 import { env } from "@/env/client"
@@ -44,21 +45,30 @@ export default function LanguageSwitcherContent({
           if (url) {
             return (
               <li key={key}>
-                <Link
-                  className={`${styles.link} ${isActive ? styles.active : ""}`}
-                  href={replaceUrlPart(pathname, url)}
-                  rel={env.isLangLive(key) ? undefined : "nofollow"}
-                  onClick={onLanguageSwitch}
-                  keepSearchParams
+                <Typography
+                  variant={
+                    isActive
+                      ? "Body/Paragraph/mdBold"
+                      : "Body/Paragraph/mdRegular"
+                  }
                 >
-                  {languages[key]}
-                  {isActive ? (
-                    <MaterialIcon
-                      icon="check"
-                      color="Icon/Interactive/Default"
-                    />
-                  ) : null}
-                </Link>
+                  <Link
+                    className={styles.link}
+                    href={replaceUrlPart(pathname, url)}
+                    rel={env.isLangLive(key) ? undefined : "nofollow"}
+                    onClick={onLanguageSwitch}
+                    variant="languageSwitcher"
+                    keepSearchParams
+                  >
+                    {languages[key]}
+                    {isActive ? (
+                      <MaterialIcon
+                        icon="check"
+                        color="Icon/Interactive/Default"
+                      />
+                    ) : null}
+                  </Link>
+                </Typography>
               </li>
             )
           }
diff --git a/apps/scandic-web/components/LanguageSwitcher/LanguageSwitcherContent/languageSwitcherContent.module.css b/apps/scandic-web/components/LanguageSwitcher/LanguageSwitcherContent/languageSwitcherContent.module.css
index 24f3fcc0f..01d86d4fc 100644
--- a/apps/scandic-web/components/LanguageSwitcher/LanguageSwitcherContent/languageSwitcherContent.module.css
+++ b/apps/scandic-web/components/LanguageSwitcher/LanguageSwitcherContent/languageSwitcherContent.module.css
@@ -16,11 +16,6 @@
 }
 
 .link {
-  color: var(--Scandic-Brand-Burgundy);
-  font-family: var(--typography-Body-Regular-fontFamily);
-  font-size: var(--typography-Body-Regular-fontSize);
-  line-height: var(--typography-Body-Regular-lineHeight);
-  letter-spacing: var(--typography-Body-Regular-letterSpacing);
   padding: var(--Spacing-x1);
   border-radius: var(--Corner-radius-md);
   display: flex;
@@ -31,12 +26,6 @@
   border-radius: var(--Corner-radius-md);
 }
 
-.link.active,
-.link:hover {
-  background-color: var(--Base-Surface-Primary-light-Hover-alt);
-  font-weight: 500; /* Should be fixed when variables starts working: var(--typography-Body-Bold-fontWeight); */
-}
-
 @media screen and (min-width: 768px) {
   .backWrapper,
   .backButton {
@@ -50,8 +39,4 @@
   .subtitle {
     display: none;
   }
-
-  .link.active:not(:hover) {
-    background-color: transparent;
-  }
 }
diff --git a/apps/scandic-web/components/LanguageSwitcher/languageSwitcher.module.css b/apps/scandic-web/components/LanguageSwitcher/languageSwitcher.module.css
index 2ef04fd9d..1e1d80178 100644
--- a/apps/scandic-web/components/LanguageSwitcher/languageSwitcher.module.css
+++ b/apps/scandic-web/components/LanguageSwitcher/languageSwitcher.module.css
@@ -1,6 +1,6 @@
 .button {
-  --language-switcher-color: var(--Base-Text-Medium-contrast);
-  --language-switcher-hover-color: var(--Base-Text-High-contrast);
+  --language-switcher-color: var(--Text-Interactive-Secondary);
+  --language-switcher-hover-color: var(--Text-Interactive-Secondary-Hover);
 
   background-color: transparent;
   border-width: 0;
diff --git a/apps/scandic-web/components/MyPages/Profile/MembershipCards/index.tsx b/apps/scandic-web/components/MyPages/Profile/MembershipCards/index.tsx
index bb8ac4d07..b18d3e129 100644
--- a/apps/scandic-web/components/MyPages/Profile/MembershipCards/index.tsx
+++ b/apps/scandic-web/components/MyPages/Profile/MembershipCards/index.tsx
@@ -78,7 +78,7 @@ export default async function MembershipCardSlot() {
           </span>
         </div>
       ))}
-      <Link href="#" variant="icon">
+      <Link href="#">
         <MaterialIcon icon="add_circle" color="CurrentColor" />
         <Body color="burgundy" textTransform="underlined">
           {intl.formatMessage({
diff --git a/apps/scandic-web/components/MyPages/Sidebar/index.tsx b/apps/scandic-web/components/MyPages/Sidebar/index.tsx
index b14d81cc3..83161ee69 100644
--- a/apps/scandic-web/components/MyPages/Sidebar/index.tsx
+++ b/apps/scandic-web/components/MyPages/Sidebar/index.tsx
@@ -50,11 +50,10 @@ async function PrimaryLinks() {
         {nav?.primaryLinks.map((link) => (
           <li key={link.href}>
             <Link
-              color="burgundy"
               href={link.href}
               partialMatch
               prefetch={true}
-              size={"regular"}
+              size="regular"
               variant="sidebar"
             >
               {link.text}
@@ -80,11 +79,10 @@ async function SecondaryLinks() {
         {nav?.secondaryLinks.map((link) => (
           <li key={link.href}>
             <Link
-              color="burgundy"
               href={link.href}
               partialMatch
               prefetch={true}
-              size={"small"}
+              size="small"
               variant="sidebar"
             >
               {link.text}
@@ -93,11 +91,10 @@ async function SecondaryLinks() {
         ))}
         <li>
           <Link
-            color="burgundy"
             href={logout[lang]}
             partialMatch
             prefetch={false}
-            size={"small"}
+            size="small"
             variant="sidebar"
           >
             {intl.formatMessage({
diff --git a/apps/scandic-web/components/MyPages/Surprises/Client.tsx b/apps/scandic-web/components/MyPages/Surprises/Client.tsx
index db82b8ece..35c84474c 100644
--- a/apps/scandic-web/components/MyPages/Surprises/Client.tsx
+++ b/apps/scandic-web/components/MyPages/Surprises/Client.tsx
@@ -82,7 +82,7 @@ export default function SurprisesNotification({
             { amount: surprises.length }
           )}
           <br />
-          <Link href={benefitPageUrl} variant="underscored" color="burgundy">
+          <Link href={benefitPageUrl} textDecoration="underline">
             {intl.formatMessage({
               defaultMessage: "Go to My Benefits",
             })}
diff --git a/apps/scandic-web/components/SasTierComparison/index.tsx b/apps/scandic-web/components/SasTierComparison/index.tsx
index 328fdf18d..2d8117653 100644
--- a/apps/scandic-web/components/SasTierComparison/index.tsx
+++ b/apps/scandic-web/components/SasTierComparison/index.tsx
@@ -155,7 +155,7 @@ function ReadMoreLink({
   children: ReactNode
 }) {
   return (
-    <Link href={href} className={styles.link} weight="bold" color="burgundy">
+    <Link href={href} className={styles.link} weight="bold">
       {children}
       <MaterialIcon icon="arrow_forward" color="CurrentColor" />
     </Link>
diff --git a/apps/scandic-web/components/Section/Link/index.tsx b/apps/scandic-web/components/Section/Link/index.tsx
index a269b2891..2af6791de 100644
--- a/apps/scandic-web/components/Section/Link/index.tsx
+++ b/apps/scandic-web/components/Section/Link/index.tsx
@@ -16,12 +16,7 @@ export default function SectionLink({ link, variant }: SectionLinkProps) {
     variant,
   })
   return (
-    <Link
-      className={classNames}
-      color="burgundy"
-      href={link.href}
-      variant="underscored"
-    >
+    <Link className={classNames} href={link.href} textDecoration="underline">
       {link.text}
       <MaterialIcon
         icon="arrow_forward"
diff --git a/apps/scandic-web/components/Sidebar/JoinLoyalty/Contact/ContactRow/index.tsx b/apps/scandic-web/components/Sidebar/JoinLoyalty/Contact/ContactRow/index.tsx
index 6e481ef01..6f432565e 100644
--- a/apps/scandic-web/components/Sidebar/JoinLoyalty/Contact/ContactRow/index.tsx
+++ b/apps/scandic-web/components/Sidebar/JoinLoyalty/Contact/ContactRow/index.tsx
@@ -52,8 +52,7 @@ export default async function ContactRow({ contact }: ContactRowProps) {
       <Link
         className={styles.link}
         href={openableLink}
-        variant="underscored"
-        color="burgundy"
+        textDecoration="underline"
         size="small"
       >
         {Icon ? <Icon size={20} color="Icon/Interactive/Default" /> : null}
diff --git a/apps/scandic-web/components/Sidebar/JoinLoyalty/ReadMore/index.tsx b/apps/scandic-web/components/Sidebar/JoinLoyalty/ReadMore/index.tsx
index 533b9a55f..894cb9e7b 100644
--- a/apps/scandic-web/components/Sidebar/JoinLoyalty/ReadMore/index.tsx
+++ b/apps/scandic-web/components/Sidebar/JoinLoyalty/ReadMore/index.tsx
@@ -40,15 +40,9 @@ export default async function ReadMore() {
             key={link.text}
             size="small"
             className={styles.link}
-            color="burgundy"
             href={link.href}
           >
-            <MaterialIcon
-              icon="arrow_forward"
-              color="CurrentColor"
-              className={styles.icon}
-              size={20}
-            />
+            <MaterialIcon icon="arrow_forward" color="CurrentColor" size={20} />
             {link.text}
           </Link>
         ))}
diff --git a/apps/scandic-web/components/Sidebar/JoinLoyalty/index.tsx b/apps/scandic-web/components/Sidebar/JoinLoyalty/index.tsx
index 2f9cd15a2..b957f5e00 100644
--- a/apps/scandic-web/components/Sidebar/JoinLoyalty/index.tsx
+++ b/apps/scandic-web/components/Sidebar/JoinLoyalty/index.tsx
@@ -61,7 +61,6 @@ export default async function JoinLoyaltyContact({
             className={styles.link}
             trackingId="loginJoinLoyalty"
             position="join scandic friends sidebar"
-            color="burgundy"
           >
             <MaterialIcon
               icon="arrow_forward"
diff --git a/apps/scandic-web/components/TempDesignSystem/Alert/index.tsx b/apps/scandic-web/components/TempDesignSystem/Alert/index.tsx
index bb09f6f07..8efe55751 100644
--- a/apps/scandic-web/components/TempDesignSystem/Alert/index.tsx
+++ b/apps/scandic-web/components/TempDesignSystem/Alert/index.tsx
@@ -61,7 +61,6 @@ export default function Alert({
                   <>
                     <span> {phoneContact.displayText} </span>
                     <Link
-                      color="burgundy"
                       href={`tel:${phoneContact.phoneNumber.replace(/ /g, "")}`}
                     >
                       {phoneContact.phoneNumber}
@@ -80,7 +79,6 @@ export default function Alert({
 
           {link ? (
             <Link
-              color="burgundy"
               textDecoration="underline"
               href={link.url}
               keepSearchParams={link.keepSearchParams}
diff --git a/apps/scandic-web/components/TempDesignSystem/Breadcrumbs/breadcrumbs.module.css b/apps/scandic-web/components/TempDesignSystem/Breadcrumbs/breadcrumbs.module.css
index 6d76b47e6..a978272a9 100644
--- a/apps/scandic-web/components/TempDesignSystem/Breadcrumbs/breadcrumbs.module.css
+++ b/apps/scandic-web/components/TempDesignSystem/Breadcrumbs/breadcrumbs.module.css
@@ -70,7 +70,7 @@
 
 .link:hover,
 .button:hover {
-  color: var(--Text-Interactive-Hover-Secondary);
+  color: var(--Text-Interactive-Secondary-Hover);
 }
 
 .dialog {
diff --git a/apps/scandic-web/components/TempDesignSystem/Breadcrumbs/index.tsx b/apps/scandic-web/components/TempDesignSystem/Breadcrumbs/index.tsx
index a5b2e9424..8f2b004ed 100644
--- a/apps/scandic-web/components/TempDesignSystem/Breadcrumbs/index.tsx
+++ b/apps/scandic-web/components/TempDesignSystem/Breadcrumbs/index.tsx
@@ -109,7 +109,6 @@ export default function Breadcrumbs({
                       <Typography
                         key={breadcrumb.uid}
                         variant="Label/xsRegular"
-                        className={styles.dialogItem}
                       >
                         <Link
                           href={breadcrumb.href!}
diff --git a/apps/scandic-web/components/TempDesignSystem/Link/link.module.css b/apps/scandic-web/components/TempDesignSystem/Link/link.module.css
index 78173fa15..234d2d4be 100644
--- a/apps/scandic-web/components/TempDesignSystem/Link/link.module.css
+++ b/apps/scandic-web/components/TempDesignSystem/Link/link.module.css
@@ -1,188 +1,16 @@
 .link {
-}
-
-.noDecoration {
   text-decoration: none;
+  align-items: center;
+  display: flex;
+  gap: var(--Space-x05);
 }
 
 .underline {
   text-decoration: underline;
 }
 
-.default {
-  font-family: var(--typography-Body-Regular-fontFamily);
-}
-
-.breadcrumb {
-  font-family: var(--typography-Footnote-Bold-fontFamily);
-  font-size: var(--typography-Footnote-Bold-fontSize);
-  font-weight: 500;
-  /* var(--typography-Footnote-Bold-fontWeight); */
-  letter-spacing: var(--typography-Footnote-Bold-letterSpacing);
-  line-height: var(--typography-Footnote-Bold-lineHeight);
-}
-
-.link.breadcrumb {
-  font-family: var(--typography-Footnote-Bold-fontFamily);
-  font-size: var(--typography-Footnote-Bold-fontSize);
-  font-weight: 500;
-  /* var(--typography-Footnote-Bold-fontWeight); */
-  letter-spacing: var(--typography-Footnote-Bold-letterSpacing);
-  line-height: var(--typography-Footnote-Bold-lineHeight);
-}
-
-.icon {
-  align-items: center;
-  display: flex;
-  gap: var(--Spacing-x-half);
-}
-
-.underscored {
-  font-family: var(--typography-Body-Underline-fontFamily);
-  font-size: var(--typography-Body-Underline-fontSize);
-  font-weight: var(--typography-Body-Underline-fontWeight);
-  letter-spacing: var(--typography-Body-Underline-letterSpacing);
-  line-height: var(--typography-Body-Underline-lineHeight);
-  text-decoration: underline;
-}
-
-.myPageMobileDropdown {
-  color: var(--Scandic-Brand-Burgundy);
-  font-family: var(--typography-Body-Regular-fontFamily);
-  font-size: var(--typography-Body-Regular-fontSize);
-  line-height: var(--typography-Body-Regular-lineHeight);
-  letter-spacing: var(--typography-Body-Regular-letterSpacing);
-  padding: var(--Spacing-x1);
-  border-radius: var(--Corner-radius-md);
-  display: flex;
-  gap: var(--Spacing-x1);
-  justify-content: space-between;
-  align-items: center;
-}
-
-.myPageMobileDropdown:hover {
-  background-color: var(--Base-Surface-Primary-light-Hover-alt);
-  border-radius: var(--Corner-radius-md);
-}
-
-.shortcut {
-  align-items: center;
-  display: grid;
-  font-family: var(--typography-Body-Regular-fontFamily);
-  font-size: var(--typography-Body-Regular-fontSize);
-  font-weight: var(--typography-Body-Regular-fontWeight);
-  gap: var(--Spacing-x2);
-  grid-template-columns: 1fr auto;
-  letter-spacing: var(--typography-Body-Regular-letterSpacing);
-  line-height: var(--typography-Body-Regular-lineHeight);
-  padding: var(--Spacing-x2) var(--Spacing-x3);
-  background-color: var(--Base-Surface-Primary-light-Normal);
-  transition: background-color 0.3s;
-}
-
-.shortcut:hover {
-  background-color: var(--UI-Input-Controls-Surface-Hover);
-}
-
-.shortcut:last-of-type {
-  border-bottom: none;
-}
-
-.sidebar {
-  align-items: center;
-  border-radius: var(--Corner-radius-md);
-  display: flex;
-  gap: var(--Spacing-x1);
-  padding: var(--Spacing-x1);
-}
-
-.activeSidebar {
-  background-color: var(--Scandic-Peach-20);
-}
-
-.tab {
-  font-family: var(--typography-Body-Regular-fontFamily);
-  padding: var(--Spacing-x2) var(--Spacing-x0);
-  color: var(--Base-Text-High-contrast);
-  text-decoration: none;
-  border-bottom: 2px solid transparent;
-  transition: border-bottom 0.3s ease-in-out;
-}
-
-.tab:hover {
-  border-bottom: 2px solid var(--Scandic-Brand-Burgundy);
-}
-
-.tab.burgundy:hover {
-  color: var(--Base-Text-High-contrast);
-}
-
-.tab.active {
-  border-bottom: 2px solid var(--Scandic-Brand-Burgundy);
-  font-weight: 600;
-}
-
-.baseButtonTextOnFillNormal {
-  color: var(--Base-Button-Text-On-Fill-Normal);
-}
-
-.black {
-  color: #000;
-}
-
-.uiTextPlaceholder {
-  color: var(--Base-Text-Placeholder);
-}
-
-.uiTextPlaceholder:hover,
-.uiTextPlaceholder:active {
-  color: var(--Base-Text-Medium-contrast);
-}
-
-.burgundy {
-  color: var(--Base-Text-High-contrast);
-}
-
-.burgundy:hover,
-.burgundy:active {
-  color: var(--Base-Button-Text-On-Fill-Hover);
-}
-
-.burgundy:hover *,
-.burgundy:active * {
-  fill: var(--Base-Button-Text-On-Fill-Hover);
-}
-
-.pale {
-  color: var(--Scandic-Brand-Pale-Peach);
-}
-
 .peach50 {
-  color: var(--Scandic-Peach-50);
-}
-
-.peach80,
-.baseTextMediumContrast {
-  color: var(--Base-Text-Medium-contrast);
-}
-
-.peach80:hover,
-.peach80:active,
-.baseTextMediumContrast:hover,
-.baseTextMediumContrast:active {
-  color: var(--Base-Text-High-contrast);
-}
-
-.peach80 *,
-.baseTextMediumContrast * {
-  fill: var(--Base-Text-Medium-contrast);
-}
-
-.peach80:hover *,
-.peach80:active *,
-.baseTextMediumContrast:hover *,
-.baseTextMediumContrast:active * {
-  fill: var(--Base-Text-High-contrast);
+  color: var(--Primary-Dark-On-Surface-Accent);
 }
 
 .red {
@@ -191,16 +19,122 @@
 
 .white {
   color: var(--Base-Button-Primary-On-Fill-Normal);
+
+  &:hover,
+  &:active {
+    color: var(--Base-Button-Primary-On-Fill-Hover);
+  }
+
+  &:hover *,
+  &:active * {
+    fill: var(--Base-Button-Primary-On-Fill-Hover);
+  }
 }
 
-.white:hover,
-.white:active {
-  color: var(--Base-Button-Primary-On-Fill-Hover);
+.Text-Interactive-Default {
+  color: var(--Text-Interactive-Default);
+
+  &:hover {
+    color: var(--Text-Interactive-Hover);
+  }
 }
 
-.white:hover *,
-.white:active * {
-  fill: var(--Base-Button-Primary-On-Fill-Hover);
+.Text-Interactive-Secondary {
+  color: var(--Text-Interactive-Secondary);
+
+  &:hover {
+    color: var(--Text-Interactive-Secondary-Hover);
+  }
+}
+
+.breadcrumb {
+  font-family: var(--typography-Footnote-Bold-fontFamily);
+  font-size: var(--typography-Footnote-Bold-fontSize);
+  font-weight: 500;
+  letter-spacing: var(--typography-Footnote-Bold-letterSpacing);
+  line-height: var(--typography-Footnote-Bold-lineHeight);
+}
+
+.link.breadcrumb {
+  font-family: var(--typography-Footnote-Bold-fontFamily);
+  font-size: var(--typography-Footnote-Bold-fontSize);
+  font-weight: 500;
+  letter-spacing: var(--typography-Footnote-Bold-letterSpacing);
+  line-height: var(--typography-Footnote-Bold-lineHeight);
+}
+
+.myPageMobileDropdown {
+  color: var(--Scandic-Brand-Burgundy);
+  font-family: var(--typography-Body-Regular-fontFamily);
+  font-size: var(--typography-Body-Regular-fontSize);
+  line-height: var(--typography-Body-Regular-lineHeight);
+  letter-spacing: var(--typography-Body-Regular-letterSpacing);
+  padding: var(--Space-x1);
+  border-radius: var(--Corner-radius-md);
+  gap: var(--Space-x1);
+  justify-content: space-between;
+
+  &:hover {
+    background-color: var(--Base-Surface-Primary-light-Hover-alt);
+    border-radius: var(--Corner-radius-md);
+  }
+}
+
+.languageSwitcher {
+  color: var(--Text-Interactive-Default);
+
+  &:hover {
+    background-color: var(--Surface-Primary-Hover);
+    color: var(--Text-Interactive-Default);
+  }
+}
+
+.shortcut {
+  display: grid;
+  font-family: var(--typography-Body-Regular-fontFamily);
+  font-size: var(--typography-Body-Regular-fontSize);
+  font-weight: var(--typography-Body-Regular-fontWeight);
+  letter-spacing: var(--typography-Body-Regular-letterSpacing);
+  line-height: var(--typography-Body-Regular-lineHeight);
+  gap: var(--Space-x2);
+  grid-template-columns: 1fr auto;
+  padding: var(--Space-x2) var(--Space-x3);
+  background-color: var(--Base-Surface-Primary-light-Normal);
+  transition: background-color 0.3s;
+
+  &:hover {
+    background-color: var(--UI-Input-Controls-Surface-Hover);
+  }
+
+  &:last-of-type {
+    border-bottom: none;
+  }
+}
+
+.sidebar {
+  border-radius: var(--Corner-radius-md);
+  gap: var(--Space-x1);
+  padding: var(--Space-x1);
+
+  &.active {
+    background-color: var(--Base-Surface-Primary-dark-Hover);
+
+    &.regular {
+      font-family: var(--typography-Body-Bold-fontFamily);
+      font-size: var(--typography-Body-Bold-fontSize);
+      font-weight: 500;
+      letter-spacing: var(--typography-Body-Bold-letterSpacing);
+      line-height: var(--typography-Body-Bold-lineHeight);
+    }
+
+    &.small {
+      font-family: var(--typography-Caption-Bold-fontFamily);
+      font-size: var(--typography-Caption-Bold-fontSize);
+      font-weight: 500;
+      letter-spacing: var(--typography-Caption-Bold-letterSpacing);
+      line-height: var(--typography-Caption-Bold-lineHeight);
+    }
+  }
 }
 
 .regular {
@@ -211,14 +145,6 @@
   line-height: var(--typography-Body-Regular-lineHeight);
 }
 
-.activeRegular {
-  font-family: var(--typography-Body-Bold-fontFamily);
-  font-size: var(--typography-Body-Bold-fontSize);
-  font-weight: 500;
-  letter-spacing: var(--typography-Body-Bold-letterSpacing);
-  line-height: var(--typography-Body-Bold-lineHeight);
-}
-
 .small {
   font-family: var(--typography-Caption-Regular-fontFamily);
   font-size: var(--typography-Caption-Regular-fontSize);
@@ -235,14 +161,6 @@
   line-height: var(--typography-Footnote-Regular-lineHeight);
 }
 
-.activeSmall {
-  font-family: var(--typography-Caption-Bold-fontFamily);
-  font-size: var(--typography-Caption-Bold-fontSize);
-  font-weight: 500;
-  letter-spacing: var(--typography-Caption-Bold-letterSpacing);
-  line-height: var(--typography-Caption-Bold-lineHeight);
-}
-
 .bold {
   font-family: var(--typography-Body-Bold-fontFamily);
   font-size: var(--typography-Body-Bold-fontSize);
@@ -253,24 +171,24 @@
 }
 
 .menu {
-  display: flex;
-  align-items: center;
   justify-content: space-between;
-  text-decoration: none;
   width: 100%;
-  padding: var(--Spacing-x1);
-  gap: var(--Spacing-x-one-and-half);
-  color: var(--Base-Text-High-contrast);
+  padding: var(--Space-x1);
+  gap: var(--Space-x15);
   border-radius: var(--Corner-radius-md);
-}
+  color: var(--Text-Interactive-Default);
 
-.menu:hover {
-  color: var(--Base-Text-High-contrast);
-  background-color: var(--Base-Surface-Primary-light-Hover-alt);
+  &:hover {
+    background-color: var(--Surface-Primary-Hover);
+    color: var(--Text-Interactive-Default);
+  }
 }
 
 .navigation {
-  color: var(--Base-Text-High-contrast);
-  text-decoration: none;
-  padding: var(--Spacing-x-half) var(--Spacing-x1);
+  padding: var(--Space-x05) var(--Space-x1);
+  color: var(--Text-Interactive-Default);
+
+  &:hover {
+    color: var(--Text-Interactive-Default);
+  }
 }
diff --git a/apps/scandic-web/components/TempDesignSystem/Link/variants.ts b/apps/scandic-web/components/TempDesignSystem/Link/variants.ts
index 44a3ce597..c6cebddca 100644
--- a/apps/scandic-web/components/TempDesignSystem/Link/variants.ts
+++ b/apps/scandic-web/components/TempDesignSystem/Link/variants.ts
@@ -8,17 +8,12 @@ export const linkVariants = cva(styles.link, {
       true: styles.active,
     },
     color: {
-      baseButtonTextOnFillNormal: styles.baseButtonTextOnFillNormal,
-      baseTextMediumContrast: styles.baseTextMediumContrast,
-      black: styles.black,
-      burgundy: styles.burgundy,
       none: "",
-      pale: styles.pale,
       peach50: styles.peach50,
-      peach80: styles.peach80,
       white: styles.white,
       red: styles.red,
-      uiTextPlaceholder: styles.uiTextPlaceholder,
+      "Text/Interactive/Default": styles["Text-Interactive-Default"],
+      "Text/Interactive/Secondary": styles["Text-Interactive-Secondary"],
     },
     size: {
       small: styles.small,
@@ -26,7 +21,6 @@ export const linkVariants = cva(styles.link, {
       tiny: styles.tiny,
     },
     textDecoration: {
-      none: styles.noDecoration,
       underline: styles.underline,
     },
     weight: {
@@ -34,32 +28,25 @@ export const linkVariants = cva(styles.link, {
     },
     variant: {
       breadcrumb: styles.breadcrumb,
-      default: styles.default,
-      icon: styles.icon,
-      underscored: styles.underscored,
       myPageMobileDropdown: styles.myPageMobileDropdown,
       navigation: styles.navigation,
       menu: styles.menu,
       shortcut: styles.shortcut,
       sidebar: styles.sidebar,
-      tab: styles.tab,
+      languageSwitcher: styles.languageSwitcher,
     },
   },
   defaultVariants: {
-    color: "black",
-    variant: "default",
-    textDecoration: "none",
+    color: "Text/Interactive/Default",
     size: "regular",
   },
   compoundVariants: [
     {
-      class: `${styles.activeSidebar} ${styles.activeRegular}`,
       active: true,
       size: "regular",
       variant: "sidebar",
     },
     {
-      class: `${styles.activeSidebar} ${styles.activeSmall}`,
       active: true,
       size: "small",
       variant: "sidebar",
diff --git a/apps/scandic-web/components/TempDesignSystem/LoyaltyCard/index.tsx b/apps/scandic-web/components/TempDesignSystem/LoyaltyCard/index.tsx
index be600673e..9c1d33c11 100644
--- a/apps/scandic-web/components/TempDesignSystem/LoyaltyCard/index.tsx
+++ b/apps/scandic-web/components/TempDesignSystem/LoyaltyCard/index.tsx
@@ -44,10 +44,9 @@ export default function LoyaltyCard({
         {link ? (
           <Link
             className={styles.link}
-            color="burgundy"
             href={link.href}
             target={link.openInNewTab ? "_blank" : undefined}
-            variant="underscored"
+            textDecoration="underline"
           >
             <MaterialIcon
               icon="arrow_right"
diff --git a/packages/design-system/generate/variables.json b/packages/design-system/generate/variables.json
index 4bebd23d1..f2aaf6890 100644
--- a/packages/design-system/generate/variables.json
+++ b/packages/design-system/generate/variables.json
@@ -1664,18 +1664,18 @@
               "isAlias": false,
               "value": "#D9DAD6"
             },
-            {
-              "name": "Signature/Hotel Norge/Off White/70",
-              "type": "color",
-              "isAlias": false,
-              "value": "#AAAAA7"
-            },
             {
               "name": "Signature/Hotel Norge/Emerald/0",
               "type": "color",
               "isAlias": false,
               "value": "#C7DDD5"
             },
+            {
+              "name": "Signature/Hotel Norge/Off White/70",
+              "type": "color",
+              "isAlias": false,
+              "value": "#AAAAA7"
+            },
             {
               "name": "Signature/Hotel Norge/Off White/80",
               "type": "color",
@@ -1706,18 +1706,18 @@
               "isAlias": false,
               "value": "#646563"
             },
-            {
-              "name": "Signature/Hotel Norge/Dark blue/0",
-              "type": "color",
-              "isAlias": false,
-              "value": "#B7C5C8"
-            },
             {
               "name": "Signature/Hotel Norge/Emerald/100",
               "type": "color",
               "isAlias": false,
               "value": "#004337"
             },
+            {
+              "name": "Signature/Hotel Norge/Dark blue/0",
+              "type": "color",
+              "isAlias": false,
+              "value": "#B7C5C8"
+            },
             {
               "name": "Signature/Hotel Norge/Dark blue/30",
               "type": "color",
@@ -2408,12 +2408,6 @@
                 "name": "Text size/lg"
               }
             },
-            {
-              "name": "Title/md/Font fallback",
-              "type": "string",
-              "isAlias": false,
-              "value": "sans-serif"
-            },
             {
               "name": "Title/sm/Font weight",
               "type": "number",
@@ -2423,6 +2417,12 @@
                 "name": "Font weight/Black"
               }
             },
+            {
+              "name": "Title/md/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
             {
               "name": "Title/sm/Font family",
               "type": "string",
@@ -2468,15 +2468,6 @@
                 "name": "Font weight/Regular bold"
               }
             },
-            {
-              "name": "Title/sm/LowCase/Font family",
-              "type": "string",
-              "isAlias": true,
-              "value": {
-                "collection": "_Typographic primitives",
-                "name": "Font family/Scandic/Title"
-              }
-            },
             {
               "name": "Title/xs/Size",
               "type": "number",
@@ -2486,6 +2477,15 @@
                 "name": "Text size/sm"
               }
             },
+            {
+              "name": "Title/sm/LowCase/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Scandic/Title"
+              }
+            },
             {
               "name": "Title/Decorative/lg/Size",
               "type": "number",
@@ -3014,6 +3014,12 @@
               "isAlias": false,
               "value": "sans-serif"
             },
+            {
+              "name": "Body/Paragraph/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.19200000166893005
+            },
             {
               "name": "Body/Supporting text/Size",
               "type": "number",
@@ -3023,12 +3029,6 @@
                 "name": "Text size/4xs"
               }
             },
-            {
-              "name": "Body/Paragraph/Letter spacing",
-              "type": "number",
-              "isAlias": false,
-              "value": 0.19200000166893005
-            },
             {
               "name": "Body/Supporting text/Font weight",
               "type": "number",
@@ -3304,12 +3304,6 @@
                 "name": "Text size/lg"
               }
             },
-            {
-              "name": "Title/md/Font fallback",
-              "type": "string",
-              "isAlias": false,
-              "value": "sans-serif"
-            },
             {
               "name": "Title/sm/Font weight",
               "type": "number",
@@ -3319,6 +3313,12 @@
                 "name": "Font weight/Medium"
               }
             },
+            {
+              "name": "Title/md/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
             {
               "name": "Title/sm/Font family",
               "type": "string",
@@ -3364,15 +3364,6 @@
                 "name": "Font weight/Medium"
               }
             },
-            {
-              "name": "Title/sm/LowCase/Font family",
-              "type": "string",
-              "isAlias": true,
-              "value": {
-                "collection": "_Typographic primitives",
-                "name": "Font family/Scandic Go/Title"
-              }
-            },
             {
               "name": "Title/xs/Size",
               "type": "number",
@@ -3382,6 +3373,15 @@
                 "name": "Text size/sm"
               }
             },
+            {
+              "name": "Title/sm/LowCase/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Scandic Go/Title"
+              }
+            },
             {
               "name": "Title/Decorative/lg/Size",
               "type": "number",
@@ -3910,6 +3910,12 @@
               "isAlias": false,
               "value": "sans-serif"
             },
+            {
+              "name": "Body/Paragraph/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.1899999976158142
+            },
             {
               "name": "Body/Supporting text/Size",
               "type": "number",
@@ -3919,12 +3925,6 @@
                 "name": "Text size/4xs"
               }
             },
-            {
-              "name": "Body/Paragraph/Letter spacing",
-              "type": "number",
-              "isAlias": false,
-              "value": 0.1899999976158142
-            },
             {
               "name": "Body/Supporting text/Font weight",
               "type": "number",
@@ -4200,12 +4200,6 @@
                 "name": "Text size/lg"
               }
             },
-            {
-              "name": "Title/md/Font fallback",
-              "type": "string",
-              "isAlias": false,
-              "value": "sans-serif"
-            },
             {
               "name": "Title/sm/Font weight",
               "type": "number",
@@ -4215,6 +4209,12 @@
                 "name": "Font weight/Black"
               }
             },
+            {
+              "name": "Title/md/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
             {
               "name": "Title/sm/Font family",
               "type": "string",
@@ -4260,15 +4260,6 @@
                 "name": "Font weight/Regular"
               }
             },
-            {
-              "name": "Title/sm/LowCase/Font family",
-              "type": "string",
-              "isAlias": true,
-              "value": {
-                "collection": "_Typographic primitives",
-                "name": "Font family/Downtown Camper/Title"
-              }
-            },
             {
               "name": "Title/xs/Size",
               "type": "number",
@@ -4278,6 +4269,15 @@
                 "name": "Text size/sm"
               }
             },
+            {
+              "name": "Title/sm/LowCase/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Downtown Camper/Title"
+              }
+            },
             {
               "name": "Title/Decorative/lg/Size",
               "type": "number",
@@ -4806,6 +4806,12 @@
               "isAlias": false,
               "value": "sans-serif"
             },
+            {
+              "name": "Body/Paragraph/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.1899999976158142
+            },
             {
               "name": "Body/Supporting text/Size",
               "type": "number",
@@ -4815,12 +4821,6 @@
                 "name": "Text size/4xs"
               }
             },
-            {
-              "name": "Body/Paragraph/Letter spacing",
-              "type": "number",
-              "isAlias": false,
-              "value": 0.1899999976158142
-            },
             {
               "name": "Body/Supporting text/Font weight",
               "type": "number",
@@ -5096,12 +5096,6 @@
                 "name": "Text size/lg"
               }
             },
-            {
-              "name": "Title/md/Font fallback",
-              "type": "string",
-              "isAlias": false,
-              "value": "Serif"
-            },
             {
               "name": "Title/sm/Font weight",
               "type": "number",
@@ -5111,6 +5105,12 @@
                 "name": "Font weight/Regular"
               }
             },
+            {
+              "name": "Title/md/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "Serif"
+            },
             {
               "name": "Title/sm/Font family",
               "type": "string",
@@ -5156,15 +5156,6 @@
                 "name": "Font weight/Regular"
               }
             },
-            {
-              "name": "Title/sm/LowCase/Font family",
-              "type": "string",
-              "isAlias": true,
-              "value": {
-                "collection": "_Typographic primitives",
-                "name": "Font family/Haymarket/Title"
-              }
-            },
             {
               "name": "Title/xs/Size",
               "type": "number",
@@ -5174,6 +5165,15 @@
                 "name": "Text size/sm"
               }
             },
+            {
+              "name": "Title/sm/LowCase/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Haymarket/Title"
+              }
+            },
             {
               "name": "Title/Decorative/lg/Size",
               "type": "number",
@@ -5702,6 +5702,12 @@
               "isAlias": false,
               "value": "sans-serif"
             },
+            {
+              "name": "Body/Paragraph/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.1899999976158142
+            },
             {
               "name": "Body/Supporting text/Size",
               "type": "number",
@@ -5711,12 +5717,6 @@
                 "name": "Text size/4xs"
               }
             },
-            {
-              "name": "Body/Paragraph/Letter spacing",
-              "type": "number",
-              "isAlias": false,
-              "value": 0.1899999976158142
-            },
             {
               "name": "Body/Supporting text/Font weight",
               "type": "number",
@@ -5992,12 +5992,6 @@
                 "name": "Text size/lg"
               }
             },
-            {
-              "name": "Title/md/Font fallback",
-              "type": "string",
-              "isAlias": false,
-              "value": "sans-serif"
-            },
             {
               "name": "Title/sm/Font weight",
               "type": "number",
@@ -6007,6 +6001,12 @@
                 "name": "Font weight/Medium"
               }
             },
+            {
+              "name": "Title/md/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
             {
               "name": "Title/sm/Font family",
               "type": "string",
@@ -6052,15 +6052,6 @@
                 "name": "Font weight/Medium"
               }
             },
-            {
-              "name": "Title/sm/LowCase/Font family",
-              "type": "string",
-              "isAlias": true,
-              "value": {
-                "collection": "_Typographic primitives",
-                "name": "Font family/Marski/Title"
-              }
-            },
             {
               "name": "Title/xs/Size",
               "type": "number",
@@ -6070,6 +6061,15 @@
                 "name": "Text size/sm"
               }
             },
+            {
+              "name": "Title/sm/LowCase/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Marski/Title"
+              }
+            },
             {
               "name": "Title/Decorative/lg/Size",
               "type": "number",
@@ -6598,6 +6598,12 @@
               "isAlias": false,
               "value": "sans-serif"
             },
+            {
+              "name": "Body/Paragraph/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.1899999976158142
+            },
             {
               "name": "Body/Supporting text/Size",
               "type": "number",
@@ -6607,12 +6613,6 @@
                 "name": "Text size/4xs"
               }
             },
-            {
-              "name": "Body/Paragraph/Letter spacing",
-              "type": "number",
-              "isAlias": false,
-              "value": 0.1899999976158142
-            },
             {
               "name": "Body/Supporting text/Font weight",
               "type": "number",
@@ -6888,12 +6888,6 @@
                 "name": "Text size/lg"
               }
             },
-            {
-              "name": "Title/md/Font fallback",
-              "type": "string",
-              "isAlias": false,
-              "value": "sans-serif"
-            },
             {
               "name": "Title/sm/Font weight",
               "type": "number",
@@ -6903,6 +6897,12 @@
                 "name": "Font weight/Regular"
               }
             },
+            {
+              "name": "Title/md/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
             {
               "name": "Title/sm/Font family",
               "type": "string",
@@ -6948,15 +6948,6 @@
                 "name": "Font weight/Regular"
               }
             },
-            {
-              "name": "Title/sm/LowCase/Font family",
-              "type": "string",
-              "isAlias": true,
-              "value": {
-                "collection": "_Typographic primitives",
-                "name": "Font family/Hotel Norge/Title"
-              }
-            },
             {
               "name": "Title/xs/Size",
               "type": "number",
@@ -6966,6 +6957,15 @@
                 "name": "Text size/sm"
               }
             },
+            {
+              "name": "Title/sm/LowCase/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Hotel Norge/Title"
+              }
+            },
             {
               "name": "Title/Decorative/lg/Size",
               "type": "number",
@@ -7494,6 +7494,12 @@
               "isAlias": false,
               "value": "sans-serif"
             },
+            {
+              "name": "Body/Paragraph/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.1899999976158142
+            },
             {
               "name": "Body/Supporting text/Size",
               "type": "number",
@@ -7503,12 +7509,6 @@
                 "name": "Text size/4xs"
               }
             },
-            {
-              "name": "Body/Paragraph/Letter spacing",
-              "type": "number",
-              "isAlias": false,
-              "value": 0.1899999976158142
-            },
             {
               "name": "Body/Supporting text/Font weight",
               "type": "number",
@@ -7784,12 +7784,6 @@
                 "name": "Text size/lg"
               }
             },
-            {
-              "name": "Title/md/Font fallback",
-              "type": "string",
-              "isAlias": false,
-              "value": "Serif"
-            },
             {
               "name": "Title/sm/Font weight",
               "type": "number",
@@ -7799,6 +7793,12 @@
                 "name": "Font weight/Regular"
               }
             },
+            {
+              "name": "Title/md/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "Serif"
+            },
             {
               "name": "Title/sm/Font family",
               "type": "string",
@@ -7844,15 +7844,6 @@
                 "name": "Font weight/Regular"
               }
             },
-            {
-              "name": "Title/sm/LowCase/Font family",
-              "type": "string",
-              "isAlias": true,
-              "value": {
-                "collection": "_Typographic primitives",
-                "name": "Font family/Grand Hotel/Title"
-              }
-            },
             {
               "name": "Title/xs/Size",
               "type": "number",
@@ -7862,6 +7853,15 @@
                 "name": "Text size/sm"
               }
             },
+            {
+              "name": "Title/sm/LowCase/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Grand Hotel/Title"
+              }
+            },
             {
               "name": "Title/Decorative/lg/Size",
               "type": "number",
@@ -8390,6 +8390,12 @@
               "isAlias": false,
               "value": "sans-serif"
             },
+            {
+              "name": "Body/Paragraph/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.1899999976158142
+            },
             {
               "name": "Body/Supporting text/Size",
               "type": "number",
@@ -8399,12 +8405,6 @@
                 "name": "Text size/4xs"
               }
             },
-            {
-              "name": "Body/Paragraph/Letter spacing",
-              "type": "number",
-              "isAlias": false,
-              "value": 0.1899999976158142
-            },
             {
               "name": "Body/Supporting text/Font weight",
               "type": "number",
@@ -8667,7 +8667,16 @@
               "isAlias": true,
               "value": {
                 "collection": "_Primitives",
-                "name": "Scandic/Peach/100"
+                "name": "Scandic/Red/100"
+              }
+            },
+            {
+              "name": "Text/Interactive/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Peach/80"
               }
             },
             {
@@ -8680,12 +8689,12 @@
               }
             },
             {
-              "name": "Text/Interactive/Hover Secondary",
+              "name": "Text/Interactive/Secondary Hover",
               "type": "color",
               "isAlias": true,
               "value": {
                 "collection": "_Primitives",
-                "name": "Scandic/Peach/100"
+                "name": "Scandic/Red/100"
               }
             },
             {
@@ -9075,6 +9084,15 @@
                 "name": "Scandic/Red/Default"
               }
             },
+            {
+              "name": "Surface/Brand/Primary 3/OnSurface/Accent Secondary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Peach/80"
+              }
+            },
             {
               "name": "Surface/UI Fill/Default",
               "type": "color",
@@ -9990,15 +10008,6 @@
                 "name": "Scandic/Red/70"
               }
             },
-            {
-              "name": "Border/Interactive/KeyboardFocus",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "_Primitives",
-                "name": "Scandic/Blue/50"
-              }
-            },
             {
               "name": "Component/Button/Muted/Fill/Default",
               "type": "color",
@@ -10184,6 +10193,15 @@
                 "name": "Scandic Go/Purple/100"
               }
             },
+            {
+              "name": "Text/Interactive/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic Go/Purple/80"
+              }
+            },
             {
               "name": "Text/Interactive/Secondary",
               "type": "color",
@@ -10194,7 +10212,7 @@
               }
             },
             {
-              "name": "Text/Interactive/Hover Secondary",
+              "name": "Text/Interactive/Secondary Hover",
               "type": "color",
               "isAlias": true,
               "value": {
@@ -10589,6 +10607,15 @@
                 "name": "Scandic Go/Cyan/20"
               }
             },
+            {
+              "name": "Surface/Brand/Primary 3/OnSurface/Accent Secondary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic Go/Yellow/30"
+              }
+            },
             {
               "name": "Surface/UI Fill/Default",
               "type": "color",
@@ -11504,15 +11531,6 @@
                 "name": "Scandic/Red/70"
               }
             },
-            {
-              "name": "Border/Interactive/KeyboardFocus",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "_Primitives",
-                "name": "Scandic/Blue/50"
-              }
-            },
             {
               "name": "Component/Button/Muted/Fill/Default",
               "type": "color",
@@ -11698,6 +11716,15 @@
                 "name": "Neutral/90"
               }
             },
+            {
+              "name": "Text/Interactive/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Downtown Camper/Russet/80"
+              }
+            },
             {
               "name": "Text/Interactive/Secondary",
               "type": "color",
@@ -11708,7 +11735,7 @@
               }
             },
             {
-              "name": "Text/Interactive/Hover Secondary",
+              "name": "Text/Interactive/Secondary Hover",
               "type": "color",
               "isAlias": true,
               "value": {
@@ -12082,6 +12109,12 @@
               "isAlias": false,
               "value": "#FFFFFF"
             },
+            {
+              "name": "Surface/Brand/Primary 3/OnSurface/Accent Secondary",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FFFFFF"
+            },
             {
               "name": "Surface/UI Fill/Default",
               "type": "color",
@@ -12997,15 +13030,6 @@
                 "name": "Scandic/Red/70"
               }
             },
-            {
-              "name": "Border/Interactive/KeyboardFocus",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "_Primitives",
-                "name": "Scandic/Blue/50"
-              }
-            },
             {
               "name": "Component/Button/Muted/Fill/Default",
               "type": "color",
@@ -13191,6 +13215,15 @@
                 "name": "Neutral/90"
               }
             },
+            {
+              "name": "Text/Interactive/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Haymarket/Antique Brass/60"
+              }
+            },
             {
               "name": "Text/Interactive/Secondary",
               "type": "color",
@@ -13201,7 +13234,7 @@
               }
             },
             {
-              "name": "Text/Interactive/Hover Secondary",
+              "name": "Text/Interactive/Secondary Hover",
               "type": "color",
               "isAlias": true,
               "value": {
@@ -13575,6 +13608,12 @@
               "isAlias": false,
               "value": "#FFFFFF"
             },
+            {
+              "name": "Surface/Brand/Primary 3/OnSurface/Accent Secondary",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FFFFFF"
+            },
             {
               "name": "Surface/UI Fill/Default",
               "type": "color",
@@ -14490,15 +14529,6 @@
                 "name": "Scandic/Red/70"
               }
             },
-            {
-              "name": "Border/Interactive/KeyboardFocus",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "_Primitives",
-                "name": "Scandic/Blue/50"
-              }
-            },
             {
               "name": "Component/Button/Muted/Fill/Default",
               "type": "color",
@@ -14684,6 +14714,15 @@
                 "name": "Signature/Marski/Elephant/100"
               }
             },
+            {
+              "name": "Text/Interactive/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Marski/Blue ribbon/70"
+              }
+            },
             {
               "name": "Text/Interactive/Secondary",
               "type": "color",
@@ -14694,7 +14733,7 @@
               }
             },
             {
-              "name": "Text/Interactive/Hover Secondary",
+              "name": "Text/Interactive/Secondary Hover",
               "type": "color",
               "isAlias": true,
               "value": {
@@ -15068,6 +15107,12 @@
               "isAlias": false,
               "value": "#FFFFFF"
             },
+            {
+              "name": "Surface/Brand/Primary 3/OnSurface/Accent Secondary",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FFFFFF"
+            },
             {
               "name": "Surface/UI Fill/Default",
               "type": "color",
@@ -15983,15 +16028,6 @@
                 "name": "Scandic/Red/70"
               }
             },
-            {
-              "name": "Border/Interactive/KeyboardFocus",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "_Primitives",
-                "name": "Scandic/Blue/50"
-              }
-            },
             {
               "name": "Component/Button/Muted/Fill/Default",
               "type": "color",
@@ -16177,6 +16213,15 @@
                 "name": "Signature/Hotel Norge/Dark blue/90"
               }
             },
+            {
+              "name": "Text/Interactive/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Hotel Norge/Emerald/90"
+              }
+            },
             {
               "name": "Text/Interactive/Secondary",
               "type": "color",
@@ -16187,7 +16232,7 @@
               }
             },
             {
-              "name": "Text/Interactive/Hover Secondary",
+              "name": "Text/Interactive/Secondary Hover",
               "type": "color",
               "isAlias": true,
               "value": {
@@ -16561,6 +16606,12 @@
               "isAlias": false,
               "value": "#FFFFFF"
             },
+            {
+              "name": "Surface/Brand/Primary 3/OnSurface/Accent Secondary",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FFFFFF"
+            },
             {
               "name": "Surface/UI Fill/Default",
               "type": "color",
@@ -17476,15 +17527,6 @@
                 "name": "Scandic/Red/70"
               }
             },
-            {
-              "name": "Border/Interactive/KeyboardFocus",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "_Primitives",
-                "name": "Scandic/Blue/50"
-              }
-            },
             {
               "name": "Component/Button/Muted/Fill/Default",
               "type": "color",
@@ -17670,6 +17712,15 @@
                 "name": "Signature/Grand Hotel/Blue Bayoux/100"
               }
             },
+            {
+              "name": "Text/Interactive/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Grand Hotel/Careys Pink/60"
+              }
+            },
             {
               "name": "Text/Interactive/Secondary",
               "type": "color",
@@ -17680,7 +17731,7 @@
               }
             },
             {
-              "name": "Text/Interactive/Hover Secondary",
+              "name": "Text/Interactive/Secondary Hover",
               "type": "color",
               "isAlias": true,
               "value": {
@@ -18054,6 +18105,12 @@
               "isAlias": false,
               "value": "#FFFFFF"
             },
+            {
+              "name": "Surface/Brand/Primary 3/OnSurface/Accent Secondary",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FFFFFF"
+            },
             {
               "name": "Surface/UI Fill/Default",
               "type": "color",
@@ -18969,15 +19026,6 @@
                 "name": "Scandic/Red/70"
               }
             },
-            {
-              "name": "Border/Interactive/KeyboardFocus",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "_Primitives",
-                "name": "Scandic/Blue/50"
-              }
-            },
             {
               "name": "Component/Button/Muted/Fill/Default",
               "type": "color",
@@ -19488,6 +19536,12 @@
               "name": "Space/x8",
               "type": "number",
               "isAlias": false,
+              "value": 64
+            },
+            {
+              "name": "Space/x9",
+              "type": "number",
+              "isAlias": false,
               "value": 72
             },
             {
diff --git a/packages/design-system/lib/styles/base.css b/packages/design-system/lib/styles/base.css
index 87e02be01..fe738c33c 100644
--- a/packages/design-system/lib/styles/base.css
+++ b/packages/design-system/lib/styles/base.css
@@ -97,7 +97,8 @@
   --Space-x5: 40px;
   --Space-x6: 48px;
   --Space-x7: 56px;
-  --Space-x8: 72px;
+  --Space-x8: 64px;
+  --Space-x9: 72px;
 
   /* Aliases */
   --Text-size-2xl: var(--Size-800-36);
diff --git a/packages/design-system/lib/styles/base.js b/packages/design-system/lib/styles/base.js
index 839c0e91e..f983734ee 100644
--- a/packages/design-system/lib/styles/base.js
+++ b/packages/design-system/lib/styles/base.js
@@ -92,7 +92,8 @@ export const theme = {
   'Space/x5': 40,
   'Space/x6': 48,
   'Space/x7': 56,
-  'Space/x8': 72,
+  'Space/x8': 64,
+  'Space/x9': 72,
   'Icon/2xs': 16,
   'Icon/xs': 20,
   'Icon/sm': 24,
diff --git a/packages/design-system/lib/styles/downtown-camper.css b/packages/design-system/lib/styles/downtown-camper.css
index 6e97edf20..6e53a49c3 100644
--- a/packages/design-system/lib/styles/downtown-camper.css
+++ b/packages/design-system/lib/styles/downtown-camper.css
@@ -69,6 +69,7 @@
   --Surface-Brand-Primary-1-OnSurface-Default: #ffffff;
   --Surface-Brand-Primary-2-OnSurface-Accent: #ffffff;
   --Surface-Brand-Primary-2-OnSurface-Default: #ffffff;
+  --Surface-Brand-Primary-3-OnSurface-Accent-Secondary: #ffffff;
   --Surface-Brand-Primary-3-OnSurface-Accent: #ffffff;
   --Surface-Brand-Primary-3-OnSurface-Default: #ffffff;
   --Surface-Primary-Hover-Light: #e6e5e5;
@@ -146,7 +147,6 @@
   --Border-Interactive-Disabled: var(--Neutral-30);
   --Border-Interactive-Error: var(--Scandic-Red-70);
   --Border-Interactive-Focus: var(--Neutral-80);
-  --Border-Interactive-KeyboardFocus: var(--Scandic-Blue-50);
   --Border-Interactive-Selected: var(--Neutral-80);
   --Border-Inverted: var(--Neutral-Opacity-White-100);
   --Component-Button-Brand-Primary-Border-Default: var(
@@ -345,10 +345,11 @@
   --Text-Interactive-Disabled: var(--Neutral-40);
   --Text-Interactive-Error: var(--Scandic-Red-70);
   --Text-Interactive-Focus: var(--Neutral-80);
-  --Text-Interactive-Hover-Secondary: var(
+  --Text-Interactive-Hover: var(--Signature-Downtown-Camper-Russet-80);
+  --Text-Interactive-Placeholder: var(--Neutral-50);
+  --Text-Interactive-Secondary-Hover: var(
     --Signature-Downtown-Camper-Russet-60
   );
-  --Text-Interactive-Placeholder: var(--Neutral-50);
   --Text-Interactive-Secondary: var(--Signature-Downtown-Camper-Russet-80);
   --Text-Inverted: var(--Neutral-Opacity-White-100);
   --Text-Secondary: var(--Neutral-60);
diff --git a/packages/design-system/lib/styles/downtown-camper.js b/packages/design-system/lib/styles/downtown-camper.js
index 3366a2944..01c8fb3c7 100644
--- a/packages/design-system/lib/styles/downtown-camper.js
+++ b/packages/design-system/lib/styles/downtown-camper.js
@@ -94,6 +94,7 @@ export const theme = {
   'Surface/Brand/Primary 2/OnSurface/Accent': '#FFFFFF',
   'Surface/Brand/Primary 3/OnSurface/Default': '#FFFFFF',
   'Surface/Brand/Primary 3/OnSurface/Accent': '#FFFFFF',
+  'Surface/Brand/Primary 3/OnSurface/Accent Secondary': '#FFFFFF',
   'Utilities/Gradients/10': '#3C43361A',
   'Font family/Downtown Camper/Title': 'Gotham',
   'Font family/Downtown Camper/Body': 'Fira sans',
@@ -149,8 +150,9 @@ export const theme = {
   'Text/Accent Secondary': '#747474',
   'Text/Inverted': '#FFFFFF',
   'Text/Interactive/Default': '#1F1F1F',
+  'Text/Interactive/Hover': '#834722',
   'Text/Interactive/Secondary': '#834722',
-  'Text/Interactive/Hover Secondary': '#BB7524',
+  'Text/Interactive/Secondary Hover': '#BB7524',
   'Text/Interactive/Disabled': '#8C8C8C',
   'Text/Interactive/Focus': '#262626',
   'Text/Interactive/Error': '#AD0015',
@@ -288,7 +290,6 @@ export const theme = {
   'Border/Interactive/Focus': '#262626',
   'Border/Interactive/Disabled': '#BFBFBF',
   'Border/Interactive/Error': '#AD0015',
-  'Border/Interactive/KeyboardFocus': '#5B8FD4',
   'Component/Button/Muted/Fill/Default': '#FFFFFF00',
   'Component/Button/Muted/Fill/Hover': '#FFFFFF0D',
   'Component/Button/Muted/Fill/Disabled': '#FFFFFF1A',
diff --git a/packages/design-system/lib/styles/grand-hotel.css b/packages/design-system/lib/styles/grand-hotel.css
index a5834638e..f1292876f 100644
--- a/packages/design-system/lib/styles/grand-hotel.css
+++ b/packages/design-system/lib/styles/grand-hotel.css
@@ -51,6 +51,7 @@
   --Surface-Brand-Primary-1-OnSurface-Default: #ffffff;
   --Surface-Brand-Primary-2-OnSurface-Accent: #ffffff;
   --Surface-Brand-Primary-2-OnSurface-Default: #ffffff;
+  --Surface-Brand-Primary-3-OnSurface-Accent-Secondary: #ffffff;
   --Surface-Brand-Primary-3-OnSurface-Accent: #ffffff;
   --Surface-Brand-Primary-3-OnSurface-Default: #ffffff;
   --Surface-Primary-Hover-Light: #e6e5e5;
@@ -127,7 +128,6 @@
   --Border-Interactive-Disabled: var(--Neutral-30);
   --Border-Interactive-Error: var(--Scandic-Red-70);
   --Border-Interactive-Focus: var(--Neutral-80);
-  --Border-Interactive-KeyboardFocus: var(--Scandic-Blue-50);
   --Border-Interactive-Selected: var(--Neutral-80);
   --Border-Inverted: var(--Neutral-Opacity-White-100);
   --Component-Button-Brand-Primary-Border-Default: var(
@@ -327,10 +327,11 @@
   --Text-Interactive-Disabled: var(--Neutral-40);
   --Text-Interactive-Error: var(--Scandic-Red-70);
   --Text-Interactive-Focus: var(--Neutral-80);
-  --Text-Interactive-Hover-Secondary: var(
+  --Text-Interactive-Hover: var(--Signature-Grand-Hotel-Careys-Pink-60);
+  --Text-Interactive-Placeholder: var(--Neutral-50);
+  --Text-Interactive-Secondary-Hover: var(
     --Signature-Grand-Hotel-Careys-Pink-50
   );
-  --Text-Interactive-Placeholder: var(--Neutral-50);
   --Text-Interactive-Secondary: var(--Signature-Grand-Hotel-Careys-Pink-60);
   --Text-Inverted: var(--Neutral-Opacity-White-100);
   --Text-Secondary: var(--Neutral-60);
diff --git a/packages/design-system/lib/styles/grand-hotel.js b/packages/design-system/lib/styles/grand-hotel.js
index 95a783ae8..e1400beec 100644
--- a/packages/design-system/lib/styles/grand-hotel.js
+++ b/packages/design-system/lib/styles/grand-hotel.js
@@ -74,6 +74,7 @@ export const theme = {
   'Surface/Brand/Primary 2/OnSurface/Accent': '#FFFFFF',
   'Surface/Brand/Primary 3/OnSurface/Default': '#FFFFFF',
   'Surface/Brand/Primary 3/OnSurface/Accent': '#FFFFFF',
+  'Surface/Brand/Primary 3/OnSurface/Accent Secondary': '#FFFFFF',
   'Utilities/Gradients/10': '#5B6E7F1A',
   'Font family/Grand Hotel/Title': 'Canela Deck',
   'Font family/Grand Hotel/Body': 'Fira sans',
@@ -129,8 +130,9 @@ export const theme = {
   'Text/Accent Secondary': '#747474',
   'Text/Inverted': '#FFFFFF',
   'Text/Interactive/Default': '#21252B',
+  'Text/Interactive/Hover': '#AA546B',
   'Text/Interactive/Secondary': '#AA546B',
-  'Text/Interactive/Hover Secondary': '#C27183',
+  'Text/Interactive/Secondary Hover': '#C27183',
   'Text/Interactive/Disabled': '#8C8C8C',
   'Text/Interactive/Focus': '#262626',
   'Text/Interactive/Error': '#AD0015',
@@ -268,7 +270,6 @@ export const theme = {
   'Border/Interactive/Focus': '#262626',
   'Border/Interactive/Disabled': '#BFBFBF',
   'Border/Interactive/Error': '#AD0015',
-  'Border/Interactive/KeyboardFocus': '#5B8FD4',
   'Component/Button/Muted/Fill/Default': '#FFFFFF',
   'Component/Button/Muted/Fill/Hover': '#FFFFFF',
   'Component/Button/Muted/Fill/Disabled': '#FFFFFF',
diff --git a/packages/design-system/lib/styles/haymarket.css b/packages/design-system/lib/styles/haymarket.css
index 44823f1e3..9b6733e67 100644
--- a/packages/design-system/lib/styles/haymarket.css
+++ b/packages/design-system/lib/styles/haymarket.css
@@ -69,6 +69,7 @@
   --Surface-Brand-Primary-1-OnSurface-Default: #ffffff;
   --Surface-Brand-Primary-2-OnSurface-Accent: #ffffff;
   --Surface-Brand-Primary-2-OnSurface-Default: #ffffff;
+  --Surface-Brand-Primary-3-OnSurface-Accent-Secondary: #ffffff;
   --Surface-Brand-Primary-3-OnSurface-Accent: #ffffff;
   --Surface-Brand-Primary-3-OnSurface-Default: #ffffff;
   --Surface-Primary-Hover-Light: #e6e5e5;
@@ -146,7 +147,6 @@
   --Border-Interactive-Disabled: var(--Neutral-30);
   --Border-Interactive-Error: var(--Scandic-Red-70);
   --Border-Interactive-Focus: var(--Neutral-80);
-  --Border-Interactive-KeyboardFocus: var(--Scandic-Blue-50);
   --Border-Interactive-Selected: var(--Neutral-80);
   --Border-Inverted: var(--Neutral-Opacity-White-100);
   --Component-Button-Brand-Primary-Border-Default: var(
@@ -331,10 +331,11 @@
   --Text-Interactive-Disabled: var(--Neutral-40);
   --Text-Interactive-Error: var(--Scandic-Red-70);
   --Text-Interactive-Focus: var(--Neutral-80);
-  --Text-Interactive-Hover-Secondary: var(
+  --Text-Interactive-Hover: var(--Signature-Haymarket-Antique-Brass-60);
+  --Text-Interactive-Placeholder: var(--Neutral-50);
+  --Text-Interactive-Secondary-Hover: var(
     --Signature-Haymarket-Antique-Brass-40
   );
-  --Text-Interactive-Placeholder: var(--Neutral-50);
   --Text-Interactive-Secondary: var(--Signature-Haymarket-Antique-Brass-60);
   --Text-Inverted: var(--Neutral-Opacity-White-100);
   --Text-Secondary: var(--Neutral-60);
diff --git a/packages/design-system/lib/styles/haymarket.js b/packages/design-system/lib/styles/haymarket.js
index 733cc69ab..eb6c3acef 100644
--- a/packages/design-system/lib/styles/haymarket.js
+++ b/packages/design-system/lib/styles/haymarket.js
@@ -94,6 +94,7 @@ export const theme = {
   'Surface/Brand/Primary 2/OnSurface/Accent': '#FFFFFF',
   'Surface/Brand/Primary 3/OnSurface/Default': '#FFFFFF',
   'Surface/Brand/Primary 3/OnSurface/Accent': '#FFFFFF',
+  'Surface/Brand/Primary 3/OnSurface/Accent Secondary': '#FFFFFF',
   'Utilities/Gradients/10': '#F0DDD81A',
   'Font family/Haymarket/Title': 'Prumo text',
   'Font family/Haymarket/Body': 'Fira sans',
@@ -149,8 +150,9 @@ export const theme = {
   'Text/Accent Secondary': '#805E45',
   'Text/Inverted': '#FFFFFF',
   'Text/Interactive/Default': '#1F1F1F',
+  'Text/Interactive/Hover': '#805E45',
   'Text/Interactive/Secondary': '#805E45',
-  'Text/Interactive/Hover Secondary': '#BA8E6E',
+  'Text/Interactive/Secondary Hover': '#BA8E6E',
   'Text/Interactive/Disabled': '#8C8C8C',
   'Text/Interactive/Focus': '#262626',
   'Text/Interactive/Error': '#AD0015',
@@ -288,7 +290,6 @@ export const theme = {
   'Border/Interactive/Focus': '#262626',
   'Border/Interactive/Disabled': '#BFBFBF',
   'Border/Interactive/Error': '#AD0015',
-  'Border/Interactive/KeyboardFocus': '#5B8FD4',
   'Component/Button/Muted/Fill/Default': '#FFFFFF00',
   'Component/Button/Muted/Fill/Hover': '#FFFFFF0D',
   'Component/Button/Muted/Fill/Disabled': '#FFFFFF1A',
diff --git a/packages/design-system/lib/styles/hotel-norge.css b/packages/design-system/lib/styles/hotel-norge.css
index 458016da3..21cfe0f3e 100644
--- a/packages/design-system/lib/styles/hotel-norge.css
+++ b/packages/design-system/lib/styles/hotel-norge.css
@@ -57,6 +57,7 @@
   --Surface-Brand-Primary-1-OnSurface-Default: #ffffff;
   --Surface-Brand-Primary-2-OnSurface-Accent: #ffffff;
   --Surface-Brand-Primary-2-OnSurface-Default: #ffffff;
+  --Surface-Brand-Primary-3-OnSurface-Accent-Secondary: #ffffff;
   --Surface-Brand-Primary-3-OnSurface-Accent: #ffffff;
   --Surface-Brand-Primary-3-OnSurface-Default: #ffffff;
   --Surface-Primary-Hover-Light: #e6e5e5;
@@ -133,7 +134,6 @@
   --Border-Interactive-Disabled: var(--Neutral-30);
   --Border-Interactive-Error: var(--Scandic-Red-70);
   --Border-Interactive-Focus: var(--Neutral-80);
-  --Border-Interactive-KeyboardFocus: var(--Scandic-Blue-50);
   --Border-Interactive-Selected: var(--Neutral-80);
   --Border-Inverted: var(--Neutral-Opacity-White-100);
   --Component-Button-Brand-Primary-Border-Default: var(
@@ -333,8 +333,9 @@
   --Text-Interactive-Disabled: var(--Neutral-40);
   --Text-Interactive-Error: var(--Scandic-Red-70);
   --Text-Interactive-Focus: var(--Neutral-80);
-  --Text-Interactive-Hover-Secondary: var(--Signature-Hotel-Norge-Emerald-80);
+  --Text-Interactive-Hover: var(--Signature-Hotel-Norge-Emerald-90);
   --Text-Interactive-Placeholder: var(--Neutral-50);
+  --Text-Interactive-Secondary-Hover: var(--Signature-Hotel-Norge-Emerald-80);
   --Text-Interactive-Secondary: var(--Signature-Hotel-Norge-Emerald-90);
   --Text-Inverted: var(--Neutral-Opacity-White-100);
   --Text-Secondary: var(--Neutral-60);
diff --git a/packages/design-system/lib/styles/hotel-norge.js b/packages/design-system/lib/styles/hotel-norge.js
index 04b880aab..7eac11e73 100644
--- a/packages/design-system/lib/styles/hotel-norge.js
+++ b/packages/design-system/lib/styles/hotel-norge.js
@@ -7,15 +7,15 @@ export const theme = {
   'Signature/Hotel Norge/Off White/40': '#F2F3EF',
   'Signature/Hotel Norge/Off White/50': '#EFF0EB',
   'Signature/Hotel Norge/Off White/60': '#D9DAD6',
-  'Signature/Hotel Norge/Off White/70': '#AAAAA7',
   'Signature/Hotel Norge/Emerald/0': '#C7DDD5',
+  'Signature/Hotel Norge/Off White/70': '#AAAAA7',
   'Signature/Hotel Norge/Off White/80': '#838481',
   'Signature/Hotel Norge/Emerald/80': '#3A655C',
   'Signature/Hotel Norge/Off White/90': '#6F716F',
   'Signature/Hotel Norge/Emerald/90': '#26544A',
   'Signature/Hotel Norge/Off White/100': '#646563',
-  'Signature/Hotel Norge/Dark blue/0': '#B7C5C8',
   'Signature/Hotel Norge/Emerald/100': '#004337',
+  'Signature/Hotel Norge/Dark blue/0': '#B7C5C8',
   'Signature/Hotel Norge/Dark blue/30': '#858F97',
   'Signature/Hotel Norge/Dark blue/80': '#404655',
   'Signature/Hotel Norge/Dark blue/90': '#181E34',
@@ -79,6 +79,7 @@ export const theme = {
   'Surface/Brand/Primary 2/OnSurface/Accent': '#FFFFFF',
   'Surface/Brand/Primary 3/OnSurface/Default': '#FFFFFF',
   'Surface/Brand/Primary 3/OnSurface/Accent': '#FFFFFF',
+  'Surface/Brand/Primary 3/OnSurface/Accent Secondary': '#FFFFFF',
   'Utilities/Gradients/10': '#3C43361A',
   'Font family/Hotel Norge/Title': 'Domaine Sans Text',
   'Font family/Hotel Norge/Body': 'Fira sans',
@@ -134,8 +135,9 @@ export const theme = {
   'Text/Accent Secondary': '#747474',
   'Text/Inverted': '#FFFFFF',
   'Text/Interactive/Default': '#181E34',
+  'Text/Interactive/Hover': '#26544A',
   'Text/Interactive/Secondary': '#26544A',
-  'Text/Interactive/Hover Secondary': '#3A655C',
+  'Text/Interactive/Secondary Hover': '#3A655C',
   'Text/Interactive/Disabled': '#8C8C8C',
   'Text/Interactive/Focus': '#262626',
   'Text/Interactive/Error': '#AD0015',
@@ -273,7 +275,6 @@ export const theme = {
   'Border/Interactive/Focus': '#262626',
   'Border/Interactive/Disabled': '#BFBFBF',
   'Border/Interactive/Error': '#AD0015',
-  'Border/Interactive/KeyboardFocus': '#5B8FD4',
   'Component/Button/Muted/Fill/Default': '#FFFFFF00',
   'Component/Button/Muted/Fill/Hover': '#FFFFFF',
   'Component/Button/Muted/Fill/Disabled': '#FFFFFF',
diff --git a/packages/design-system/lib/styles/marski.css b/packages/design-system/lib/styles/marski.css
index 9b54fec8c..09d57dc0e 100644
--- a/packages/design-system/lib/styles/marski.css
+++ b/packages/design-system/lib/styles/marski.css
@@ -80,6 +80,7 @@
   --Surface-Brand-Primary-1-OnSurface-Default: #ffffff;
   --Surface-Brand-Primary-2-OnSurface-Accent: #ffffff;
   --Surface-Brand-Primary-2-OnSurface-Default: #ffffff;
+  --Surface-Brand-Primary-3-OnSurface-Accent-Secondary: #ffffff;
   --Surface-Brand-Primary-3-OnSurface-Accent: #ffffff;
   --Surface-Brand-Primary-3-OnSurface-Default: #ffffff;
   --Surface-Primary-Hover-Light: #e6e5e5;
@@ -156,7 +157,6 @@
   --Border-Interactive-Disabled: var(--Neutral-30);
   --Border-Interactive-Error: var(--Scandic-Red-70);
   --Border-Interactive-Focus: var(--Neutral-80);
-  --Border-Interactive-KeyboardFocus: var(--Scandic-Blue-50);
   --Border-Interactive-Selected: var(--Neutral-80);
   --Border-Inverted: var(--Neutral-Opacity-White-100);
   --Component-Button-Brand-Primary-Border-Default: var(
@@ -354,8 +354,9 @@
   --Text-Interactive-Disabled: var(--Neutral-40);
   --Text-Interactive-Error: var(--Scandic-Red-70);
   --Text-Interactive-Focus: var(--Neutral-80);
-  --Text-Interactive-Hover-Secondary: var(--Signature-Marski-Blue-ribbon-90);
+  --Text-Interactive-Hover: var(--Signature-Marski-Blue-ribbon-70);
   --Text-Interactive-Placeholder: var(--Neutral-50);
+  --Text-Interactive-Secondary-Hover: var(--Signature-Marski-Blue-ribbon-90);
   --Text-Interactive-Secondary: var(--Signature-Marski-Blue-ribbon-70);
   --Text-Inverted: var(--Neutral-Opacity-White-100);
   --Text-Secondary: var(--Neutral-60);
diff --git a/packages/design-system/lib/styles/marski.js b/packages/design-system/lib/styles/marski.js
index 8c14713dd..a8938773e 100644
--- a/packages/design-system/lib/styles/marski.js
+++ b/packages/design-system/lib/styles/marski.js
@@ -105,6 +105,7 @@ export const theme = {
   'Surface/Brand/Primary 2/OnSurface/Accent': '#FFFFFF',
   'Surface/Brand/Primary 3/OnSurface/Default': '#FFFFFF',
   'Surface/Brand/Primary 3/OnSurface/Accent': '#FFFFFF',
+  'Surface/Brand/Primary 3/OnSurface/Accent Secondary': '#FFFFFF',
   'Utilities/Gradients/10': '#3E11181A',
   'Font family/Marski/Title': 'Helvetica Neue',
   'Font family/Marski/Body': 'Fira sans',
@@ -160,8 +161,9 @@ export const theme = {
   'Text/Accent Secondary': '#747474',
   'Text/Inverted': '#FFFFFF',
   'Text/Interactive/Default': '#122937',
+  'Text/Interactive/Hover': '#0D57F3',
   'Text/Interactive/Secondary': '#0D57F3',
-  'Text/Interactive/Hover Secondary': '#143D94',
+  'Text/Interactive/Secondary Hover': '#143D94',
   'Text/Interactive/Disabled': '#8C8C8C',
   'Text/Interactive/Focus': '#262626',
   'Text/Interactive/Error': '#AD0015',
@@ -299,7 +301,6 @@ export const theme = {
   'Border/Interactive/Focus': '#262626',
   'Border/Interactive/Disabled': '#BFBFBF',
   'Border/Interactive/Error': '#AD0015',
-  'Border/Interactive/KeyboardFocus': '#5B8FD4',
   'Component/Button/Muted/Fill/Default': '#FFFFFF00',
   'Component/Button/Muted/Fill/Hover': '#FFFFFF',
   'Component/Button/Muted/Fill/Disabled': '#FFFFFF',
diff --git a/packages/design-system/lib/styles/scandic-go.css b/packages/design-system/lib/styles/scandic-go.css
index f027f4dd9..af8b1dce4 100644
--- a/packages/design-system/lib/styles/scandic-go.css
+++ b/packages/design-system/lib/styles/scandic-go.css
@@ -153,7 +153,6 @@
   --Border-Interactive-Disabled: var(--Neutral-40);
   --Border-Interactive-Error: var(--Scandic-Red-70);
   --Border-Interactive-Focus: var(--Neutral-80);
-  --Border-Interactive-KeyboardFocus: var(--Scandic-Blue-50);
   --Border-Interactive-Selected: var(--Neutral-80);
   --Border-Inverted: var(--Neutral-Opacity-White-100);
   --Component-Button-Brand-Primary-Border-Default: var(
@@ -292,6 +291,9 @@
   --Surface-Brand-Primary-2-OnSurface-Accent: var(--Scandic-Go-Green-30);
   --Surface-Brand-Primary-2-OnSurface-Default: var(--Neutral-Opacity-White-100);
   --Surface-Brand-Primary-3-Default: var(--Scandic-Go-Purple-100);
+  --Surface-Brand-Primary-3-OnSurface-Accent-Secondary: var(
+    --Scandic-Go-Yellow-30
+  );
   --Surface-Brand-Primary-3-OnSurface-Accent: var(--Scandic-Go-Cyan-20);
   --Surface-Brand-Primary-3-OnSurface-Default: var(--Scandic-Go-Purple-10);
   --Surface-Feedback-Error-Accent: var(--Scandic-Red-70);
@@ -342,8 +344,9 @@
   --Text-Interactive-Disabled: var(--Neutral-40);
   --Text-Interactive-Error: var(--Scandic-Red-70);
   --Text-Interactive-Focus: var(--Neutral-80);
-  --Text-Interactive-Hover-Secondary: var(--Scandic-Go-Purple-100);
+  --Text-Interactive-Hover: var(--Scandic-Go-Purple-80);
   --Text-Interactive-Placeholder: var(--Neutral-50);
+  --Text-Interactive-Secondary-Hover: var(--Scandic-Go-Purple-100);
   --Text-Interactive-Secondary: var(--Scandic-Go-Purple-80);
   --Text-Inverted: var(--Neutral-Opacity-White-100);
   --Text-Secondary: var(--Neutral-60);
diff --git a/packages/design-system/lib/styles/scandic-go.js b/packages/design-system/lib/styles/scandic-go.js
index cbe746a5a..8914b4ade 100644
--- a/packages/design-system/lib/styles/scandic-go.js
+++ b/packages/design-system/lib/styles/scandic-go.js
@@ -157,8 +157,9 @@ export const theme = {
   'Text/Accent Secondary': '#5E2A8C',
   'Text/Inverted': '#FFFFFF',
   'Text/Interactive/Default': '#2D163A',
+  'Text/Interactive/Hover': '#5E2A8C',
   'Text/Interactive/Secondary': '#5E2A8C',
-  'Text/Interactive/Hover Secondary': '#2D163A',
+  'Text/Interactive/Secondary Hover': '#2D163A',
   'Text/Interactive/Disabled': '#8C8C8C',
   'Text/Interactive/Focus': '#262626',
   'Text/Interactive/Error': '#AD0015',
@@ -202,6 +203,7 @@ export const theme = {
   'Surface/Brand/Primary 3/Default': '#2D163A',
   'Surface/Brand/Primary 3/OnSurface/Default': '#DCD7FF',
   'Surface/Brand/Primary 3/OnSurface/Accent': '#73FCEE',
+  'Surface/Brand/Primary 3/OnSurface/Accent Secondary': '#F5FF73',
   'Surface/UI Fill/Default': '#FFFFFF',
   'Surface/UI Fill/Intense': '#262626',
   'Surface/UI Fill/Active': '#262626',
@@ -303,7 +305,6 @@ export const theme = {
   'Border/Interactive/Focus': '#262626',
   'Border/Interactive/Disabled': '#8C8C8C',
   'Border/Interactive/Error': '#AD0015',
-  'Border/Interactive/KeyboardFocus': '#5B8FD4',
   'Component/Button/Muted/Fill/Default': '#FFFFFF',
   'Component/Button/Muted/Fill/Hover': '#ffffff',
   'Component/Button/Muted/Fill/Disabled': '#FFFFFF1A',
diff --git a/packages/design-system/lib/styles/scandic.css b/packages/design-system/lib/styles/scandic.css
index 64fc98e88..a33b0f6dd 100644
--- a/packages/design-system/lib/styles/scandic.css
+++ b/packages/design-system/lib/styles/scandic.css
@@ -180,7 +180,6 @@
   --Border-Interactive-Disabled: var(--Scandic-Grey-40);
   --Border-Interactive-Error: var(--Scandic-Red-70);
   --Border-Interactive-Focus: var(--Scandic-Grey-100);
-  --Border-Interactive-KeyboardFocus: var(--Scandic-Blue-50);
   --Border-Interactive-Selected: var(--Scandic-Beige-70);
   --Border-Inverted: var(--Neutral-Opacity-White-100);
   --Component-Button-Brand-Primary-Border-Default: var(
@@ -319,6 +318,7 @@
   --Surface-Brand-Primary-2-OnSurface-Accent: var(--Scandic-Peach-10);
   --Surface-Brand-Primary-2-OnSurface-Default: var(--Scandic-Red-100);
   --Surface-Brand-Primary-3-Default: var(--Scandic-Red-100);
+  --Surface-Brand-Primary-3-OnSurface-Accent-Secondary: var(--Scandic-Peach-80);
   --Surface-Brand-Primary-3-OnSurface-Accent: var(--Scandic-Red-Default);
   --Surface-Brand-Primary-3-OnSurface-Default: var(--Scandic-Peach-10);
   --Surface-Feedback-Error-Accent: var(--Scandic-Red-70);
@@ -365,12 +365,13 @@
   --Text-Feedback-Succes-Accent: var(--Scandic-Green-60);
   --Text-Feedback-Warning-Accent: var(--Scandic-Yellow-60);
   --Text-Heading: var(--Scandic-Red-100);
-  --Text-Interactive-Default: var(--Scandic-Peach-100);
+  --Text-Interactive-Default: var(--Scandic-Red-100);
   --Text-Interactive-Disabled: var(--Scandic-Grey-40);
   --Text-Interactive-Error: var(--Scandic-Red-70);
   --Text-Interactive-Focus: var(--Scandic-Grey-80);
-  --Text-Interactive-Hover-Secondary: var(--Scandic-Peach-100);
+  --Text-Interactive-Hover: var(--Scandic-Peach-80);
   --Text-Interactive-Placeholder: var(--Scandic-Grey-60);
+  --Text-Interactive-Secondary-Hover: var(--Scandic-Red-100);
   --Text-Interactive-Secondary: var(--Scandic-Peach-80);
   --Text-Inverted: var(--Neutral-Opacity-White-100);
   --Text-Secondary: var(--Scandic-Grey-80);
diff --git a/packages/design-system/lib/styles/scandic.js b/packages/design-system/lib/styles/scandic.js
index 7f53a8412..c86fb9620 100644
--- a/packages/design-system/lib/styles/scandic.js
+++ b/packages/design-system/lib/styles/scandic.js
@@ -185,9 +185,10 @@ export const theme = {
   'Text/Accent Primary': '#CD0921',
   'Text/Accent Secondary': '#8F4350',
   'Text/Inverted': '#FFFFFF',
-  'Text/Interactive/Default': '#4D0F25',
+  'Text/Interactive/Default': '#4D001B',
+  'Text/Interactive/Hover': '#8F4350',
   'Text/Interactive/Secondary': '#8F4350',
-  'Text/Interactive/Hover Secondary': '#4D0F25',
+  'Text/Interactive/Secondary Hover': '#4D001B',
   'Text/Interactive/Disabled': '#A8A4A2',
   'Text/Interactive/Focus': '#57514E',
   'Text/Interactive/Error': '#AD0015',
@@ -231,6 +232,7 @@ export const theme = {
   'Surface/Brand/Primary 3/Default': '#4D001B',
   'Surface/Brand/Primary 3/OnSurface/Default': '#F7E1D5',
   'Surface/Brand/Primary 3/OnSurface/Accent': '#CD0921',
+  'Surface/Brand/Primary 3/OnSurface/Accent Secondary': '#8F4350',
   'Surface/UI Fill/Default': '#FFFFFF',
   'Surface/UI Fill/Intense': '#26201E',
   'Surface/UI Fill/Active': '#4D0F25',
@@ -332,7 +334,6 @@ export const theme = {
   'Border/Interactive/Focus': '#26201E',
   'Border/Interactive/Disabled': '#A8A4A2',
   'Border/Interactive/Error': '#AD0015',
-  'Border/Interactive/KeyboardFocus': '#5B8FD4',
   'Component/Button/Muted/Fill/Default': '#FFFFFF00',
   'Component/Button/Muted/Fill/Hover': '#FFFFFF0D',
   'Component/Button/Muted/Fill/Disabled': '#FFFFFF1A',
diff --git a/packages/design-system/lib/tokens/index.ts b/packages/design-system/lib/tokens/index.ts
index 7c64e3878..75c84c56b 100644
--- a/packages/design-system/lib/tokens/index.ts
+++ b/packages/design-system/lib/tokens/index.ts
@@ -94,7 +94,8 @@ export const base = {
   'Space/x5': { resolved: 40 },
   'Space/x6': { resolved: 48 },
   'Space/x7': { resolved: 56 },
-  'Space/x8': { resolved: 72 },
+  'Space/x8': { resolved: 64 },
+  'Space/x9': { resolved: 72 },
   'Icon/2xs': { resolved: 16 },
   'Icon/xs': { resolved: 20 },
   'Icon/sm': { resolved: 24 },
@@ -270,11 +271,11 @@ export const scandic = {
     resolved: 450,
     alias: 'Font weight/Regular bold',
   },
+  'Title/xs/Size': { resolved: '', alias: 'Impl-Text size/sm' },
   'Title/sm/LowCase/Font family': {
     resolved: 'Brandon Text',
     alias: 'Font family/Scandic/Title',
   },
-  'Title/xs/Size': { resolved: '', alias: 'Impl-Text size/sm' },
   'Title/Decorative/lg/Size': { resolved: '', alias: 'Impl-Text size/xl' },
   'Title/Decorative/lg/Font weight': {
     resolved: 400,
@@ -413,17 +414,15 @@ export const scandic = {
   'Text/Accent Primary': { resolved: '#CD0921', alias: 'Scandic/Red/Default' },
   'Text/Accent Secondary': { resolved: '#8F4350', alias: 'Scandic/Peach/80' },
   'Text/Inverted': { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100' },
-  'Text/Interactive/Default': {
-    resolved: '#4D0F25',
-    alias: 'Scandic/Peach/100',
-  },
+  'Text/Interactive/Default': { resolved: '#4D001B', alias: 'Scandic/Red/100' },
+  'Text/Interactive/Hover': { resolved: '#8F4350', alias: 'Scandic/Peach/80' },
   'Text/Interactive/Secondary': {
     resolved: '#8F4350',
     alias: 'Scandic/Peach/80',
   },
-  'Text/Interactive/Hover Secondary': {
-    resolved: '#4D0F25',
-    alias: 'Scandic/Peach/100',
+  'Text/Interactive/Secondary Hover': {
+    resolved: '#4D001B',
+    alias: 'Scandic/Red/100',
   },
   'Text/Interactive/Disabled': {
     resolved: '#A8A4A2',
@@ -576,6 +575,10 @@ export const scandic = {
     resolved: '#CD0921',
     alias: 'Scandic/Red/Default',
   },
+  'Surface/Brand/Primary 3/OnSurface/Accent Secondary': {
+    resolved: '#8F4350',
+    alias: 'Scandic/Peach/80',
+  },
   'Surface/UI Fill/Default': {
     resolved: '#FFFFFF',
     alias: 'Neutral/Opacity/White/100',
@@ -864,10 +867,6 @@ export const scandic = {
     alias: 'Scandic/Grey/40',
   },
   'Border/Interactive/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
-  'Border/Interactive/KeyboardFocus': {
-    resolved: '#5B8FD4',
-    alias: 'Scandic/Blue/50',
-  },
   'Component/Button/Muted/Fill/Default': {
     resolved: '#FFFFFF00',
     alias: 'Neutral/Opacity/White/0',
@@ -1047,11 +1046,11 @@ export const scandicGo = {
     resolved: 500,
     alias: 'Font weight/Medium',
   },
+  'Title/xs/Size': { resolved: '', alias: 'Impl-Text size/sm' },
   'Title/sm/LowCase/Font family': {
     resolved: 'Neue Haas Grotesk Display Pro',
     alias: 'Font family/Scandic Go/Title',
   },
-  'Title/xs/Size': { resolved: '', alias: 'Impl-Text size/sm' },
   'Title/Decorative/lg/Size': { resolved: '', alias: 'Impl-Text size/xl' },
   'Title/Decorative/lg/Font weight': {
     resolved: 500,
@@ -1200,11 +1199,15 @@ export const scandicGo = {
     resolved: '#2D163A',
     alias: 'Scandic Go/Purple/100',
   },
+  'Text/Interactive/Hover': {
+    resolved: '#5E2A8C',
+    alias: 'Scandic Go/Purple/80',
+  },
   'Text/Interactive/Secondary': {
     resolved: '#5E2A8C',
     alias: 'Scandic Go/Purple/80',
   },
-  'Text/Interactive/Hover Secondary': {
+  'Text/Interactive/Secondary Hover': {
     resolved: '#2D163A',
     alias: 'Scandic Go/Purple/100',
   },
@@ -1350,6 +1353,10 @@ export const scandicGo = {
     resolved: '#73FCEE',
     alias: 'Scandic Go/Cyan/20',
   },
+  'Surface/Brand/Primary 3/OnSurface/Accent Secondary': {
+    resolved: '#F5FF73',
+    alias: 'Scandic Go/Yellow/30',
+  },
   'Surface/UI Fill/Default': {
     resolved: '#FFFFFF',
     alias: 'Neutral/Opacity/White/100',
@@ -1626,10 +1633,6 @@ export const scandicGo = {
   'Border/Interactive/Focus': { resolved: '#262626', alias: 'Neutral/80' },
   'Border/Interactive/Disabled': { resolved: '#8C8C8C', alias: 'Neutral/40' },
   'Border/Interactive/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
-  'Border/Interactive/KeyboardFocus': {
-    resolved: '#5B8FD4',
-    alias: 'Scandic/Blue/50',
-  },
   'Component/Button/Muted/Fill/Default': {
     resolved: '#FFFFFF',
     alias: 'Neutral/Opacity/White/100',
@@ -1768,6 +1771,7 @@ export const downtownCamper = {
   'Surface/Brand/Primary 2/OnSurface/Accent': { resolved: '#FFFFFF' },
   'Surface/Brand/Primary 3/OnSurface/Default': { resolved: '#FFFFFF' },
   'Surface/Brand/Primary 3/OnSurface/Accent': { resolved: '#FFFFFF' },
+  'Surface/Brand/Primary 3/OnSurface/Accent Secondary': { resolved: '#FFFFFF' },
   'Utilities/Gradients/10': { resolved: '#3C43361A' },
   'Font family/Downtown Camper/Title': { resolved: 'Gotham' },
   'Font family/Downtown Camper/Body': { resolved: 'Fira sans' },
@@ -1795,11 +1799,11 @@ export const downtownCamper = {
     resolved: 400,
     alias: 'Font weight/Regular',
   },
+  'Title/xs/Size': { resolved: '', alias: 'Impl-Text size/sm' },
   'Title/sm/LowCase/Font family': {
     resolved: 'Gotham',
     alias: 'Font family/Downtown Camper/Title',
   },
-  'Title/xs/Size': { resolved: '', alias: 'Impl-Text size/sm' },
   'Title/Decorative/lg/Size': { resolved: '', alias: 'Impl-Text size/xs' },
   'Title/Decorative/lg/Font weight': {
     resolved: 400,
@@ -1942,11 +1946,15 @@ export const downtownCamper = {
   'Text/Accent Secondary': { resolved: '#747474', alias: 'Neutral/50' },
   'Text/Inverted': { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100' },
   'Text/Interactive/Default': { resolved: '#1F1F1F', alias: 'Neutral/90' },
+  'Text/Interactive/Hover': {
+    resolved: '#834722',
+    alias: 'Signature/Downtown Camper/Russet/80',
+  },
   'Text/Interactive/Secondary': {
     resolved: '#834722',
     alias: 'Signature/Downtown Camper/Russet/80',
   },
-  'Text/Interactive/Hover Secondary': {
+  'Text/Interactive/Secondary Hover': {
     resolved: '#BB7524',
     alias: 'Signature/Downtown Camper/Russet/60',
   },
@@ -2340,10 +2348,6 @@ export const downtownCamper = {
   'Border/Interactive/Focus': { resolved: '#262626', alias: 'Neutral/80' },
   'Border/Interactive/Disabled': { resolved: '#BFBFBF', alias: 'Neutral/30' },
   'Border/Interactive/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
-  'Border/Interactive/KeyboardFocus': {
-    resolved: '#5B8FD4',
-    alias: 'Scandic/Blue/50',
-  },
   'Component/Button/Muted/Fill/Default': {
     resolved: '#FFFFFF00',
     alias: 'Neutral/Opacity/White/0',
@@ -2485,6 +2489,7 @@ export const haymarket = {
   'Surface/Brand/Primary 2/OnSurface/Accent': { resolved: '#FFFFFF' },
   'Surface/Brand/Primary 3/OnSurface/Default': { resolved: '#FFFFFF' },
   'Surface/Brand/Primary 3/OnSurface/Accent': { resolved: '#FFFFFF' },
+  'Surface/Brand/Primary 3/OnSurface/Accent Secondary': { resolved: '#FFFFFF' },
   'Utilities/Gradients/10': { resolved: '#F0DDD81A' },
   'Font family/Haymarket/Title': { resolved: 'Prumo text' },
   'Font family/Haymarket/Body': { resolved: 'Fira sans' },
@@ -2512,11 +2517,11 @@ export const haymarket = {
     resolved: 400,
     alias: 'Font weight/Regular',
   },
+  'Title/xs/Size': { resolved: '', alias: 'Impl-Text size/sm' },
   'Title/sm/LowCase/Font family': {
     resolved: 'Prumo text',
     alias: 'Font family/Haymarket/Title',
   },
-  'Title/xs/Size': { resolved: '', alias: 'Impl-Text size/sm' },
   'Title/Decorative/lg/Size': { resolved: '', alias: 'Impl-Text size/xs' },
   'Title/Decorative/lg/Font weight': {
     resolved: 400,
@@ -2662,11 +2667,15 @@ export const haymarket = {
   },
   'Text/Inverted': { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100' },
   'Text/Interactive/Default': { resolved: '#1F1F1F', alias: 'Neutral/90' },
+  'Text/Interactive/Hover': {
+    resolved: '#805E45',
+    alias: 'Signature/Haymarket/Antique Brass/60',
+  },
   'Text/Interactive/Secondary': {
     resolved: '#805E45',
     alias: 'Signature/Haymarket/Antique Brass/60',
   },
-  'Text/Interactive/Hover Secondary': {
+  'Text/Interactive/Secondary Hover': {
     resolved: '#BA8E6E',
     alias: 'Signature/Haymarket/Antique Brass/40',
   },
@@ -3069,10 +3078,6 @@ export const haymarket = {
   'Border/Interactive/Focus': { resolved: '#262626', alias: 'Neutral/80' },
   'Border/Interactive/Disabled': { resolved: '#BFBFBF', alias: 'Neutral/30' },
   'Border/Interactive/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
-  'Border/Interactive/KeyboardFocus': {
-    resolved: '#5B8FD4',
-    alias: 'Scandic/Blue/50',
-  },
   'Component/Button/Muted/Fill/Default': {
     resolved: '#FFFFFF00',
     alias: 'Neutral/Opacity/White/0',
@@ -3225,6 +3230,7 @@ export const marski = {
   'Surface/Brand/Primary 2/OnSurface/Accent': { resolved: '#FFFFFF' },
   'Surface/Brand/Primary 3/OnSurface/Default': { resolved: '#FFFFFF' },
   'Surface/Brand/Primary 3/OnSurface/Accent': { resolved: '#FFFFFF' },
+  'Surface/Brand/Primary 3/OnSurface/Accent Secondary': { resolved: '#FFFFFF' },
   'Utilities/Gradients/10': { resolved: '#3E11181A' },
   'Font family/Marski/Title': { resolved: 'Helvetica Neue' },
   'Font family/Marski/Body': { resolved: 'Fira sans' },
@@ -3252,11 +3258,11 @@ export const marski = {
     resolved: 500,
     alias: 'Font weight/Medium',
   },
+  'Title/xs/Size': { resolved: '', alias: 'Impl-Text size/sm' },
   'Title/sm/LowCase/Font family': {
     resolved: 'Helvetica Neue',
     alias: 'Font family/Marski/Title',
   },
-  'Title/xs/Size': { resolved: '', alias: 'Impl-Text size/sm' },
   'Title/Decorative/lg/Size': { resolved: '', alias: 'Impl-Text size/xs' },
   'Title/Decorative/lg/Font weight': {
     resolved: 700,
@@ -3396,11 +3402,15 @@ export const marski = {
     resolved: '#122937',
     alias: 'Signature/Marski/Elephant/100',
   },
+  'Text/Interactive/Hover': {
+    resolved: '#0D57F3',
+    alias: 'Signature/Marski/Blue ribbon/70',
+  },
   'Text/Interactive/Secondary': {
     resolved: '#0D57F3',
     alias: 'Signature/Marski/Blue ribbon/70',
   },
-  'Text/Interactive/Hover Secondary': {
+  'Text/Interactive/Secondary Hover': {
     resolved: '#143D94',
     alias: 'Signature/Marski/Blue ribbon/90',
   },
@@ -3803,10 +3813,6 @@ export const marski = {
   'Border/Interactive/Focus': { resolved: '#262626', alias: 'Neutral/80' },
   'Border/Interactive/Disabled': { resolved: '#BFBFBF', alias: 'Neutral/30' },
   'Border/Interactive/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
-  'Border/Interactive/KeyboardFocus': {
-    resolved: '#5B8FD4',
-    alias: 'Scandic/Blue/50',
-  },
   'Component/Button/Muted/Fill/Default': {
     resolved: '#FFFFFF00',
     alias: 'Neutral/Opacity/White/0',
@@ -3861,15 +3867,15 @@ export const hotelNorge = {
   'Signature/Hotel Norge/Off White/40': { resolved: '#F2F3EF' },
   'Signature/Hotel Norge/Off White/50': { resolved: '#EFF0EB' },
   'Signature/Hotel Norge/Off White/60': { resolved: '#D9DAD6' },
-  'Signature/Hotel Norge/Off White/70': { resolved: '#AAAAA7' },
   'Signature/Hotel Norge/Emerald/0': { resolved: '#C7DDD5' },
+  'Signature/Hotel Norge/Off White/70': { resolved: '#AAAAA7' },
   'Signature/Hotel Norge/Off White/80': { resolved: '#838481' },
   'Signature/Hotel Norge/Emerald/80': { resolved: '#3A655C' },
   'Signature/Hotel Norge/Off White/90': { resolved: '#6F716F' },
   'Signature/Hotel Norge/Emerald/90': { resolved: '#26544A' },
   'Signature/Hotel Norge/Off White/100': { resolved: '#646563' },
-  'Signature/Hotel Norge/Dark blue/0': { resolved: '#B7C5C8' },
   'Signature/Hotel Norge/Emerald/100': { resolved: '#004337' },
+  'Signature/Hotel Norge/Dark blue/0': { resolved: '#B7C5C8' },
   'Signature/Hotel Norge/Dark blue/30': { resolved: '#858F97' },
   'Signature/Hotel Norge/Dark blue/80': { resolved: '#404655' },
   'Signature/Hotel Norge/Dark blue/90': { resolved: '#181E34' },
@@ -3936,6 +3942,7 @@ export const hotelNorge = {
   'Surface/Brand/Primary 2/OnSurface/Accent': { resolved: '#FFFFFF' },
   'Surface/Brand/Primary 3/OnSurface/Default': { resolved: '#FFFFFF' },
   'Surface/Brand/Primary 3/OnSurface/Accent': { resolved: '#FFFFFF' },
+  'Surface/Brand/Primary 3/OnSurface/Accent Secondary': { resolved: '#FFFFFF' },
   'Utilities/Gradients/10': { resolved: '#3C43361A' },
   'Font family/Hotel Norge/Title': { resolved: 'Domaine Sans Text' },
   'Font family/Hotel Norge/Body': { resolved: 'Fira sans' },
@@ -3963,11 +3970,11 @@ export const hotelNorge = {
     resolved: 400,
     alias: 'Font weight/Regular',
   },
+  'Title/xs/Size': { resolved: '', alias: 'Impl-Text size/sm' },
   'Title/sm/LowCase/Font family': {
     resolved: 'Domaine Sans Text',
     alias: 'Font family/Hotel Norge/Title',
   },
-  'Title/xs/Size': { resolved: '', alias: 'Impl-Text size/sm' },
   'Title/Decorative/lg/Size': { resolved: '', alias: 'Impl-Text size/sm' },
   'Title/Decorative/lg/Font weight': {
     resolved: 400,
@@ -4110,11 +4117,15 @@ export const hotelNorge = {
     resolved: '#181E34',
     alias: 'Signature/Hotel Norge/Dark blue/90',
   },
+  'Text/Interactive/Hover': {
+    resolved: '#26544A',
+    alias: 'Signature/Hotel Norge/Emerald/90',
+  },
   'Text/Interactive/Secondary': {
     resolved: '#26544A',
     alias: 'Signature/Hotel Norge/Emerald/90',
   },
-  'Text/Interactive/Hover Secondary': {
+  'Text/Interactive/Secondary Hover': {
     resolved: '#3A655C',
     alias: 'Signature/Hotel Norge/Emerald/80',
   },
@@ -4517,10 +4528,6 @@ export const hotelNorge = {
   'Border/Interactive/Focus': { resolved: '#262626', alias: 'Neutral/80' },
   'Border/Interactive/Disabled': { resolved: '#BFBFBF', alias: 'Neutral/30' },
   'Border/Interactive/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
-  'Border/Interactive/KeyboardFocus': {
-    resolved: '#5B8FD4',
-    alias: 'Scandic/Blue/50',
-  },
   'Component/Button/Muted/Fill/Default': {
     resolved: '#FFFFFF00',
     alias: 'Neutral/Opacity/White/0',
@@ -4642,6 +4649,7 @@ export const grandHotel = {
   'Surface/Brand/Primary 2/OnSurface/Accent': { resolved: '#FFFFFF' },
   'Surface/Brand/Primary 3/OnSurface/Default': { resolved: '#FFFFFF' },
   'Surface/Brand/Primary 3/OnSurface/Accent': { resolved: '#FFFFFF' },
+  'Surface/Brand/Primary 3/OnSurface/Accent Secondary': { resolved: '#FFFFFF' },
   'Utilities/Gradients/10': { resolved: '#5B6E7F1A' },
   'Font family/Grand Hotel/Title': { resolved: 'Canela Deck' },
   'Font family/Grand Hotel/Body': { resolved: 'Fira sans' },
@@ -4669,11 +4677,11 @@ export const grandHotel = {
     resolved: 400,
     alias: 'Font weight/Regular',
   },
+  'Title/xs/Size': { resolved: '', alias: 'Impl-Text size/sm' },
   'Title/sm/LowCase/Font family': {
     resolved: 'Canela Deck',
     alias: 'Font family/Grand Hotel/Title',
   },
-  'Title/xs/Size': { resolved: '', alias: 'Impl-Text size/sm' },
   'Title/Decorative/lg/Size': { resolved: '', alias: 'Impl-Text size/xs' },
   'Title/Decorative/lg/Font weight': {
     resolved: 400,
@@ -4819,11 +4827,15 @@ export const grandHotel = {
     resolved: '#21252B',
     alias: 'Signature/Grand Hotel/Blue Bayoux/100',
   },
+  'Text/Interactive/Hover': {
+    resolved: '#AA546B',
+    alias: 'Signature/Grand Hotel/Careys Pink/60',
+  },
   'Text/Interactive/Secondary': {
     resolved: '#AA546B',
     alias: 'Signature/Grand Hotel/Careys Pink/60',
   },
-  'Text/Interactive/Hover Secondary': {
+  'Text/Interactive/Secondary Hover': {
     resolved: '#C27183',
     alias: 'Signature/Grand Hotel/Careys Pink/50',
   },
@@ -5214,10 +5226,6 @@ export const grandHotel = {
   'Border/Interactive/Focus': { resolved: '#262626', alias: 'Neutral/80' },
   'Border/Interactive/Disabled': { resolved: '#BFBFBF', alias: 'Neutral/30' },
   'Border/Interactive/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
-  'Border/Interactive/KeyboardFocus': {
-    resolved: '#5B8FD4',
-    alias: 'Scandic/Blue/50',
-  },
   'Component/Button/Muted/Fill/Default': {
     resolved: '#FFFFFF',
     alias: 'Neutral/Opacity/White/100',