Bob AI: change theme to dark blue

Merge version_3 into main

src/app/styles/variables.css

@@ -3,22 +3,22 @@
   /* --vw is set by ThemeProvider */
 
   /* --background: #f7f6f7;;
-  --card: #ffffff;;
-  --foreground: #25190c;;
-  --primary-cta: #ff6207;;
-  --secondary-cta: #ffffff;;
-  --accent: #ffce93;;
-  --background-accent: #e8cfa8;; */
+  --card: #1a2f4a;;
+  --foreground: #e8f0f8;;
+  --primary-cta: #4a9eff;;
+  --secondary-cta: #e8f0f8;;
+  --accent: #7bb8ff;;
+  --background-accent: #2a4a6a;; */
 
-  --background: #f7f6f7;;
-  --card: #ffffff;;
-  --foreground: #25190c;;
-  --primary-cta: #ff6207;;
+  --background: #0f1b2e;;
+  --card: #1a2f4a;;
+  --foreground: #e8f0f8;;
+  --primary-cta: #4a9eff;;
   --primary-cta-text: #f7f6f7;;
-  --secondary-cta: #ffffff;;
+  --secondary-cta: #e8f0f8;;
   --secondary-cta-text: #25190c;;
-  --accent: #ffce93;;
-  --background-accent: #e8cfa8;;
+  --accent: #7bb8ff;;
+  --background-accent: #2a4a6a;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

src/components/sections/hero/HeroBillboardRotatedCarousel.tsx

@@ -116,6 +116,7 @@ const HeroBillboardRotatedCarousel = ({
           autoPlay={autoPlay}
           autoPlayInterval={autoPlayInterval}
           className={carouselClassName}
+          imageClassName="transition-all duration-500 ease-out hover:scale-110 hover:rotate-1 hover:shadow-2xl hover:[filter:drop-shadow(0_0_20px_rgba(59,130,246,0.5))] cursor-pointer"
         />
       </div>
     </section>