Redhill: update _extra-child-theme

redhill/sass/_extra-child-theme.scss

@@ -4,7 +4,8 @@
 
 // HTML reset
 html {
-	font-family: #{map-deep-get($config-global, "font", "family", "primary")};
+	font-family: #{map-deep-get($config-global, "font", "family", "primary")}; // For browsers without CSS custom properties support.
+	font-family: var( --font-headings, #{map-deep-get($config-global, "font", "family", "primary")} );
 }
 
 // Link style
@@ -241,7 +242,8 @@ a {
 // Quote block
 .wp-block-quote {
   p {
-    font-family: #{map-deep-get($config-global, "font", "family", "primary")};
+    font-family: #{map-deep-get($config-global, "font", "family", "primary")}; // For browsers without CSS custom properties support.
+    font-family: var( --font-headings, #{map-deep-get($config-global, "font", "family", "primary")} );
   }
 }
 
@@ -268,7 +270,8 @@ table,
 
 .entry-footer {
 	border-top: 1px solid #{map-deep-get($config-global, "color", "border", "default")};
-  font-family: #{map-deep-get($config-global, "font", "family", "secondary")};
+	font-family: #{map-deep-get($config-global, "font", "family", "secondary")}; // For browsers without CSS custom properties support.
+	font-family: var( --font-base, #{map-deep-get($config-global, "font", "family", "secondary")} );
 	font-size: #{map-deep-get($config-global, "font", "size", "xs")};
 	padding-top: #{map-deep-get($config-global, "spacing", "unit")};
 }
@@ -276,7 +279,8 @@ table,
 article .entry-header .entry-title,
 .page-title,
 .a8c-posts-list-item__title {
-	font-family: #{map-deep-get($config-global, "font", "family", "primary")};
+	font-family: #{map-deep-get($config-global, "font", "family", "primary")}; // For browsers without CSS custom properties support.
+	font-family: var( --font-headings, #{map-deep-get($config-global, "font", "family", "primary")} );
 	font-size: #{map-deep-get($config-global, "font", "size", "xxxl")};
 	margin-bottom: #{1.5 * map-deep-get($config-global, "spacing", "vertical")};
 
@@ -292,7 +296,8 @@ article .entry-header .entry-title,
 }
 
 .entry-content {
-	font-family: #{map-deep-get($config-global, "font", "family", "primary")};
+	font-family: #{map-deep-get($config-global, "font", "family", "primary")}; // For browsers without CSS custom properties support.
+	font-family: var( --font-headings, #{map-deep-get($config-global, "font", "family", "primary")} );
 }
 
 // Pagination
@@ -301,7 +306,8 @@ article .entry-header .entry-title,
 
   .nav-links > * {
     color: map-deep-get($config-global, "color", "foreground", "light");
-    font-family: #{map-deep-get($config-global, "font", "family", "secondary")};
+    font-family: #{map-deep-get($config-global, "font", "family", "secondary")}; // For browsers without CSS custom properties support.
+    font-family: var( --font-base, #{map-deep-get($config-global, "font", "family", "secondary")} );
     font-size: #{map-deep-get($config-global, "font", "size", "base")};
     text-transform: uppercase;
 
@@ -346,7 +352,8 @@ article .entry-header .entry-title,
 
 	.meta-nav {
 		color: map-deep-get($config-global, "color", "foreground", "light");
-    font-family: #{map-deep-get($config-global, "font", "family", "secondary")};
+		font-family: #{map-deep-get($config-global, "font", "family", "secondary")}; // For browsers without CSS custom properties support.
+		font-family: var( --font-base, #{map-deep-get($config-global, "font", "family", "secondary")} );
 		font-size: #{map-deep-get($config-global, "font", "size", "sm")};
 		font-weight: bold;
 		text-transform: uppercase;
@@ -404,14 +411,16 @@ article .entry-header .entry-title,
 
 .comments-title,
 .comment-reply-title {
-  font-family: #{map-deep-get($config-global, "font", "family", "primary")};
+	font-family: #{map-deep-get($config-global, "font", "family", "primary")}; // For browsers without CSS custom properties support.
+	font-family: var( --font-headings, #{map-deep-get($config-global, "font", "family", "primary")} );
 	font-size: #{map-deep-get($config-heading, "font", "size", "h3")};
 }
 
 .comment-meta {
   .comment-metadata {
     color: map-deep-get($config-global, "color", "foreground", "light");
-    font-family: #{map-deep-get($config-global, "font", "family", "secondary")};
+    font-family: #{map-deep-get($config-global, "font", "family", "secondary")}; // For browsers without CSS custom properties support.
+    font-family: var( --font-base, #{map-deep-get($config-global, "font", "family", "secondary")} );
 
     a {
       color: inherit;
@@ -429,7 +438,8 @@ article .entry-header .entry-title,
 .comment-navigation {
     a {
     color: map-deep-get($config-global, "color", "foreground", "light");
-    font-family: #{map-deep-get($config-global, "font", "family", "secondary")};
+    font-family: #{map-deep-get($config-global, "font", "family", "secondary")}; // For browsers without CSS custom properties support.
+    font-family: var( --font-base, #{map-deep-get($config-global, "font", "family", "secondary")} );
     font-size: #{map-deep-get($config-global, "font", "size", "sm")};
     text-transform: uppercase;
 
@@ -451,8 +461,9 @@ article .entry-header .entry-title,
 
   .widget-title,
   .widgettitle {
-    font-family: #{map-deep-get($config-global, "font", "family", "secondary")};
-  	font-size: #{map-deep-get($config-global, "font", "size", "base")};
+    font-family: #{map-deep-get($config-global, "font", "family", "secondary")}; // For browsers without CSS custom properties support.
+    font-family: var( --font-base, #{map-deep-get($config-global, "font", "family", "secondary")} );
+    font-size: #{map-deep-get($config-global, "font", "size", "base")};
     margin-bottom: #{0.5 * map-deep-get($config-global, "spacing", "vertical")};
     text-transform: uppercase;
 

redhill/style-rtl.css

@@ -3585,6 +3585,7 @@ body.admin-bar .widget_eu_cookie_law_widget.widget.top {
  */
 html {
 	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
+	font-family: var(--font-headings, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif);
 }
 
 a {
@@ -3815,6 +3816,7 @@ p:not(.site-title) a:hover {
 
 .wp-block-quote p {
 	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
+	font-family: var(--font-headings, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif);
 }
 
 table td,
@@ -3835,6 +3837,7 @@ table th,
 .entry-footer {
 	border-top: 1px solid #DDDDDD;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
 	font-size: 0.69444rem;
 	padding-top: 16px;
 }
@@ -3843,6 +3846,7 @@ article .entry-header .entry-title,
 .page-title,
 .a8c-posts-list-item__title {
 	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
+	font-family: var(--font-headings, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif);
 	font-size: 2.48832rem;
 	margin-bottom: 48px;
 }
@@ -3865,6 +3869,7 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
 
 .entry-content {
 	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
+	font-family: var(--font-headings, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif);
 }
 
 .pagination {
@@ -3874,6 +3879,7 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
 .pagination .nav-links > * {
 	color: #666666;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
 	font-size: 1rem;
 	text-transform: uppercase;
 }
@@ -3911,6 +3917,7 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
 .post-navigation .meta-nav {
 	color: #666666;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
 	font-size: 0.83333rem;
 	font-weight: bold;
 	text-transform: uppercase;
@@ -3963,12 +3970,14 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
 .comments-title,
 .comment-reply-title {
 	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
+	font-family: var(--font-headings, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif);
 	font-size: 1.728rem;
 }
 
 .comment-meta .comment-metadata {
 	color: #666666;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
 }
 
 .comment-meta .comment-metadata a {
@@ -3984,6 +3993,7 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
 .comment-navigation a {
 	color: #666666;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
 	font-size: 0.83333rem;
 	text-transform: uppercase;
 }
@@ -4003,6 +4013,7 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
 .widget-area .widget-title,
 .widget-area .widgettitle {
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
 	font-size: 1rem;
 	margin-bottom: 16px;
 	text-transform: uppercase;

redhill/style.css

@@ -3614,6 +3614,7 @@ body.admin-bar .widget_eu_cookie_law_widget.widget.top {
  */
 html {
 	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
+	font-family: var(--font-headings, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif);
 }
 
 a {
@@ -3844,6 +3845,7 @@ p:not(.site-title) a:hover {
 
 .wp-block-quote p {
 	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
+	font-family: var(--font-headings, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif);
 }
 
 table td,
@@ -3864,6 +3866,7 @@ table th,
 .entry-footer {
 	border-top: 1px solid #DDDDDD;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
 	font-size: 0.69444rem;
 	padding-top: 16px;
 }
@@ -3872,6 +3875,7 @@ article .entry-header .entry-title,
 .page-title,
 .a8c-posts-list-item__title {
 	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
+	font-family: var(--font-headings, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif);
 	font-size: 2.48832rem;
 	margin-bottom: 48px;
 }
@@ -3894,6 +3898,7 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
 
 .entry-content {
 	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
+	font-family: var(--font-headings, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif);
 }
 
 .pagination {
@@ -3903,6 +3908,7 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
 .pagination .nav-links > * {
 	color: #666666;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
 	font-size: 1rem;
 	text-transform: uppercase;
 }
@@ -3940,6 +3946,7 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
 .post-navigation .meta-nav {
 	color: #666666;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
 	font-size: 0.83333rem;
 	font-weight: bold;
 	text-transform: uppercase;
@@ -3992,12 +3999,14 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
 .comments-title,
 .comment-reply-title {
 	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
+	font-family: var(--font-headings, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif);
 	font-size: 1.728rem;
 }
 
 .comment-meta .comment-metadata {
 	color: #666666;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
 }
 
 .comment-meta .comment-metadata a {
@@ -4013,6 +4022,7 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
 .comment-navigation a {
 	color: #666666;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
 	font-size: 0.83333rem;
 	text-transform: uppercase;
 }
@@ -4032,6 +4042,7 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
 .widget-area .widget-title,
 .widget-area .widgettitle {
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
 	font-size: 1rem;
 	margin-bottom: 16px;
 	text-transform: uppercase;