Varia: set proper configuration for main-nav font

varia/sass/child-theme/_config-child-theme-deep.scss

@@ -323,6 +323,7 @@ $config-header: (
 		// Fonts
 		"font": (
 			"family": map-deep-get($config-global, "font", "family", "secondary"),
+			"family-css-variable": '--font-base',
 			"size": map-deep-get($config-global, "font", "size", "md"),
 			"weight": normal,
 			"line-height": 1,

varia/sass/components/footer/_footer-navigation.scss

@@ -40,7 +40,7 @@
 
 		a {
 			font-family: #{map-deep-get($config-header, "main-nav", "font", "family")}; // For browsers without support for CSS variables.
-			font-family: var( --font-base, #{map-deep-get($config-header, "main-nav", "font", "family")} );
+			font-family: var( #{map-deep-get($config-header, "main-nav", "font", "family-css-variable")}, #{map-deep-get($config-header, "main-nav", "font", "family")} );
 			font-weight: #{map-deep-get($config-header, "main-nav", "font", "weight")};
 			padding: #{map-deep-get($config-header, "main-nav", "link-padding")};
 

varia/sass/components/header/_config.scss

@@ -36,6 +36,7 @@ $config-header: (
 		// Fonts
 		"font": (
 			"family": map-deep-get($config-global, "font", "family", "primary"),
+			"family-css-variable": '--font-headings',
 			"size": map-deep-get($config-global, "font", "size", "md"),
 			"weight": bold,
 			"line-height": 1,

varia/sass/components/header/_site-main-navigation.scss

@@ -147,7 +147,7 @@
 		color: #{map-deep-get($config-header, "main-nav", "color", "link")};
 		display: block;
 		font-family: #{map-deep-get($config-header, "main-nav", "font", "family")}; // For browsers without support for CSS variables.
-		font-family: var( --font-headings, #{map-deep-get($config-header, "main-nav", "font", "family")} );
+		font-family: var( #{map-deep-get($config-header, "main-nav", "font", "family-css-variable")}, #{map-deep-get($config-header, "main-nav", "font", "family")} );
 		font-weight: #{map-deep-get($config-header, "main-nav", "font", "weight")};
 		padding: #{0.5 * map-deep-get($config-header, "main-nav", "link-padding")} 0;
 

varia/style-editor.css

@@ -1325,7 +1325,7 @@ body:not(.fse-enabled) .main-navigation a {
 
 .footer-navigation .footer-menu a, .site-footer .main-navigation .footer-menu a {
 	font-family: sans-serif;
-	font-family: var(--font-base, sans-serif);
+	font-family: var(--font-headings, sans-serif);
 	font-weight: bold;
 	padding: 16px;
 	color: currentColor;

varia/style-rtl.css

@@ -2684,7 +2684,7 @@ body:not(.fse-enabled) .main-navigation a {
 
 .footer-navigation .footer-menu a, .fse-enabled .site-footer .main-navigation .footer-menu a {
 	font-family: sans-serif;
-	font-family: var(--font-base, sans-serif);
+	font-family: var(--font-headings, sans-serif);
 	font-weight: bold;
 	padding: 16px;
 	color: currentColor;

varia/style.css

@@ -2701,7 +2701,7 @@ body:not(.fse-enabled) .main-navigation a {
 
 .footer-navigation .footer-menu a, .fse-enabled .site-footer .main-navigation .footer-menu a {
 	font-family: sans-serif;
-	font-family: var(--font-base, sans-serif);
+	font-family: var(--font-headings, sans-serif);
 	font-weight: bold;
 	padding: 16px;
 	color: currentColor;