Use secondary color as the primary hover color

seedlet/assets/css/variables-editor.css

@@ -45,8 +45,8 @@ body {
 	--global--line-height-heading: 1.3;
 	/* Colors */
 	--global--color-primary: #000000;
-	--global--color-primary-hover: #3C8067;
 	--global--color-secondary: #3C8067;
+	--global--color-primary-hover: var( --global--color-secondary );
 	--global--color-secondary-hover: #336D58;
 	--global--color-black: black;
 	--global--color-white: white;

seedlet/assets/css/variables.css

@@ -45,8 +45,8 @@
 	--global--line-height-heading: 1.3;
 	/* Colors */
 	--global--color-primary: #000000;
-	--global--color-primary-hover: #3C8067;
 	--global--color-secondary: #3C8067;
+	--global--color-primary-hover: var( --global--color-secondary );
 	--global--color-secondary-hover: #336D58;
 	--global--color-black: black;
 	--global--color-white: white;

seedlet/assets/sass/abstracts/_config.scss

@@ -32,8 +32,8 @@ $typescale-ratio: 1.2; // Run ratio math on 1em == $typescale-base * $typescale-
 
 	/* Colors */
 	--global--color-primary: #000000;
-	--global--color-primary-hover: #3C8067;
 	--global--color-secondary: #3C8067;
+	--global--color-primary-hover: var( --global--color-secondary );
 	--global--color-secondary-hover: #336D58;
 	--global--color-black: black;
 	--global--color-white: white;

seedlet/assets/sass/child-theme/variables-editor.css

@@ -45,8 +45,8 @@ body {
 	--global--line-height-heading: 1.3;
 	/* Colors */
 	--global--color-primary: #000000;
-	--global--color-primary-hover: #3C8067;
 	--global--color-secondary: #3C8067;
+	--global--color-primary-hover: var( --global--color-secondary );
 	--global--color-secondary-hover: #336D58;
 	--global--color-black: black;
 	--global--color-white: white;

seedlet/assets/sass/child-theme/variables.css

@@ -45,8 +45,8 @@
 	--global--line-height-heading: 1.3;
 	/* Colors */
 	--global--color-primary: #000000;
-	--global--color-primary-hover: #3C8067;
 	--global--color-secondary: #3C8067;
+	--global--color-primary-hover: var( --global--color-secondary );
 	--global--color-secondary-hover: #336D58;
 	--global--color-black: black;
 	--global--color-white: white;

seedlet/classes/class-seedlet-custom-colors.php

@@ -231,7 +231,6 @@ class Seedlet_Custom_Colors {
 				}
 
 				if ( $theme_mod_variable_name === '--global--color-secondary' && $theme_mod_default_color !== $theme_mod_custom_color ) {
-					$theme_css .= "--global--color-primary-hover: " . $adjusted_color . ";"; // Since the default palette uses --global--color-secondary as its primary hover color, we need to change the primary hover color when a user selects a different secondary color
 					$theme_css .= "--global--color-secondary-hover: " . $adjusted_color . ";";
 				}