Bob AI: Updated global styles to a premium blue color theme.

Merge version_9_1780416549900 into main

src/index.css

@@ -4,6 +4,27 @@
 @import "./styles/animations.css";
 
 :root {
+  --background: 222 47% 11%;
+  --foreground: 210 40% 98%;
+  --card: 222 47% 11%;
+  --card-foreground: 210 40% 98%;
+  --popover: 222 47% 11%;
+  --popover-foreground: 210 40% 98%;
+  --primary: 221 83% 53%;
+  --primary-foreground: 210 40% 98%;
+  --secondary: 217 33% 17%;
+  --secondary-foreground: 210 40% 98%;
+  --muted: 217 33% 17%;
+  --muted-foreground: 215 20% 65%;
+  --accent: 217 33% 17%;
+  --accent-foreground: 210 40% 98%;
+  --destructive: 0 62.8% 30.6%;
+  --destructive-foreground: 210 40% 98%;
+  --border: 217 33% 17%;
+  --input: 217 33% 17%;
+  --ring: 221 83% 53%;
+  --radius: 0.5rem;
+}
   --background: 222 47% 11%;
   --foreground: 210 40% 98%;
   --card: 223 47% 14%;

src/pages/HomePage.tsx

@@ -16,6 +16,9 @@ import ContactSection from './HomePage/sections/Contact';
 
 
 
+
+{/* webild-stub @2026-06-02T16:12:07.363Z: I want a premium blue color theme */}
+
 {/* webild-stub @2026-06-02T16:01:32.987Z: change the about section's image to rotate every 5 seconds and add a progress bar at the bottom of the image */}
 
 {/* webild-stub @2026-06-02T15:58:48.008Z: change the about section's image to rotate every 5 seconds and add a progress bar at the bottom */}