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

* chore: Updated border-radius variables after import change

Approved-by: Linus Flood

apps/scandic-web/app/[lang]/(live)/(protected)/my-pages/[...path]/page.module.css

@@ -5,7 +5,7 @@
   align-items: flex-end;
   justify-content: center;
   padding: var(--Space-x4);
-  border-radius: var(--Corner-radius-lg);
+  border-radius: var(--Corner-Radius-lg);
   overflow: hidden;
 
   &::after {

apps/scandic-web/app/[lang]/(live)/(protected)/my-pages/profile/edit/page.module.css

@@ -1,6 +1,6 @@
 .container {
   background-color: var(--Main-Grey-White);
-  border-radius: var(--Corner-radius-lg);
+  border-radius: var(--Corner-Radius-lg);
   display: grid;
   gap: var(--Space-x3);
   padding: var(--Space-x2) var(--Space-x2) var(--Space-x4);

apps/scandic-web/app/[lang]/(no-layout)/(protected)/link-employment-error/linkEmploymentError.module.css

@@ -60,7 +60,7 @@
   margin-right: auto;
   background: var(--Background-Primary);
   padding: var(--Space-x5);
-  border-radius: var(--Corner-radius-lg);
+  border-radius: var(--Corner-Radius-lg);
   display: grid;
   gap: var(--Space-x3);
 }
@@ -89,7 +89,7 @@
   height: 24px;
   min-width: 24px;
   border: 1px solid var(--UI-Input-Controls-Border-Normal);
-  border-radius: var(--Corner-radius-sm);
+  border-radius: var(--Corner-Radius-sm);
   transition: all 0.3s;
   display: flex;
   align-items: center;

apps/scandic-web/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/components/SASModal.module.css

@@ -7,12 +7,12 @@
   width: 100%;
   padding: var(--Space-x3) var(--Space-x3) var(--Space-x4);
   text-align: center;
-  border-radius: var(--Corner-radius-md) var(--Corner-radius-md) 0 0;
+  border-radius: var(--Corner-Radius-md) var(--Corner-Radius-md) 0 0;
   margin-top: auto;
 
   @media screen and (min-width: 768px) {
     & {
-      border-radius: var(--Corner-radius-md);
+      border-radius: var(--Corner-Radius-md);
       margin-top: initial;
       width: 560px;
     }

apps/scandic-web/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/otp/OneTimePasswordForm.module.css

@@ -7,12 +7,12 @@
   width: 100%;
   padding: var(--Space-x3);
   text-align: center;
-  border-radius: var(--Corner-radius-md) var(--Corner-radius-md) 0 0;
+  border-radius: var(--Corner-Radius-md) var(--Corner-Radius-md) 0 0;
   margin-top: auto;
 
   @media screen and (min-width: 768px) {
     & {
-      border-radius: var(--Corner-radius-md);
+      border-radius: var(--Corner-Radius-md);
       margin-top: initial;
       width: 512px;
     }
@@ -44,7 +44,7 @@
   padding: var(--Space-x3) 0;
   font-family: var(--typography-Body-Regular-fontFamily);
   border: 1px solid var(--Base-Border-Normal);
-  border-radius: var(--Corner-radius-md);
+  border-radius: var(--Corner-Radius-md);
   text-align: center;
 
   &.active {

apps/scandic-web/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/transfer/success/transferSuccess.module.css

@@ -17,7 +17,7 @@
   display: flex;
   flex-direction: column;
   gap: var(--Space-x3);
-  border-radius: var(--Corner-radius-md);
+  border-radius: var(--Corner-Radius-md);
   align-items: center;
   width: 100%;
 }

apps/scandic-web/components/Blocks/CampaignHotelListing/HotelListingItem/hotelListingItem.module.css

@@ -1,5 +1,5 @@
 .hotelListingItem {
-  border-radius: var(--Corner-radius-md);
+  border-radius: var(--Corner-Radius-md);
   overflow: hidden;
   display: grid;
   grid-template-rows: auto 1fr auto;
@@ -23,7 +23,7 @@
   gap: var(--Space-x05);
   background-color: var(--Surface-Primary-Default);
   padding: var(--Space-x025) var(--Space-x1);
-  border-radius: var(--Corner-radius-sm);
+  border-radius: var(--Corner-Radius-sm);
   color: var(--Text-Interactive-Default);
 }
 

apps/scandic-web/components/Blocks/DynamicContent/HowItWorks/howItWorks.module.css

@@ -1,7 +1,7 @@
 .container {
   align-items: center;
   background-color: var(--UI-Grey-10);
-  border-radius: var(--Corner-radius-xl);
+  border-radius: var(--Corner-Radius-xl);
   display: flex;
   height: 370px;
   justify-content: center;

apps/scandic-web/components/Blocks/DynamicContent/JobylonFeed/JobylonCard/jobylonCard.module.css

@@ -4,7 +4,7 @@
   padding: var(--Space-x2);
   background-color: var(--Base-Surface-Primary-light-Normal);
   border: 1px solid var(--Base-Border-Subtle);
-  border-radius: var(--Corner-radius-md);
+  border-radius: var(--Corner-Radius-md);
 }
 
 .deadline {

apps/scandic-web/components/Blocks/DynamicContent/LoyaltyLevels/loyaltyLevels.module.css

@@ -14,7 +14,7 @@
 
 .card {
   background-color: var(--Scandic-Brand-Pale-Peach);
-  border-radius: var(--Corner-radius-xl);
+  border-radius: var(--Corner-Radius-xl);
   display: grid;
   gap: var(--Space-x2);
   min-height: 280px;

apps/scandic-web/components/Blocks/DynamicContent/Overview/MembershipOverviewCard/membershipOverviewCard.module.css

@@ -1,6 +1,6 @@
 .card {
   background-color: var(--Surface-Brand-Primary-3-Default);
-  border-radius: var(--Corner-radius-lg);
+  border-radius: var(--Corner-Radius-lg);
   padding: var(--Space-x3) var(--Space-x2);
   position: relative;
   min-height: 200px;

apps/scandic-web/components/Blocks/DynamicContent/Overview/overview.module.css

@@ -3,7 +3,7 @@
 }
 
 .teamMemberCardButton {
-  border-radius: var(--Corner-radius-md);
+  border-radius: var(--Corner-Radius-md);
   color: var(--Text-Brand-OnPrimary-3-Accent);
 
   &:focus,

apps/scandic-web/components/Blocks/DynamicContent/OverviewTable/LargeTable/largeTable.module.css

@@ -2,7 +2,7 @@
   border: none;
   border-collapse: collapse;
   background-color: var(--UI-Opacity-White-100);
-  border-radius: var(--Corner-radius-md);
+  border-radius: var(--Corner-Radius-md);
   color: var(--UI-Grey-100);
 }
 

apps/scandic-web/components/Blocks/DynamicContent/OverviewTable/LevelSummary/levelSummary.module.css

@@ -7,7 +7,7 @@
 }
 
 .levelRequirements {
-  border-radius: var(--Corner-radius-md);
+  border-radius: var(--Corner-Radius-md);
   background-color: var(--Scandic-Brand-Pale-Peach);
   color: var(--Scandic-Peach-80);
   padding: var(--Space-x05) var(--Space-x1);

apps/scandic-web/components/Blocks/DynamicContent/OverviewTable/overviewTable.module.css

@@ -11,7 +11,7 @@
   display: none;
   position: relative;
   background-color: var(--UI-Opacity-White-100);
-  border-radius: var(--Corner-radius-md);
+  border-radius: var(--Corner-Radius-md);
 }
 
 .mobileColumns {
@@ -48,7 +48,7 @@
 
 .columnHeader:nth-child(2) {
   padding-left: var(--Space-x1);
-  border-top-left-radius: var(--Corner-radius-md);
+  border-top-left-radius: var(--Corner-Radius-md);
 }
 
 .columnHeader:nth-child(2):has(+ .columnHeader) {
@@ -76,7 +76,7 @@
     grid-template-columns: 1fr 1fr 1fr;
   }
   .columnHeader:nth-child(2) {
-    border-top-right-radius: var(--Corner-radius-md);
+    border-top-right-radius: var(--Corner-Radius-md);
   }
 
   .columns {

apps/scandic-web/components/Blocks/DynamicContent/Points/ExpiringPoints/ExpiringPointsTable/expiringPointsTable.module.css

@@ -2,11 +2,11 @@
   display: flex;
   flex-direction: column;
   overflow-x: auto;
-  border-radius: var(--Corner-radius-sm);
+  border-radius: var(--Corner-Radius-sm);
 }
 
 @media screen and (min-width: 768px) {
   .container {
-    border-radius: var(--Corner-radius-lg);
+    border-radius: var(--Corner-Radius-lg);
   }
 }

apps/scandic-web/components/Blocks/DynamicContent/Points/PointTransactions/PointTransactionList/pointTransactionList.module.css

@@ -5,7 +5,7 @@
 }
 
 .list {
-  border-radius: var(--Corner-radius-md);
+  border-radius: var(--Corner-Radius-md);
   border: 1px solid var(--Border-Default);
   background: var(--Surface-Primary-Default);
 }
@@ -29,8 +29,8 @@
 }
 
 .yearHeader:first-child {
-  border-radius: calc(var(--Corner-radius-md) - 1px)
-    calc(var(--Corner-radius-md) - 1px) 0 0;
+  border-radius: calc(var(--Corner-Radius-md) - 1px)
+    calc(var(--Corner-Radius-md) - 1px) 0 0;
 }
 
 .listContent {
@@ -59,7 +59,7 @@
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  border-radius: var(--Corner-radius-sm);
+  border-radius: var(--Corner-Radius-sm);
   color: var(--Text-Tertiary);
   background: var(--Surface-Secondary-Default, #f2ece6);
 }

apps/scandic-web/components/Blocks/DynamicContent/Points/PointsToSpendCard/PointsToSpendCard.module.css

@@ -1,6 +1,6 @@
 .card {
   background: var(--Surface-Brand-Primary-1-Default);
-  border-radius: var(--Corner-radius-lg);
+  border-radius: var(--Corner-Radius-lg);
   padding: var(--Space-x3) var(--Space-x2);
   position: relative;
   min-height: 200px;
@@ -44,7 +44,7 @@
 .description {
   margin-top: auto;
   padding: var(--Space-x2);
-  border-radius: var(--Corner-radius-md);
+  border-radius: var(--Corner-Radius-md);
   background: var(--Surface-Primary-Default);
 }
 
@@ -61,7 +61,7 @@
   justify-content: center;
   align-items: flex-start;
   gap: var(--Space-x1);
-  border-radius: var(--Corner-radius-md);
+  border-radius: var(--Corner-Radius-md);
   background: var(--Surface-Primary-Default);
 }
 

apps/scandic-web/components/Blocks/DynamicContent/Rewards/CurrentRewards/current.module.css

@@ -9,7 +9,7 @@
 .card {
   background-color: var(--UI-Opacity-White-100);
   border: 1px solid var(--Base-Border-Subtle);
-  border-radius: var(--Corner-radius-md);
+  border-radius: var(--Corner-Radius-md);
   display: flex;
   flex-direction: column;
   justify-content: space-between;

apps/scandic-web/components/Blocks/DynamicContent/Rewards/NextLevel/next.module.css

@@ -1,7 +1,7 @@
 .card {
   align-items: center;
   background-color: var(--Scandic-Brand-Burgundy);
-  border-radius: var(--Corner-radius-sm);
+  border-radius: var(--Corner-Radius-sm);
   display: flex;
   flex-direction: column;
   gap: var(--Space-x2);

apps/scandic-web/components/Blocks/DynamicContent/Rewards/Redeem/redeem.module.css

@@ -41,7 +41,7 @@
 
 .modal {
   background-color: var(--Base-Surface-Primary-light-Normal);
-  border-radius: var(--Corner-radius-md);
+  border-radius: var(--Corner-Radius-md);
   box-shadow: var(--modal-box-shadow);
   width: 100%;
   max-height: 90vh;
@@ -124,7 +124,7 @@
 }
 
 .rewardBadge {
-  border-radius: var(--Corner-radius-sm);
+  border-radius: var(--Corner-Radius-sm);
   padding: var(--Space-x1) var(--Space-x15);
   background: var(--Base-Surface-Secondary-light-Normal);
   display: grid;

apps/scandic-web/components/Blocks/DynamicContent/SAS/LinkAccountBanner/linkAccountBanner.module.css

@@ -1,7 +1,7 @@
 .container {
   position: relative;
   overflow: hidden;
-  border-radius: var(--Corner-radius-lg);
+  border-radius: var(--Corner-Radius-lg);
   background: linear-gradient(
     to right,
     var(--Scandic-Blue-60),

apps/scandic-web/components/Blocks/DynamicContent/SAS/LinkedAccounts/linkedAccounts.module.css

@@ -33,7 +33,7 @@
   width: 100%;
   background-color: var(--Surface-Primary-On-Surface-Default);
   border: 1px solid var(--Border-Default);
-  border-radius: var(--Corner-radius-md);
+  border-radius: var(--Corner-Radius-md);
   box-shadow:
     0px 0px 4px 2px rgba(0, 0, 0, 0.1),
     0px 4px 4px 0px rgba(255, 255, 255, 0.29) inset;
@@ -67,7 +67,7 @@
   width: 100%;
   justify-content: space-between;
   border: 1px solid var(--Border-Divider-Accent);
-  border-radius: var(--Corner-radius-sm);
+  border-radius: var(--Corner-Radius-sm);
   padding: var(--Space-x2);
   background:
     linear-gradient(

apps/scandic-web/components/Blocks/DynamicContent/SAS/TransferPoints/transferPoints.module.css

@@ -13,7 +13,7 @@
   gap: var(--Space-x3);
   padding: var(--Space-x3) var(--Space-x9);
   background-color: var(--Background-Secondary);
-  border-radius: var(--Corner-radius-lg);
+  border-radius: var(--Corner-Radius-lg);
   box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.1);
   margin-top: var(--Space-x9);
 }
@@ -100,7 +100,7 @@
       display: block;
       position: absolute;
       background-color: var(--Border-Divider-Accent);
-      border-radius: var(--Corner-radius-sm);
+      border-radius: var(--Corner-Radius-sm);
       opacity: 0.3;
       transition: background-color 300ms ease;
     }
@@ -112,7 +112,7 @@
     position: relative;
     top: 50%;
     transform: translateY(-50%);
-    border-radius: var(--Corner-radius-sm);
+    border-radius: var(--Corner-Radius-sm);
   }
 
   .sliderOutput {
@@ -123,7 +123,7 @@
     background-color: var(--Surface-Brand-Primary-1-OnSurface-Default);
     color: var(--Text-Brand-OnPrimary-2-Accent);
     padding: var(--Space-x05) var(--Space-x1);
-    border-radius: var(--Corner-radius-sm);
+    border-radius: var(--Corner-Radius-sm);
     opacity: 0;
     transition:
       opacity 0.15s,
@@ -226,7 +226,7 @@
 }
 
 .pointsOutput {
-  border-radius: var(--Corner-radius-md);
+  border-radius: var(--Corner-Radius-md);
   background-color: var(--Surface-Primary-Disabled);
   height: 100%;
   color: var(--Text-Tertiary);

apps/scandic-web/components/Blocks/DynamicContent/Stays/NextStay/nextStay.module.css

@@ -1,5 +1,5 @@
 .nextStayCard {
-  border-radius: var(--Corner-radius-lg);
+  border-radius: var(--Corner-Radius-lg);
   border: 1px solid var(--Border-Default);
   overflow: hidden;
   display: flex;
@@ -11,7 +11,7 @@
   position: relative;
   width: 100%;
   aspect-ratio: 16/9;
-  border-radius: var(--Corner-radius-lg) var(--Corner-radius-lg) 0 0;
+  border-radius: var(--Corner-Radius-lg) var(--Corner-Radius-lg) 0 0;
   background:
     linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%),
     lightgray 50% / cover no-repeat,
@@ -148,7 +148,7 @@
     flex: 1;
     aspect-ratio: 16/9;
     width: 100%;
-    border-radius: var(--Corner-radius-lg) 0 0 var(--Corner-radius-lg);
+    border-radius: var(--Corner-Radius-lg) 0 0 var(--Corner-Radius-lg);
   }
 
   .content {

apps/scandic-web/components/Blocks/DynamicContent/Stays/OldStayCard/stay.module.css

@@ -1,6 +1,6 @@
 .link {
   outline: 1px solid var(--Base-Border-Subtle);
-  border-radius: var(--Corner-radius-md);
+  border-radius: var(--Corner-Radius-md);
   overflow: hidden;
 
   &:focus,

apps/scandic-web/components/Blocks/DynamicContent/Stays/Previous/Cards/SeeAllCard/seeAllCard.module.css

@@ -1,5 +1,5 @@
 .card {
-  border-radius: var(--Corner-radius-lg);
+  border-radius: var(--Corner-Radius-lg);
   border: 1px solid var(--Border-Default);
   background: var(--Surface-Secondary-Default);
   display: flex;

apps/scandic-web/components/Blocks/DynamicContent/Stays/Previous/L6Progress/l6Progress.module.css

@@ -1,5 +1,5 @@
 .l6Progress {
-  border-radius: var(--Corner-radius-md);
+  border-radius: var(--Corner-Radius-md);
   border: 1px solid var(--Border-Divider-Default);
   background: var(--Surface-Primary-Default);
   padding: var(--Space-x3);

apps/scandic-web/components/Blocks/DynamicContent/Stays/Previous/SidePeek/previousStaysSidePeek.module.css

@@ -21,7 +21,7 @@
 .yearHeader {
   background: var(--Surface-Primary-Hover-Accent);
   padding: var(--Space-x1) var(--Space-x2);
-  border-radius: var(--Corner-radius-sm);
+  border-radius: var(--Corner-Radius-sm);
 }
 
 .yearText {

apps/scandic-web/components/Blocks/DynamicContent/Stays/StayCard/stayCard.module.css

@@ -1,5 +1,5 @@
 .card {
-  border-radius: var(--Corner-radius-lg);
+  border-radius: var(--Corner-Radius-lg);
   border: 1px solid var(--Border-Default);
   background: var(--Text-Brand-OnPrimary-3-Default);
   display: flex;
@@ -25,7 +25,7 @@
   max-width: 80px;
   height: 108px;
   max-height: 108px;
-  border-radius: var(--Corner-radius-md);
+  border-radius: var(--Corner-Radius-md);
   object-fit: cover;
   flex-shrink: 0;
 }
@@ -57,7 +57,7 @@
   justify-content: center;
   align-items: center;
   gap: var(--Space-x05);
-  border-radius: var(--Corner-radius-sm);
+  border-radius: var(--Corner-Radius-sm);
   background: var(--Surface-Secondary-Default);
   width: fit-content;
 }

apps/scandic-web/components/Blocks/DynamicContent/Stays/Upcoming/Carousel/CarouselCard/carouselCard.module.css

@@ -4,14 +4,14 @@
   background: var(--Base-Surface-Primary-light-Normal);
   border: 1px solid var(--Border-Default);
   overflow: hidden;
-  border-radius: var(--Corner-radius-lg);
+  border-radius: var(--Corner-Radius-lg);
 }
 
 .imageContainer {
   position: relative;
   width: 100%;
   aspect-ratio: 16/9;
-  border-radius: var(--Corner-radius-lg) var(--Corner-radius-lg) 0 0;
+  border-radius: var(--Corner-Radius-lg) var(--Corner-Radius-lg) 0 0;
   background:
     linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%),
     lightgray 50% / cover no-repeat,

apps/scandic-web/components/Blocks/DynamicContent/Stays/Upcoming/Carousel/SeeAllCard/seeAllCard.module.css

@@ -4,7 +4,7 @@
   background: var(--Surface-Secondary-Default);
   border: 1px solid var(--Border-Default);
   overflow: hidden;
-  border-radius: var(--Corner-radius-lg);
+  border-radius: var(--Corner-Radius-lg);
   align-items: center;
   justify-content: center;
   height: 100%;

apps/scandic-web/components/Blocks/DynamicContent/Stays/Upcoming/EmptyUpcomingStays/emptyUpcomingStays.module.css

@@ -2,7 +2,7 @@
   display: grid;
   grid-template-rows: 1fr min(50px);
   background-color: var(--Base-Surface-Primary-light-Normal);
-  border-radius: var(--Corner-radius-md);
+  border-radius: var(--Corner-Radius-md);
   min-height: 250px;
   margin-bottom: var(--Space-x05);
   overflow: hidden;
@@ -41,7 +41,7 @@
   justify-content: center;
   align-items: center;
   gap: var(--Space-x3);
-  border-radius: var(--Corner-radius-lg);
+  border-radius: var(--Corner-Radius-lg);
   background: var(--Surface-Brand-Primary-1-Default);
 }
 

apps/scandic-web/components/Blocks/DynamicContent/Stays/Upcoming/SidePeek/upcomingStaysSidePeek.module.css

@@ -21,7 +21,7 @@
 .yearHeader {
   background: var(--Surface-Primary-Hover-Accent);
   padding: var(--Space-x1) var(--Space-x2);
-  border-radius: var(--Corner-radius-sm);
+  border-radius: var(--Corner-Radius-sm);
 }
 
 .yearText {

apps/scandic-web/components/Blocks/HotelListing/HotelListingItem/hotelListingItem.module.css

@@ -1,7 +1,7 @@
 .container {
   background-color: var(--Surface-Primary-Default);
   border: 1px solid var(--Border-Default);
-  border-radius: var(--Corner-radius-md);
+  border-radius: var(--Corner-Radius-md);
   overflow: hidden;
   color: var(--Text-Default);
 }

apps/scandic-web/components/Blocks/JoinScandicFriends/joinScandicFriends.module.css

@@ -1,5 +1,5 @@
 .container {
-  border-radius: var(--Corner-radius-lg);
+  border-radius: var(--Corner-Radius-lg);
   background-color: var(--Surface-Primary-OnSurface-Default);
   padding: 0 var(--Space-x2);
   display: flex;

apps/scandic-web/components/Blocks/ShortcutsList/ShortcutsListItems/shortcutsListItems.module.css

@@ -1,6 +1,6 @@
 .list {
   height: fit-content;
-  border-radius: var(--Corner-radius-md);
+  border-radius: var(--Corner-Radius-md);
   overflow: hidden;
   list-style: none;
 }
@@ -18,7 +18,7 @@
 }
 
 .listItem:last-child .link {
-  border-radius: 0 0 var(--Corner-radius-md) var(--Corner-radius-md);
+  border-radius: 0 0 var(--Corner-Radius-md) var(--Corner-Radius-md);
 }
 
 .link:focus-visible {

apps/scandic-web/components/Blocks/ShortcutsList/shortcutsList.module.css

@@ -1,6 +1,6 @@
 @media screen and (max-width: 1366px) {
   .section {
-    border-radius: var(--Corner-radius-md);
+    border-radius: var(--Corner-Radius-md);
     overflow: hidden;
   }
   .column {

apps/scandic-web/components/Blocks/Table/table.module.css

@@ -1,7 +1,7 @@
 .tableWrapper {
   display: grid;
   border: 1px solid var(--Border-Default);
-  border-radius: var(--Corner-radius-sm);
+  border-radius: var(--Corner-Radius-sm);
   overflow: hidden;
 }
 

apps/scandic-web/components/CampaignBanner/campaignBanner.module.css

@@ -47,7 +47,7 @@
     height: 24px;
     padding: 0 var(--Space-x1);
     flex-shrink: 0;
-    border-radius: var(--Corner-radius-sm);
+    border-radius: var(--Corner-Radius-sm);
     border: 1px solid var(--Border-Inverted);
   }
 }

apps/scandic-web/components/Carousel/carousel.module.css

@@ -47,7 +47,7 @@
 .dot {
   height: 8px;
   width: 8px;
-  border-radius: var(--Corner-radius-lg);
+  border-radius: var(--Corner-Radius-lg);
   background: var(--UI-Grey-40);
   transition: width 0.3s ease;
 }

apps/scandic-web/components/ContentType/CampaignPage/Hero/hero.module.css

@@ -1,5 +1,5 @@
 .content {
-  border-radius: var(--Corner-radius-Large);
+  border-radius: var(--Corner-Radius-Large);
   transform: translateY(-170px);
   margin: 0 auto -170px;
   width: 90%;
@@ -13,7 +13,7 @@
   width: 100%;
   height: 478px;
   position: relative;
-  border-radius: var(--Corner-radius-Large);
+  border-radius: var(--Corner-Radius-Large);
 }
 
 .benefitList {
@@ -70,7 +70,7 @@
   .hero {
     display: grid;
     grid-template-columns: 1fr auto;
-    border-radius: var(--Corner-radius-Large);
+    border-radius: var(--Corner-Radius-Large);
     overflow: hidden;
     min-height: 478px;
     height: 100%;

apps/scandic-web/components/ContentType/CampaignPage/Hero/utils.ts

@@ -41,6 +41,9 @@ export function getButtonColor(
     case Theme.downtownCamper:
     case Theme.haymarket:
     case Theme.marski:
+    case Theme.bassinSeven:
+      buttonColor = "Primary"
+      break
     default:
       break
   }

apps/scandic-web/components/ContentType/DestinationPage/DestinationCityPage/CityMap/HotelListItem/hotelListItem.module.css

@@ -2,7 +2,7 @@
   display: grid;
   background-color: var(--Surface-Primary-Default);
   border: 1px solid var(--Border-Default);
-  border-radius: var(--Corner-radius-md);
+  border-radius: var(--Corner-Radius-md);
   overflow: hidden;
   scroll-margin-top: var(--Space-x2);
 }
@@ -34,7 +34,7 @@
   gap: var(--Space-x05);
   background-color: var(--Surface-Primary-Default);
   padding: var(--Space-x025) var(--Space-x1);
-  border-radius: var(--Corner-radius-sm);
+  border-radius: var(--Corner-Radius-sm);
   color: var(--Text-Interactive-Default);
 }
 

apps/scandic-web/components/ContentType/DestinationPage/DestinationCountryPage/CityMapCard/cityMapCard.module.css

@@ -42,7 +42,7 @@
 
 @media screen and (max-width: 949px) {
   .cityMapCard {
-    border-radius: var(--Corner-radius-md);
+    border-radius: var(--Corner-Radius-md);
     box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.1);
   }
 }

apps/scandic-web/components/ContentType/DestinationPage/DestinationCountryPage/CountryMap/CityListItem/cityListItem.module.css

@@ -1,5 +1,5 @@
 .card {
-  border-radius: var(--Corner-radius-Medium);
+  border-radius: var(--Corner-Radius-Medium);
   background-color: var(--Surface-Primary-Default);
   display: flex;
   height: 80px;

apps/scandic-web/components/ContentType/DestinationPage/DestinationCountryPage/LocationsList/locationsList.module.css

@@ -9,7 +9,7 @@
 
 @media screen and (max-width: 949px) {
   .content {
-    border-radius: var(--Corner-radius-md);
+    border-radius: var(--Corner-Radius-md);
     box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.1);
   }
 }

apps/scandic-web/components/ContentType/DestinationPage/DestinationListing/CityListing/CityListingItem/cityListingItem.module.css

@@ -1,7 +1,7 @@
 .container {
   background-color: var(--Base-Surface-Primary-light-Normal);
   border: 1px solid var(--Base-Border-Subtle);
-  border-radius: var(--Corner-radius-md);
+  border-radius: var(--Corner-Radius-md);
   overflow: hidden;
 }
 

apps/scandic-web/components/ContentType/DestinationPage/DestinationListing/HotelListing/HotelListingItem/hotelListingItem.module.css

@@ -1,7 +1,7 @@
 .container {
   background-color: var(--Base-Surface-Primary-light-Normal);
   border: 1px solid var(--Base-Border-Subtle);
-  border-radius: var(--Corner-radius-md);
+  border-radius: var(--Corner-Radius-md);
   overflow: hidden;
 }
 
@@ -27,7 +27,7 @@
   gap: var(--Space-x05);
   background-color: var(--Base-Surface-Primary-light-Normal);
   padding: var(--Space-x025) var(--Space-x1);
-  border-radius: var(--Corner-radius-sm);
+  border-radius: var(--Corner-Radius-sm);
   color: var(--Text-Interactive-Default);
 }
 

apps/scandic-web/components/ContentType/DestinationPage/DestinationOverviewPage/DestinationSearch/destinationSearch.module.css

@@ -1,7 +1,7 @@
 .trigger {
   background: var(--Base-Surface-Primary-light-Normal);
   border: 1px solid var(--Border-Default);
-  border-radius: var(--Corner-radius-rounded);
+  border-radius: var(--Corner-Radius-Rounded);
   display: flex;
   justify-content: space-between;
   padding: var(--Space-x15) var(--Space-x15) var(--Space-x15) var(--Space-x3);
@@ -25,7 +25,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  border-radius: var(--Corner-radius-Rounded);
+  border-radius: var(--Corner-Radius-Rounded);
   color: var(--Base-Text-Inverted);
 }
 
@@ -49,7 +49,7 @@
   left: 0;
   right: 0;
   height: calc(100dvh - max(var(--sitewide-alert-sticky-height), 20px));
-  border-radius: var(--Corner-radius-md) var(--Corner-radius-md) 0 0;
+  border-radius: var(--Corner-Radius-md) var(--Corner-Radius-md) 0 0;
   background-color: var(--Surface-Primary-Default);
   box-shadow: 0px 0px 14px 6px rgba(0, 0, 0, 0.1);
 

apps/scandic-web/components/ContentType/DestinationPage/DestinationOverviewPage/HotelsSection/DestinationsList/destinationsList.module.css

@@ -2,7 +2,7 @@
   display: flex;
   flex-direction: column;
   background-color: var(--Base-Surface-Primary-light-Normal);
-  border-radius: var(--Corner-radius-md);
+  border-radius: var(--Corner-Radius-md);
 }
 
 .accordion {

apps/scandic-web/components/ContentType/DestinationPage/HotelMapCard/DialogImage/dialogImage.module.css

@@ -1,7 +1,7 @@
 .imageContainer {
   position: relative;
   min-width: 177px;
-  border-radius: var(--Corner-radius-md) 0 0 var(--Corner-radius-md);
+  border-radius: var(--Corner-Radius-md) 0 0 var(--Corner-Radius-md);
   overflow: hidden;
 }
 
@@ -13,7 +13,7 @@
   position: absolute;
   left: 7px;
   top: 7px;
-  border-radius: var(--Corner-radius-sm);
+  border-radius: var(--Corner-Radius-sm);
 }
 
 @media screen and (max-width: 500px) {

apps/scandic-web/components/ContentType/DestinationPage/HotelMapCard/hotelMapCard.module.css

@@ -1,7 +1,7 @@
 .wrapper {
   background: var(--Base-Surface-Primary-light-Normal);
   border: 1px solid var(--Base-Border-Subtle);
-  border-radius: var(--Corner-radius-md);
+  border-radius: var(--Corner-Radius-md);
   box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.1);
   flex-direction: row;
   display: flex;

apps/scandic-web/components/ContentType/DestinationPage/Map/MapContent/CityMarker/cityMarker.module.css

@@ -4,7 +4,7 @@
   height: 28px !important;
   background-color: var(--Base-Text-High-contrast);
   border: 4px solid var(--Base-Surface-Primary-light-Normal);
-  border-radius: var(--Corner-radius-rounded);
+  border-radius: var(--Corner-Radius-Rounded);
   box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1);
   cursor: pointer;
   transition: all 0.3s;

apps/scandic-web/components/ContentType/DestinationPage/Map/MapContent/ClusterMarker/clusterMarker.module.css

@@ -7,7 +7,7 @@
   background-color: var(--Base-Text-High-contrast);
   border: 4px solid var(--Base-Surface-Primary-light-Normal);
   color: var(--Base-Text-Inverted);
-  border-radius: var(--Corner-radius-rounded);
+  border-radius: var(--Corner-Radius-Rounded);
   box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1);
   cursor: pointer;
   transition: all 0.3s;

apps/scandic-web/components/ContentType/DestinationPage/TopImages/topImages.module.css

@@ -11,7 +11,7 @@
   height: 200px;
   max-height: 40dvh;
   width: 100%;
-  border-radius: var(--Corner-radius-md);
+  border-radius: var(--Corner-Radius-md);
 }
 
 .image.clickable {

apps/scandic-web/components/ContentType/HotelMapPage/Sidebar/sidebar.module.css

@@ -41,7 +41,7 @@
   color: var(--Text-Default);
   width: 100%;
   padding: var(--Space-x05) var(--Space-x1);
-  border-radius: var(--Corner-radius-md);
+  border-radius: var(--Corner-Radius-md);
   cursor: pointer;
   text-align: left;
   transition: background-color 0.3s;
@@ -70,7 +70,7 @@
     position: absolute;
     bottom: 0;
     width: 100%;
-    border-radius: var(--Corner-radius-lg) var(--Corner-radius-lg) 0 0;
+    border-radius: var(--Corner-Radius-lg) var(--Corner-Radius-lg) 0 0;
   }
 
   .sidebar.fullscreen + .backdrop {

apps/scandic-web/components/ContentType/HotelPage/AmenitiesList/amenitiesList.module.css

@@ -1,6 +1,6 @@
 .amenitiesContainer {
   background-color: var(--Surface-Secondary-Default);
-  border-radius: var(--Corner-radius-lg);
+  border-radius: var(--Corner-Radius-lg);
   padding: var(--Space-x3) var(--Space-x3) var(--Space-x15) var(--Space-x3);
   display: grid;
   gap: var(--Space-x15);

apps/scandic-web/components/ContentType/HotelPage/Facilities/facilities.module.css

@@ -26,7 +26,7 @@
 .imageWrapper {
   position: relative;
   overflow: hidden;
-  border-radius: var(--Corner-radius-md);
+  border-radius: var(--Corner-Radius-md);
   width: 100%;
   height: 100%;
 }

apps/scandic-web/components/ContentType/HotelPage/Hero/ImageButton/imageButton.module.css

@@ -4,7 +4,7 @@
   border-width: 0;
   background-color: transparent;
   cursor: pointer;
-  border-radius: var(--Corner-radius-md);
+  border-radius: var(--Corner-Radius-md);
   overflow: hidden;
   flex: 1;
 }
@@ -24,6 +24,6 @@
 
 @media screen and (min-width: 768px) {
   .imageButton {
-    border-radius: var(--Corner-radius-sm);
+    border-radius: var(--Corner-Radius-sm);
   }
 }

apps/scandic-web/components/ContentType/HotelPage/Hero/Logos/index.tsx

@@ -5,6 +5,9 @@ import { cx } from "class-variance-authority"
 import { Theme } from "@scandic-hotels/common/utils/theme"
 import ScandicLogoIcon from "@scandic-hotels/design-system/Icons/ScandicLogoIcon"
 
+import { BassinSevenLogoLarge } from "@/components/ContentType/HotelPage/Hero/Logos/BassinSevenLarge"
+import { BassinSevenLogoSmall } from "@/components/ContentType/HotelPage/Hero/Logos/BassinSevenSmall"
+
 import { DowntownCamperLogoLarge } from "./DowntownCamperLarge"
 import { DowntownCamperLogoSmall } from "./DowntownCamperSmall"
 import { GrandHotelLogoLarge } from "./GrandHotelLarge"
@@ -82,6 +85,13 @@ export function BrandedHotelLogo({ theme, className }: BrandedHotelLogoProps) {
           <TheDockLogoLarge className={cx(styles.logoLarge, className)} />
         </>
       )
+    case Theme.bassinSeven:
+      return (
+        <>
+          <BassinSevenLogoSmall className={cx(styles.logoSmall, className)} />
+          <BassinSevenLogoLarge className={cx(styles.logoLarge, className)} />
+        </>
+      )
     case Theme.scandic:
     default:
       return <ScandicLogoIcon className={className} />

apps/scandic-web/components/ContentType/HotelPage/Hero/hero.module.css

@@ -67,7 +67,7 @@
   }
 
   .logoWrapper {
-    border-radius: var(--Corner-radius-sm);
+    border-radius: var(--Corner-Radius-sm);
     justify-content: center;
   }
 

apps/scandic-web/components/ContentType/HotelPage/Map/MapCard/mapCard.module.css

@@ -6,8 +6,8 @@
   right: 0;
   background-color: var(--Surface-Primary-Default);
   padding: var(--Space-x3);
-  border-top-left-radius: var(--Corner-radius-md);
-  border-top-right-radius: var(--Corner-radius-md);
+  border-top-left-radius: var(--Corner-Radius-md);
+  border-top-right-radius: var(--Corner-Radius-md);
 }
 
 .poiList {

apps/scandic-web/components/ContentType/HotelPage/Map/MobileMapToggle/mobileToggle.module.css

@@ -7,7 +7,7 @@
   grid-template-columns: repeat(2, 1fr);
   gap: var(--Space-x05);
   align-items: center;
-  border-radius: var(--Corner-radius-Rounded);
+  border-radius: var(--Corner-Radius-Rounded);
   background-color: var(--Component-Button-Inverted-Fill-Default);
   box-shadow: 0 0 30px 2px rgba(0, 0, 0, 0.15);
   padding: 6px;

apps/scandic-web/components/ContentType/HotelPage/Rooms/RoomCard/roomCard.module.css

@@ -1,5 +1,5 @@
 .roomCard {
-  border-radius: var(--Corner-radius-md);
+  border-radius: var(--Corner-Radius-md);
   background-color: var(--Surface-Primary-Default);
   border: 1px solid var(--Border-Default);
   display: grid;

apps/scandic-web/components/ContentType/HotelPage/SidePeeks/Images/images.module.css

@@ -9,5 +9,5 @@
   height: 240px;
   min-width: 0; /* Prevents image from causing flex item overflow by allowing shrinking below content size */
   width: 100%;
-  border-radius: var(--Corner-radius-md);
+  border-radius: var(--Corner-Radius-md);
 }

apps/scandic-web/components/ContentType/HotelPage/SidePeeks/Room/room.module.css

@@ -18,7 +18,7 @@
 
 .imageContainer {
   position: relative;
-  border-radius: var(--Corner-radius-md);
+  border-radius: var(--Corner-Radius-md);
   overflow: hidden;
 }
 

apps/scandic-web/components/ContentType/HotelPage/SidePeeks/Tripadvisor/tripAdvisor.module.css

@@ -5,7 +5,7 @@
 }
 
 .awards {
-  border-radius: var(--Corner-radius-lg);
+  border-radius: var(--Corner-Radius-lg);
   background: var(--Surface-Primary-Default);
   display: flex;
   flex-wrap: wrap;
@@ -24,7 +24,7 @@
 .iframe {
   width: 100%;
   border-width: 0;
-  border-radius: var(--Corner-radius-lg);
+  border-radius: var(--Corner-Radius-lg);
 
   /* Adjustments for devices with tiny screen height */
   min-height: max(50dvh, 300px);

apps/scandic-web/components/ContentType/HotelPage/SidePeeks/WellnessAndExercise/Facility/OpeningHours/openingHours.module.css

@@ -6,6 +6,6 @@
 .openingHours {
   display: grid;
   padding: var(--Space-x2) var(--Space-x3);
-  border-radius: var(--Corner-radius-md);
+  border-radius: var(--Corner-Radius-md);
   background: var(--Surface-Secondary-Default);
 }

apps/scandic-web/components/ContentType/HotelSubpage/MeetingsSubpage/MeetingRooms/MeetingRoomCard/meetingRoomCard.module.css

@@ -1,6 +1,6 @@
 .card {
   background-color: var(--Surface-Primary-Default);
-  border-radius: var(--Corner-radius-md);
+  border-radius: var(--Corner-Radius-md);
   border: 1px solid var(--Border-Default);
   display: grid;
   overflow: hidden;
@@ -36,7 +36,7 @@
 
 .infoTable {
   background-color: var(--Surface-Primary-OnSurface-Default);
-  border-radius: var(--Corner-radius-md);
+  border-radius: var(--Corner-Radius-md);
   padding: var(--Space-x2);
   display: grid;
   gap: var(--Space-x2);

apps/scandic-web/components/ContentType/PromoCampaignPage/ExpiredPromoCampaign/ExpiredPromoCampaign.module.css

@@ -4,7 +4,7 @@
   flex-direction: column;
   align-items: center;
   gap: var(--Space-x6);
-  border-radius: var(--Corner-radius-lg);
+  border-radius: var(--Corner-Radius-lg);
   background: var(--Surface-Secondary-Default);
 }
 

apps/scandic-web/components/ContentType/PromoCampaignPage/Hero/hero.module.css

@@ -1,7 +1,7 @@
 .hero {
   --card-float-offset: -170px;
   --card-width: 90%;
-  --card-radius: var(--Corner-radius-Large);
+  --card-radius: var(--Corner-Radius-Large);
 
   position: relative;
   display: block;
@@ -112,7 +112,7 @@
   padding: var(--Space-x15);
   gap: var(--Space-x1);
   background-color: var(--Surface-Primary-Default);
-  border-radius: var(--Corner-radius-md);
+  border-radius: var(--Corner-Radius-md);
   border: 1px solid var(--Border-Default);
   align-items: start;
 }

apps/scandic-web/components/ContentType/StartPage/InfoCardWithImage/infoCardWithImage.module.css

@@ -8,12 +8,12 @@
   overflow: hidden;
   width: 100%;
   height: 179px; /* Exact mobile height from Figma */
-  border-radius: var(--Corner-radius-md);
+  border-radius: var(--Corner-Radius-md);
 }
 .imageTop {
   width: 100%;
   height: 180px;
-  border-radius: var(--Corner-radius-md);
+  border-radius: var(--Corner-Radius-md);
 }
 
 .imageContainer {

apps/scandic-web/components/DestinationFilterAndSort/Filter/Checkbox/checkbox.module.css

@@ -4,7 +4,7 @@
   gap: var(--Space-x15);
   padding: var(--Space-x1) var(--Space-x15);
   cursor: pointer;
-  border-radius: var(--Corner-radius-md);
+  border-radius: var(--Corner-Radius-md);
   transition: background-color 0.3s;
 
   @media (hover: hover) {

apps/scandic-web/components/DestinationFilterAndSort/destinationFilterAndSort.module.css

@@ -15,7 +15,7 @@
 
 .dialog {
   width: min(80dvw, 960px);
-  border-radius: var(--Corner-radius-lg);
+  border-radius: var(--Corner-Radius-lg);
   background-color: var(--Base-Surface-Primary-light-Normal);
   box-shadow: 0px 4px 24px 0px rgba(38, 32, 30, 0.08);
   overflow: hidden;

apps/scandic-web/components/Dialog/dialog.module.css

@@ -35,7 +35,7 @@
 
 .modal {
   background-color: var(--Base-Surface-Primary-light-Normal);
-  border-radius: var(--Corner-radius-md);
+  border-radius: var(--Corner-Radius-md);
   box-shadow: var(--modal-box-shadow);
   display: flex;
   flex-direction: column;

apps/scandic-web/components/Forms/ProfilingConsent/form.module.css

@@ -9,7 +9,7 @@
   display: grid;
   gap: var(--Space-x6);
 
-  border-radius: var(--Corner-radius-Medium) var(--Corner-radius-Medium) 0 0;
+  border-radius: var(--Corner-Radius-Medium) var(--Corner-Radius-Medium) 0 0;
 }
 
 .buttons {
@@ -23,7 +23,7 @@
   border-top: 1px solid var(--Border-Divider-Subtle);
   background: var(--Base-Surface-Primary-light-Normal);
 
-  border-radius: 0 0 var(--Corner-radius-Medium) var(--Corner-radius-Medium);
+  border-radius: 0 0 var(--Corner-Radius-Medium) var(--Corner-Radius-Medium);
 
   button {
     width: 100%;

apps/scandic-web/components/Header/MainMenu/MenuLink/menuLink.module.css

@@ -5,7 +5,7 @@
   width: 100%;
   padding: var(--Space-x1);
   gap: var(--Space-x15);
-  border-radius: var(--Corner-radius-md);
+  border-radius: var(--Corner-Radius-md);
   color: var(--Text-Interactive-Default);
 
   &:hover {

apps/scandic-web/components/Header/MainMenu/MyPagesMenu/myPagesMenu.module.css

@@ -13,7 +13,7 @@
   ); /* 3.5rem is the height of the main menu + bottom padding. */
   right: 0;
   background-color: var(--Surface-Primary-Default);
-  border-radius: var(--Corner-radius-lg);
+  border-radius: var(--Corner-Radius-lg);
   box-shadow: 0 0 0.875rem 0.375rem rgba(0, 0, 0, 0.1);
   min-width: 20rem;
   z-index: var(--menu-overlay-z-index);

apps/scandic-web/components/Header/MainMenu/NavigationMenu/NavigationMenuItem/navigationMenuItem.module.css

@@ -53,7 +53,7 @@
     ); /* 3.5rem is the height of the main menu + bottom padding. */
     left: 50%;
     transform: translateX(-50%);
-    border-radius: var(--Corner-radius-lg);
+    border-radius: var(--Corner-Radius-lg);
     box-shadow: var(--popup-box-shadow);
 
     &.isExpanded {

apps/scandic-web/components/Hero/hero.module.css

@@ -3,7 +3,7 @@
   margin-bottom: var(--Space-x2);
   width: 100%;
   object-fit: cover;
-  border-radius: var(--Corner-radius-xl);
+  border-radius: var(--Corner-Radius-xl);
   margin: 0;
 }
 

apps/scandic-web/components/HeroVideo/heroVideo.module.css

@@ -5,6 +5,6 @@
   overflow: hidden;
 
   &:not(.fullWidth) {
-    border-radius: var(--Corner-radius-xl);
+    border-radius: var(--Corner-Radius-xl);
   }
 }

apps/scandic-web/components/HotelFilterAndSort/Filter/Checkbox/checkbox.module.css

@@ -4,7 +4,7 @@
   gap: var(--Space-x15);
   padding: var(--Space-x1) var(--Space-x15);
   cursor: pointer;
-  border-radius: var(--Corner-radius-md);
+  border-radius: var(--Corner-Radius-md);
   transition: background-color 0.3s;
 
   @media (hover: hover) {

apps/scandic-web/components/HotelFilterAndSort/hotelFilterAndSort.module.css

@@ -11,7 +11,7 @@
 
 .dialog {
   width: min(80dvw, 960px);
-  border-radius: var(--Corner-radius-lg);
+  border-radius: var(--Corner-Radius-lg);
   background-color: var(--Base-Surface-Primary-light-Normal);
   box-shadow: 0px 4px 24px 0px rgba(38, 32, 30, 0.08);
   overflow: hidden;
@@ -37,7 +37,7 @@
 
 .badge {
   background-color: var(--Base-Text-Accent);
-  border-radius: var(--Corner-radius-xl);
+  border-radius: var(--Corner-Radius-xl);
   width: 20px;
   height: 20px;
   color: var(--Base-Surface-Primary-light-Normal);

apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Description/description.module.css

@@ -32,7 +32,7 @@
 
 .image {
   aspect-ratio: 2 / 1;
-  border-radius: var(--Corner-radius-md);
+  border-radius: var(--Corner-Radius-md);
   object-fit: cover;
   width: 100%;
   height: auto;

apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Steps/ConfirmationStep/confirmationStep.module.css

@@ -9,14 +9,14 @@
   justify-content: space-between;
   background-color: var(--Surface-Brand-Primary-2-OnSurface-Accent);
   padding: var(--Space-x1) var(--Space-x15);
-  border-radius: var(--Corner-radius-md);
+  border-radius: var(--Corner-Radius-md);
 }
 .guarantee {
   display: flex;
   flex-direction: column;
   gap: var(--Space-x2);
   background-color: var(--Surface-Secondary-Default);
-  border-radius: var(--Corner-radius-lg);
+  border-radius: var(--Corner-Radius-lg);
   padding: var(--Space-x2);
 }
 
@@ -41,5 +41,5 @@
 }
 
 .accordionItem {
-  border-radius: var(--Corner-radius-md);
+  border-radius: var(--Corner-Radius-md);
 }

apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Steps/DeliveryDetailsStep/SelectDeliveryTime/selectDeliveryTime.module.css

@@ -3,7 +3,7 @@
   align-items: center;
   gap: var(--Space-x15);
   padding: var(--Space-x15);
-  border-radius: var(--Corner-radius-md);
+  border-radius: var(--Corner-Radius-md);
   background-color: var(--Surface-Primary-OnSurface-Default);
 }
 

apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Steps/DeliveryDetailsStep/SelectedItemCard/selectedItemCard.module.css

@@ -4,13 +4,13 @@
   gap: var(--Space-x1);
   align-self: stretch;
 
-  border-radius: var(--Corner-radius-md);
+  border-radius: var(--Corner-Radius-md);
   border: 1px solid var(--Border-Divider-Subtle);
   background: var(--Surface-Primary-Default);
 }
 
 .image {
-  border-radius: var(--Corner-radius-sm);
+  border-radius: var(--Corner-Radius-sm);
 }
 
 .cost {

apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Steps/DeliveryDetailsStep/deliveryDetailsStep.module.css

@@ -15,7 +15,7 @@
   align-items: center;
   gap: var(--Space-x15);
   padding: var(--Space-x15);
-  border-radius: var(--Corner-radius-md);
+  border-radius: var(--Corner-Radius-md);
   background-color: var(--Surface-Primary-OnSurface-Default);
 }
 

apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Steps/SelectQuantityStep/PaymentOption/paymentOption.module.css

@@ -1,6 +1,6 @@
 .container {
   display: flex;
-  border-radius: var(--Corner-radius-md);
+  border-radius: var(--Corner-Radius-md);
   background: var(--Surface-Primary-OnSurface-Default);
   width: 100%;
   align-items: flex-start;
@@ -38,7 +38,7 @@
 .spendablePoints {
   display: flex;
   justify-content: space-between;
-  border-radius: var(--Corner-radius-md) var(--Corner-radius-md) 0 0;
+  border-radius: var(--Corner-Radius-md) var(--Corner-Radius-md) 0 0;
   background: var(--Surface-Brand-Primary-1-Default);
   width: 100%;
   padding: var(--Space-x1) var(--Space-x15);

apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Steps/SelectQuantityStep/selectQuantityStep.module.css

@@ -33,7 +33,7 @@
   display: flex;
   padding: var(--Space-x15);
   flex: 1 0 0;
-  border-radius: var(--Corner-radius-md);
+  border-radius: var(--Corner-Radius-md);
   border: 1px solid var(--Base-Border-Subtle);
   background: var(--Surface-Feedback-Information-light);
 

apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Summary/PriceDetails/priceDetails.module.css

@@ -9,7 +9,7 @@
   align-items: center;
   justify-content: space-between;
   gap: var(--Space-x1);
-  border-radius: var(--Corner-radius-md);
+  border-radius: var(--Corner-Radius-md);
 }
 
 .showOnDesktop {

apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Summary/PriceSummary/priceSummary.module.css

@@ -4,7 +4,7 @@
   flex-direction: column;
   gap: var(--Space-x2);
   align-self: stretch;
-  border-radius: var(--Corner-radius-lg);
+  border-radius: var(--Corner-Radius-lg);
   border: 1px solid var(--Border-Divider-Default);
   background: var(--Surface-Primary-Default);
 }

apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/Summary/summary.module.css

@@ -13,7 +13,7 @@
   background: var(--Surface-Primary-OnSurface-Default);
   padding: var(--Space-x15);
   gap: var(--Space-x2);
-  border-radius: var(--Corner-radius-md);
+  border-radius: var(--Corner-Radius-md);
 }
 
 .buttons {

apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddedAncillaries/addedAncillaries.module.css

@@ -31,7 +31,7 @@
 
 .ancillaryMobile {
   background-color: var(--Background-Primary);
-  border-radius: var(--Corner-radius-md);
+  border-radius: var(--Corner-Radius-md);
   display: flex;
   flex-direction: column;
   gap: var(--Space-x1);
@@ -41,7 +41,7 @@
   display: none;
   padding: var(--Space-x2);
   background-color: var(--Background-Primary);
-  border-radius: var(--Corner-radius-md);
+  border-radius: var(--Corner-Radius-md);
   flex-direction: column;
   gap: var(--Space-x1);
 }

apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AllAncillariesModal/SelectAncillaryStep/selectAncillaryStep.module.css

@@ -20,7 +20,7 @@
 }
 
 .chip {
-  border-radius: var(--Corner-radius-rounded);
+  border-radius: var(--Corner-Radius-Rounded);
   padding: calc(var(--Space-x1) + var(--Space-x025)) var(--Space-x2);
   cursor: pointer;
   border: 1px solid var(--Border-Interactive-Default);

apps/scandic-web/components/HotelReservation/MyStay/BookingSummary/SummaryCard/summaryCard.module.css

@@ -8,7 +8,7 @@
 .image {
   width: 152px;
   height: 152px;
-  border-radius: var(--Corner-radius-md);
+  border-radius: var(--Corner-Radius-md);
 }
 
 .content {

apps/scandic-web/components/HotelReservation/MyStay/GuestDetails/guestDetails.module.css

@@ -4,7 +4,7 @@
   align-items: center;
   background-color: var(--Main-Brand-PalePeach);
   padding: var(--Space-x3) 0;
-  border-radius: var(--Corner-radius-md);
+  border-radius: var(--Corner-Radius-md);
   gap: var(--Space-x2);
 }