Bob AI: change the navbar to be glassmorphic

src/app/styles/variables.css

@@ -3,22 +3,22 @@
   /* --vw is set by ThemeProvider */
 
   /* --background: #f7f6f7;;
-  --card: #ffffff;;
+  --card: rgba(255, 255, 255, 0.7);;
   --foreground: #0a1f3f;;
-  --primary-cta: #0a1f3f;;
-  --secondary-cta: #ffffff;;
+  --primary-cta: rgba(10, 31, 63, 0.8);;
+  --secondary-cta: rgba(255, 255, 255, 0.9);;
   --accent: #4a90e2;;
-  --background-accent: #a8c5e8;; */
+  --background-accent: rgba(168, 197, 232, 0.6);; */
 
   --background: #f0f4f9;;
-  --card: #ffffff;;
+  --card: rgba(255, 255, 255, 0.7);;
   --foreground: #0a1f3f;;
-  --primary-cta: #0a1f3f;;
+  --primary-cta: rgba(10, 31, 63, 0.8);;
   --primary-cta-text: #f7f6f7;;
-  --secondary-cta: #ffffff;;
+  --secondary-cta: rgba(255, 255, 255, 0.9);;
   --secondary-cta-text: #1b0c25;;
   --accent: #4a90e2;;
-  --background-accent: #a8c5e8;;
+  --background-accent: rgba(168, 197, 232, 0.6);;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);