feat: update links default color to match design documents

2025-05-27 16:54:09 +02:00
parent 7694a188da
commit b3b3704c86
74 changed files with 623 additions and 699 deletions
--- 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}
--- 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"
              >
--- 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"] : ""}
    >
--- 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
--- 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>
      )
--- 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",
        })}
--- 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>
        )
--- 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);
  }
 }

--- 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}",
--- 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);
  }
 }

--- 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" />
--- 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}
--- 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>
--- 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
--- 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
--- 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
--- 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({
--- 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({
--- 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>
--- 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}
--- 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}
--- 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]}
                    >
--- 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}
--- 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}
              >
--- 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}
--- 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}
--- 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",
--- 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}
--- 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}
--- 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"
--- 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"
                    >
--- 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
--- 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 }}
        >
--- 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}
                  >
--- 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()}
--- 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"
        >
--- 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}
--- 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);
  }
 }

--- 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.
--- 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>
            )
          }
--- 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;
-  }
 }
--- 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;
--- 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({
--- 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({
--- 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",
            })}
--- 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>
--- 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"
--- 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}
--- 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>
        ))}
--- 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"
--- 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}
--- 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 {
--- 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!}
--- 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);
+  }
 }
--- 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",
--- 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"
--- 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
            },
            {
--- 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);
--- 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,
--- 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);
--- 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',
--- 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);
--- 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',
--- 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);
--- 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',
--- 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);
--- 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',
--- 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);
--- 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',
--- 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);
--- 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',
--- 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);
--- 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',
--- 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',