fix: remove color-brand

packages/base/Resources/Private/PageView/Partials/Navigation/Main.html

@@ -16,14 +16,14 @@
                    absolute top-full left-0 right-0 flex-col max-h-0 overflow-hidden bg-white transition-max-height duration-400 ease-in-out group-[.open]:max-h-[500px]" id="navLinks">
             <f:for each="{mainnavigation}" as="mainnavigationItem">
                 <li class="nav-item lg:mx-4 lg:my-0 lg:p-0 lg:border-0 mx-0 my-0 p-4 border-t border-black/10 first:border-t-0 {f:if(condition: mainnavigationItem.active, then:' active')}{f:if(condition: mainnavigationItem.children, then:' has-submenu')}">
-                    <a href="{mainnavigationItem.link}" target="{mainnavigationItem.target}" title="{mainnavigationItem.title}" class="nav-link block lg:inline-block no-underline text-primary font-bold uppercase tracking-[0.05em] text-sm transition-colors duration-300 hover:text-brand">
+                    <a href="{mainnavigationItem.link}" target="{mainnavigationItem.target}" title="{mainnavigationItem.title}" class="nav-link block lg:inline-block no-underline text-primary font-bold uppercase tracking-[0.05em] text-sm transition-colors duration-300 hover:text-primary">
                         {mainnavigationItem.title}
                     </a>
                     <f:if condition="{mainnavigationItem.children}">
                         <ul class="sub-menu hidden lg:absolute lg:block lg:opacity-0 lg:invisible lg:group-hover:opacity-100 lg:group-hover:visible lg:bg-white lg:shadow-md lg:mt-2 lg:py-2 lg:rounded lg:border lg:border-gray-200">
                             <f:for each="{mainnavigationItem.children}" as="child">
                                 <li class="{f:if(condition: child.active, then:'active')} lg:px-4 lg:py-2 hover:bg-gray-100">
-                                    <a class="nav-link block text-sm text-primary hover:text-brand" href="{child.link}" target="{child.target}" title="{child.title}">
+                                    <a class="nav-link block text-sm text-primary hover:text-primary" href="{child.link}" target="{child.target}" title="{child.title}">
                                         {child.title}
                                     </a>
                                 </li>

packages/base/Resources/Public/Scss/base/_global.scss

@@ -1,5 +1,6 @@
 :root {
   --color-primary: #0B197D;
+  --color-primary-dark: #08145C;
 }
 
 body {

packages/base/Resources/Public/Scss/layouts/_home-page.scss

@@ -28,7 +28,7 @@
 
             // Initial link colors and background for transparent header (desktop)
             #mainNav .nav-link {
-                @apply bg-white text-primary hover:text-brand px-3 py-1 rounded; // Add bg-white, padding, and rounded corners
+                @apply bg-white text-primary hover:text-primary px-3 py-1 rounded; // Add bg-white, padding, and rounded corners
             }
             // Ensure mobile toggle icon also uses primary color initially on desktop if visible (though usually hidden)
             #mainNav .nav-toggle-icon,
@@ -79,4 +79,4 @@ body:not(.backendlayout-home_page) {
             @apply pt-0; // Reset padding if needed
         }
     }
-}
+}

tailwind.config.js

@@ -39,9 +39,7 @@ const config = {
       // },
       colors: {
         primary: 'var(--color-primary)',
-        yellow: '#F5AE07',
+        'primary-dark': 'var(--color-primary-dark)',
-        'light-green': '#F4F6EC',
-        brand: '#6B8E23', // Added brand color for hover states from SCSS
       },
       backgroundImage: {
         'hero-gradient':