x

apps/spa/src/components/DynamicHero.tsx

@@ -23,7 +23,7 @@ export default function DynamicHero({ payload }: DynamicHeroProps) {
         const [accent, rest] = part.split(']');
         return (
           <span key={i}>
-            <span className="text-spa-gold font-medium italic">
+            <span className="text-pop-pink font-medium italic">
               {accent}
             </span>
             {rest}
@@ -50,7 +50,7 @@ export default function DynamicHero({ payload }: DynamicHeroProps) {
       </div>
 
       <div className="ui-hero-content animate-fade-in">
-        <p className="text-spa-sage font-semibold tracking-[0.3em] text-xs md:text-sm uppercase drop-shadow-md">
+        <p className="text-pop-black/70 font-semibold tracking-[0.3em] text-xs md:text-sm uppercase drop-shadow-md">
           {tagline || t('hero.defaultTagline')}
         </p>
         <h1 className="ui-hero-title">