Stratford: update _extra-child-theme

stratford/sass/_extra-child-theme.scss

@@ -312,7 +312,8 @@ a {
 		}
 	}
 	p {
-		font-family: $font_family_secondary;
+		font-family: $font_family_secondary; // For browsers without CSS custom properties support.
+		font-family: var( --font-base, $font_family_secondary );
 		font-size: $font_size_md;
 		line-height: $font_line_height_body;
 	}
@@ -355,7 +356,8 @@ a {
  */
 .wp-block-latest-comments {
 	.wp-block-latest-comments__comment-meta {
-		font-family: $font_family_secondary;
+		font-family: $font_family_secondary; // For browsers without CSS custom properties support.
+		font-family: var( --font-base, $font_family_secondary );
 	}
 }
 
@@ -405,7 +407,8 @@ input[type="submit"],
 			> a {
 				font-size: $font_size_base;
 				font-weight: normal;
-				font-family: $font_family_secondary;
+				font-family: $font_family_secondary; // For browsers without CSS custom properties support.
+				font-family: var( --font-base, $font_family_secondary );
 				line-height: $font_line_height_body;
 			}
 			> time {

stratford/style-rtl.css

@@ -3850,6 +3850,7 @@ p:not(.site-title) a:hover {
 .wp-block-quote[style*="text-align:center"] p,
 .wp-block-quote[style*="text-align:right"] p {
 	font-family: "Lato", sans-serif;
+	font-family: var(--font-base, "Lato", sans-serif);
 	font-size: 1.2rem;
 	line-height: 1.6;
 }
@@ -3887,6 +3888,7 @@ p:not(.site-title) a:hover {
  */
 .wp-block-latest-comments .wp-block-latest-comments__comment-meta {
 	font-family: "Lato", sans-serif;
+	font-family: var(--font-base, "Lato", sans-serif);
 }
 
 /**
@@ -3953,6 +3955,7 @@ input[type="submit"].has-background:visited,
 	font-size: 1rem;
 	font-weight: normal;
 	font-family: "Lato", sans-serif;
+	font-family: var(--font-base, "Lato", sans-serif);
 	line-height: 1.6;
 }
 

stratford/style.css

@@ -3879,6 +3879,7 @@ p:not(.site-title) a:hover {
 .wp-block-quote[style*="text-align:center"] p,
 .wp-block-quote[style*="text-align:right"] p {
 	font-family: "Lato", sans-serif;
+	font-family: var(--font-base, "Lato", sans-serif);
 	font-size: 1.2rem;
 	line-height: 1.6;
 }
@@ -3916,6 +3917,7 @@ p:not(.site-title) a:hover {
  */
 .wp-block-latest-comments .wp-block-latest-comments__comment-meta {
 	font-family: "Lato", sans-serif;
+	font-family: var(--font-base, "Lato", sans-serif);
 }
 
 /**
@@ -3982,6 +3984,7 @@ input[type="submit"].has-background:visited,
 	font-size: 1rem;
 	font-weight: normal;
 	font-family: "Lato", sans-serif;
+	font-family: var(--font-base, "Lato", sans-serif);
 	line-height: 1.6;
 }