Add a --primary-nav--color-border in Seedlet and set it to transparent in Spearhead.

seedlet/assets/css/style-editor.css

@@ -176,6 +176,7 @@
 	--primary-nav--font-style-sub-menu-mobile: italic;
 	--primary-nav--font-weight: normal;
 	--primary-nav--line-height: var(--global--line-height-body);
+	--primary-nav--color-border: var(--global--color-secondary);
 	--primary-nav--color-link: var(--global--color-primary);
 	--primary-nav--color-link-hover: var(--global--color-primary-hover);
 	--primary-nav--color-text: var(--global--color-foreground);

seedlet/assets/css/style-navigation-rtl.css

@@ -394,7 +394,7 @@
 .primary-navigation .menu-item > a:hover,
 .woo-navigation .menu-item > a:hover {
 	color: var(--primary-nav--color-link-hover);
-	border-color: var(--global--color-secondary);
+	border-color: var(--primary-nav--color-border);
 }
 
 .primary-navigation .menu-item > a:focus,

seedlet/assets/css/style-navigation.css

@@ -394,7 +394,7 @@
 .primary-navigation .menu-item > a:hover,
 .woo-navigation .menu-item > a:hover {
 	color: var(--primary-nav--color-link-hover);
-	border-color: var(--global--color-secondary);
+	border-color: var(--primary-nav--color-border);
 }
 
 .primary-navigation .menu-item > a:focus,

seedlet/assets/sass/components/header/_config.scss

@@ -24,6 +24,7 @@
 	--primary-nav--font-style-sub-menu-mobile: italic;
 	--primary-nav--font-weight: normal;
 	--primary-nav--line-height: var(--global--line-height-body);
+	--primary-nav--color-border: var(--global--color-secondary);
 	--primary-nav--color-link: var(--global--color-primary);
 	--primary-nav--color-link-hover: var(--global--color-primary-hover);
 	--primary-nav--color-text: var(--global--color-foreground);

seedlet/assets/sass/components/navigation/_style.scss

@@ -327,7 +327,7 @@
 
 		&:hover {
 			color: var(--primary-nav--color-link-hover);
-			border-color: var(--global--color-secondary);
+			border-color: var(--primary-nav--color-border);
 		}
 
 		&:focus {

seedlet/style-rtl.css

@@ -241,6 +241,7 @@ Included in theme screenshot and in block patterns.
 	--primary-nav--font-style-sub-menu-mobile: italic;
 	--primary-nav--font-weight: normal;
 	--primary-nav--line-height: var(--global--line-height-body);
+	--primary-nav--color-border: var(--global--color-secondary);
 	--primary-nav--color-link: var(--global--color-primary);
 	--primary-nav--color-link-hover: var(--global--color-primary-hover);
 	--primary-nav--color-text: var(--global--color-foreground);

seedlet/style.css

@@ -241,6 +241,7 @@ Included in theme screenshot and in block patterns.
 	--primary-nav--font-style-sub-menu-mobile: italic;
 	--primary-nav--font-weight: normal;
 	--primary-nav--line-height: var(--global--line-height-body);
+	--primary-nav--color-border: var(--global--color-secondary);
 	--primary-nav--color-link: var(--global--color-primary);
 	--primary-nav--color-link-hover: var(--global--color-primary-hover);
 	--primary-nav--color-text: var(--global--color-foreground);

spearhead/assets/sass/_header.scss

@@ -4,6 +4,10 @@ $site-branding-height: 68px;
 .has-main-navigation {
 	.site-header {
 		padding: var(--global--spacing-horizontal);
+		a {
+			border-bottom: 1px solid transparent;
+		}
+
 		@include media( laptop ){
 			padding: 35px var(--global--spacing-horizontal);
 		}
@@ -130,8 +134,8 @@ $site-branding-height: 68px;
 			padding: 0;
 
 			&:hover {
-				border-color: transparent;
-				color: var(--global--color-primary);
+				border-color: var(--primary-nav--color-border);
+				color: var(--social-nav--color-link-hover);
 			}
 		}
 	}

spearhead/navigation-rtl.css

@@ -397,7 +397,7 @@
 .primary-navigation .menu-item > a:hover,
 .woo-navigation .menu-item > a:hover {
 	color: var(--primary-nav--color-link-hover);
-	border-color: var(--global--color-secondary);
+	border-color: var(--primary-nav--color-border);
 }
 
 .primary-navigation .menu-item > a:focus,

spearhead/navigation.css

@@ -397,7 +397,7 @@
 .primary-navigation .menu-item > a:hover,
 .woo-navigation .menu-item > a:hover {
 	color: var(--primary-nav--color-link-hover);
-	border-color: var(--global--color-secondary);
+	border-color: var(--primary-nav--color-border);
 }
 
 .primary-navigation .menu-item > a:focus,

spearhead/style-rtl.css

@@ -192,6 +192,10 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 	padding: var(--global--spacing-horizontal);
 }
 
+.has-main-navigation .site-header a {
+	border-bottom: 1px solid transparent;
+}
+
 @media only screen and (min-width: 830px) {
 	.has-main-navigation .site-header {
 		padding: 35px var(--global--spacing-horizontal);
@@ -319,8 +323,8 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 }
 
 .site-header .social-navigation .menu-item > a:hover {
-	border-color: transparent;
-	color: var(--global--color-primary);
+	border-color: var(--primary-nav--color-border);
+	color: var(--social-nav--color-link-hover);
 }
 
 .site-header div.menu-button-container button#primary-open-menu {

spearhead/style.css

@@ -192,6 +192,10 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 	padding: var(--global--spacing-horizontal);
 }
 
+.has-main-navigation .site-header a {
+	border-bottom: 1px solid transparent;
+}
+
 @media only screen and (min-width: 830px) {
 	.has-main-navigation .site-header {
 		padding: 35px var(--global--spacing-horizontal);
@@ -319,8 +323,8 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 }
 
 .site-header .social-navigation .menu-item > a:hover {
-	border-color: transparent;
-	color: var(--global--color-primary);
+	border-color: var(--primary-nav--color-border);
+	color: var(--social-nav--color-link-hover);
 }
 
 .site-header div.menu-button-container button#primary-open-menu {

spearhead/variables.css

@@ -69,6 +69,7 @@
 
 	--primary-nav--justify-content: flex-end;
 	--primary-nav--color-link: var(--global--color-secondary);
+	--primary-nav--color-border: transparent;
 	--primary-nav--dropdown-color-link: var(--global--color-background);
 	--primary-nav--color-background: var(--global--color-foreground);
 	--primary-nav--padding: 6px;