Varia: migrate sass/components/comments

varia/sass/components/comments/_comment-navigation.scss

@@ -2,6 +2,7 @@
 .comment-navigation {
 	a {
 		font-family: #{map-deep-get($config-global, "font", "family", "primary")};
+		font-family: var( --font-headings, #{map-deep-get($config-global, "font", "family", "primary")} );
 		font-size: #{map-deep-get($config-global, "font", "size", "md")};
 		font-weight: 600;
 	}

varia/sass/components/comments/_comments.scss

@@ -35,6 +35,7 @@
 	small {
 		font-size: #{map-deep-get($config-global, "font", "size", "base")};
 		font-family: #{map-deep-get($config-global, "font", "family", "secondary")};
+		font-family: var( --font-base, #{map-deep-get($config-global, "font", "family", "secondary")} );
 		letter-spacing: normal;
 		line-height: #{map-deep-get($config-global, "font", "line-height", "heading")};
 	}
@@ -152,6 +153,7 @@
 .pingback .url,
 .trackback .url {
 	font-family: #{map-deep-get($config-global, "font", "family", "primary")};
+	font-family: var( --font-headings, #{map-deep-get($config-global, "font", "family", "primary")} );
 }
 
 /**

varia/style-rtl.css

@@ -3131,6 +3131,7 @@ body:not(.fse-enabled) .footer-menu a {
  */
 .comment-navigation a {
 	font-family: sans-serif;
+	font-family: var(--font-headings, sans-serif);
 	font-size: 1.2rem;
 	font-weight: 600;
 }

varia/style.css

@@ -2927,6 +2927,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;
 }
@@ -3046,6 +3047,7 @@ body:not(.fse-enabled) .footer-menu a {
 .pingback .url,
 .trackback .url {
 	font-family: sans-serif;
+	font-family: var(--font-headings, sans-serif);
 }
 
 /**
@@ -3148,6 +3150,7 @@ body:not(.fse-enabled) .footer-menu a {
  */
 .comment-navigation a {
 	font-family: sans-serif;
+	font-family: var(--font-headings, sans-serif);
 	font-size: 1.2rem;
 	font-weight: 600;
 }