Varia: migrate sass/components/footer

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

@@ -4,6 +4,7 @@
 
 	color: #{map-deep-get($config-footer, "color", "text")};
 	font-family: #{map-deep-get($config-footer, "font", "family")};
+	font-family: var( --font-headings, #{map-deep-get($config-footer, "font", "family")} );
 	font-size: #{map-deep-get($config-footer, "font", "size")};
 	line-height: #{map-deep-get($config-footer, "font", "line-height")};
 

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

@@ -40,6 +40,7 @@
 
 		a {
 			font-family: #{map-deep-get($config-header, "main-nav", "font", "family")};
+			font-family: var( --font-base, #{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/style-editor.css

@@ -1247,6 +1247,7 @@ body:not(.fse-enabled) .main-navigation a {
 .site-info {
 	color: #767676;
 	font-family: sans-serif;
+	font-family: var(--font-headings, sans-serif);
 	font-size: 0.83333rem;
 }
 
@@ -1321,6 +1322,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-weight: bold;
 	padding: 16px;
 	color: currentColor;

varia/style-rtl.css

@@ -2606,6 +2606,7 @@ body:not(.fse-enabled) .main-navigation a {
 .site-info {
 	color: #767676;
 	font-family: sans-serif;
+	font-family: var(--font-headings, sans-serif);
 	font-size: 0.83333rem;
 }
 
@@ -2680,6 +2681,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-weight: bold;
 	padding: 16px;
 	color: currentColor;
@@ -2910,6 +2912,7 @@ body:not(.fse-enabled) .footer-menu a {
 .comment-reply-title small {
 	font-size: 1rem;
 	font-family: serif;
+	font-family: var(--font-base, serif);
 	letter-spacing: normal;
 	line-height: 1.125;
 }
@@ -3029,6 +3032,7 @@ body:not(.fse-enabled) .footer-menu a {
 .pingback .url,
 .trackback .url {
 	font-family: sans-serif;
+	font-family: var(--font-headings, sans-serif);
 }
 
 /**

varia/style.css

@@ -2623,6 +2623,7 @@ body:not(.fse-enabled) .main-navigation a {
 .site-info {
 	color: #767676;
 	font-family: sans-serif;
+	font-family: var(--font-headings, sans-serif);
 	font-size: 0.83333rem;
 }
 
@@ -2697,6 +2698,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-weight: bold;
 	padding: 16px;
 	color: currentColor;