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

* chore: Updated border-radius variables after import change

Approved-by: Linus Flood

packages/design-system/lib/components/VideoPlayer/Button/videoPlayerButton.module.css

@@ -1,5 +1,5 @@
 .videoPlayerButton {
-  border-radius: var(--Corner-radius-Rounded);
+  border-radius: var(--Corner-Radius-Rounded);
   box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1);
   height: 56px;
   width: 56px;
@@ -73,7 +73,7 @@
 
 .transparentBackground {
   background-color: var(--Base-Surface-Primary-light-Normal);
-  border-radius: var(--Corner-radius-Rounded);
+  border-radius: var(--Corner-Radius-Rounded);
   opacity: 0.5;
   position: absolute;
   inset: 0;
@@ -83,7 +83,7 @@
 .iconWrapper {
   background: var(--Base-Surface-Primary-light-Normal);
   border: 1px solid var(--Base-Border-Subtle);
-  border-radius: var(--Corner-radius-Rounded);
+  border-radius: var(--Corner-Radius-Rounded);
   display: flex;
   align-items: center;
   justify-content: center;

packages/design-system/lib/components/VideoPlayer/VideoPlayer.stories.tsx

@@ -163,7 +163,7 @@ export const Hero: Story = {
       style={{
         width: "min(100%, 1200px)",
         height: "max(20vh, 300px)",
-        borderRadius: "var(--Corner-radius-lg)",
+        borderRadius: "var(--Corner-Radius-lg)",
         margin: "auto",
         overflow: "hidden",
       }}

packages/design-system/lib/components/VideoPlayer/VideoWithCard/videoWithCard.module.css

@@ -40,7 +40,7 @@
   width: 100%;
   padding: var(--Space-x3) var(--Space-x4);
   align-content: center;
-  border-radius: var(--Corner-radius-lg);
+  border-radius: var(--Corner-Radius-lg);
 
   &.style-primary-1 {
     background: var(--Surface-Brand-Primary-1-Default);

packages/design-system/lib/components/VideoPlayer/videoPlayer.module.css

@@ -8,7 +8,7 @@
   z-index: 0;
 
   &.inline {
-    border-radius: var(--Corner-radius-md);
+    border-radius: var(--Corner-Radius-md);
     overflow: hidden;
   }