style: more specific selector; complement var

src/layouts/Layout.astro

@@ -32,6 +32,8 @@ const { title } = Astro.props;
         --color-brand-blue-4: #101c40;
         --color-brand-blue-5: #3964e6;
 
+        --color-brand-complement: orange;
+
         --ayo-gradient: linear-gradient(45deg, #3054bf, #416fff);
       }
 

src/pages/index.astro

@@ -105,7 +105,8 @@ import Footer from "../components/Footer.astro";
     animation: pulse 15s ease-in-out infinite;
     box-shadow: 0 8px 8px -4px lightblue;
   }
-  .highlighted-section a {
+
+  .highlighted-section__content ul a {
     color: white;
     font-weight: normal;
   }