Coutoire: update _extra-child-theme

coutoire/sass/_extra-child-theme.scss

@@ -77,7 +77,8 @@ a {
 
 .sticky-post {
 	text-transform: uppercase;
-	font-family: #{map-deep-get($config-global, "font", "family", "secondary")};
+	font-family: #{map-deep-get($config-global, "font", "family", "secondary")}; // For browsers without support for CSS custom properties.
+	font-family: var( --font-base, #{map-deep-get($config-global, "font", "family", "secondary")} );
 }
 
 #main .page-header {
@@ -86,7 +87,8 @@ a {
 
 	.page-title {
 		font-size: #{map-deep-get($config-global, "font", "size", "base")};
-		font-family: #{map-deep-get($config-global, "font", "family", "secondary")};
+		font-family: #{map-deep-get($config-global, "font", "family", "secondary")}; // For browsers without support for CSS custom properties.
+		font-family: var( --font-base, #{map-deep-get($config-global, "font", "family", "secondary")} );
 		font-weight: 500;
 		text-transform: uppercase;
 		line-height: 1;

coutoire/style-rtl.css

@@ -3652,6 +3652,7 @@ a:hover, a:focus {
 .sticky-post {
 	text-transform: uppercase;
 	font-family: "Work Sans", sans-serif;
+	font-family: var(--font-base, "Work Sans", sans-serif);
 }
 
 #main .page-header {
@@ -3661,6 +3662,7 @@ a:hover, a:focus {
 #main .page-header .page-title {
 	font-size: 1rem;
 	font-family: "Work Sans", sans-serif;
+	font-family: var(--font-base, "Work Sans", sans-serif);
 	font-weight: 500;
 	text-transform: uppercase;
 	line-height: 1;

coutoire/style.css

@@ -3681,6 +3681,7 @@ a:hover, a:focus {
 .sticky-post {
 	text-transform: uppercase;
 	font-family: "Work Sans", sans-serif;
+	font-family: var(--font-base, "Work Sans", sans-serif);
 }
 
 #main .page-header {
@@ -3690,6 +3691,7 @@ a:hover, a:focus {
 #main .page-header .page-title {
 	font-size: 1rem;
 	font-family: "Work Sans", sans-serif;
+	font-family: var(--font-base, "Work Sans", sans-serif);
 	font-weight: 500;
 	text-transform: uppercase;
 	line-height: 1;