diff --git a/src/pages/spectacles/[id].astro b/src/pages/spectacles/[id].astro
index 49f2745..af4cf97 100644
--- a/src/pages/spectacles/[id].astro
+++ b/src/pages/spectacles/[id].astro
@@ -100,13 +100,13 @@ const youtubeId = spectacle.teaser ? extractYouTubeId(spectacle.teaser) : null;
           <h1 class="font-display text-4xl sm:text-6xl md:text-7xl text-night">{spectacle.title}</h1>
 
           <div class="flex flex-wrap justify-center md:justify-start gap-3">
-            <div class="flex items-center gap-2 bg-dream-blue/20 px-5 py-2 rounded-2xl text-sm font-sans font-bold">
+            <div class="flex items-center gap-2 bg-dream-blue/40 px-5 py-2 rounded-2xl text-sm font-sans font-bold">
               <Icon name="lucide:users" size={16} class="text-dream-blue" />
               <span>{spectacle.age}</span>
             </div>
             {spectacle.duration && (
-              <div class="flex items-center gap-2 bg-dream-pink/20 px-5 py-2 rounded-2xl text-sm font-sans font-bold">
-                <Icon name="lucide:clock" size={16} class="text-dream-pink" />
+              <div class="flex items-center gap-2 bg-dream-purple/30 px-5 py-2 rounded-2xl text-sm font-sans font-bold">
+                <Icon name="lucide:clock" size={16} class="text-dream-purple" />
                 <span>{spectacle.duration}</span>
               </div>
             )}