x

apps/spa/src/components/DesktopMegaMenu.tsx

@@ -49,8 +49,8 @@ export function DesktopMegaMenu({ items }: DesktopMegaMenuProps) {
               to={item.url || '#'}
               className={`flex items-center gap-1 transition-colors py-2 border-b ${
                 isOpen
-                  ? 'text-spa-forest border-spa-forest'
-                  : 'text-spa-stone border-transparent hover:text-spa-forest hover:border-spa-forest'
+                  ? 'text-pop-black border-pop-black'
+                  : 'text-pop-black/70 border-transparent hover:text-pop-black hover:border-pop-black'
               }`}
             >
               {getLocalizedText(item.label, lang)}
@@ -78,11 +78,11 @@ export function DesktopMegaMenu({ items }: DesktopMegaMenuProps) {
                 onMouseEnter={() => handleOpen(uniqueId)}
                 onMouseLeave={handleClose}
               >
-                <div className="w-full bg-spa-sage border-b border-black/5 shadow-sm cursor-default">
+                <div className="w-full bg-pop-bg border-b border-pop-black/10 shadow-sm cursor-default">
                   <div className="flex justify-center gap-16 py-10 max-w-7xl mx-auto px-6">
                     {item.columns!.map((col, idx) => (
                       <div key={idx} className="flex flex-col min-w-[140px] text-left">
-                        <h4 className="text-[10px] uppercase tracking-widest text-spa-stone font-bold mb-4">
+                        <h4 className="text-[10px] uppercase tracking-widest text-pop-black/70 font-bold mb-4">
                           {getLocalizedText(col.title, lang)}
                         </h4>
                         <ul className="space-y-3">
@@ -90,7 +90,7 @@ export function DesktopMegaMenu({ items }: DesktopMegaMenuProps) {
                             <li key={lIdx}>
                               <Link
                                 to={link.url || '#'}
-                                className="text-sm font-normal normal-case tracking-normal text-spa-stone hover:text-spa-forest hover:opacity-80 block transition-colors"
+                                className="text-sm font-normal normal-case tracking-normal text-pop-black/80 hover:text-pop-black hover:opacity-80 block transition-colors"
                               >
                                 {getLocalizedText(link.label, lang)}
                               </Link>