Rockfield: update _extra-child-theme

rockfield/sass/_extra-child-theme.scss

@@ -95,7 +95,8 @@ a {
 	.site-title:not(:empty) + .site-description:not(:empty):before {
 		color: map-deep-get($config-global, "color", "foreground", "light");
 		content: "\2022";
-		font-family: Arial, Helvetica, sans-serif;
+		font-family: Arial, Helvetica, sans-serif; // For browsers without CSS custom properties support.
+		font-family: var( --font-headings, 'Arial, Helvetica, sans-serif' );
 		margin: 0 .25em;
 	}
 }
@@ -150,7 +151,8 @@ a {
 					&:not(:first-child):before {
 						color: map-deep-get($config-global, "color", "foreground", "light");
 						content: "\2022";
-						font-family: Arial, Helvetica, sans-serif;
+						font-family: Arial, Helvetica, sans-serif; // For browsers without CSS custom properties support.
+						font-family: var( --font-headings, Arial, Helvetica, sans-serif );
 						line-height: 1;
 						padding-bottom: #{0.5 * map-deep-get($config-global, "spacing", "unit")};
 						padding-top: #{0.5 * map-deep-get($config-global, "spacing", "unit")};
@@ -504,8 +506,8 @@ table,
 
   .widget-title,
   .widgettitle {
-  	font-size: #{map-deep-get($config-global, "font", "size", "base")};
-		font-family: #{map-deep-get($config-global, "font", "family", "ui")};
+    font-size: #{map-deep-get($config-global, "font", "size", "base")};
+    font-family: #{map-deep-get($config-global, "font", "family", "ui")};
     margin-bottom: #{0.5 * map-deep-get($config-global, "spacing", "vertical")};
 
     &:empty {
@@ -644,7 +646,8 @@ table,
 			&:not(:first-child):before {
 				color: map-deep-get($config-global, "color", "border", "dark");
 				content: "\2022";
-				font-family: Arial, Helvetica, sans-serif;
+				font-family: Arial, Helvetica, sans-serif; // For browsers without CSS custom properties support.
+				font-family: var( --font-headings, 'Arial, Helvetica, sans-serif' );
 			}
 		}
 	}

rockfield/style-rtl.css

@@ -3686,6 +3686,7 @@ p:not(.site-title) a:hover {
 		color: #757575;
 		content: "\2022";
 		font-family: Arial, Helvetica, sans-serif;
+		font-family: var(--font-headings, "Arial, Helvetica, sans-serif");
 		margin: 0 .25em;
 	}
 }
@@ -3743,6 +3744,7 @@ p:not(.site-title) a:hover {
 		color: #757575;
 		content: "\2022";
 		font-family: Arial, Helvetica, sans-serif;
+		font-family: var(--font-headings, Arial, Helvetica, sans-serif);
 		line-height: 1;
 		padding-bottom: 8px;
 		padding-top: 8px;
@@ -4214,6 +4216,7 @@ table th,
 	color: #D0D0D0;
 	content: "\2022";
 	font-family: Arial, Helvetica, sans-serif;
+	font-family: var(--font-headings, "Arial, Helvetica, sans-serif");
 }
 
 @media only screen and (min-width: 560px) {

rockfield/style.css

@@ -3715,6 +3715,7 @@ p:not(.site-title) a:hover {
 		color: #757575;
 		content: "\2022";
 		font-family: Arial, Helvetica, sans-serif;
+		font-family: var(--font-headings, "Arial, Helvetica, sans-serif");
 		margin: 0 .25em;
 	}
 }
@@ -3772,6 +3773,7 @@ p:not(.site-title) a:hover {
 		color: #757575;
 		content: "\2022";
 		font-family: Arial, Helvetica, sans-serif;
+		font-family: var(--font-headings, Arial, Helvetica, sans-serif);
 		line-height: 1;
 		padding-bottom: 8px;
 		padding-top: 8px;
@@ -4243,6 +4245,7 @@ table th,
 	color: #D0D0D0;
 	content: "\2022";
 	font-family: Arial, Helvetica, sans-serif;
+	font-family: var(--font-headings, "Arial, Helvetica, sans-serif");
 }
 
 @media only screen and (min-width: 560px) {