x

apps/spa/src/components/Navbar.tsx

@@ -153,7 +153,7 @@ export default function Navbar({ topOffsetClassName = 'top-0' }: NavbarProps) {
         ref={navRef}
         className={`fixed ${finalTopClassName} z-50 w-full border-b border-black/5 transition-all duration-300 ${
           scrolled ? 'shadow-lg shadow-black/5' : 'shadow-none'
-        } bg-white/80 px-4 py-3.5 backdrop-blur-xl md:bg-[#F9F8F5] md:px-6 md:py-4 md:backdrop-blur-none`}
+        } bg-white/80 px-4 py-3.5 backdrop-blur-xl md:bg-spa-sage md:px-6 md:py-4 md:backdrop-blur-none`}
       >
         {/* Single-row layout: Logo (left) | Menu (center, desktop) | Actions (right) */}
         <div className="w-full flex items-center justify-between gap-4">