Coutoire: use font headings for site description

coutoire/sass/_extra-child-theme.scss

@@ -55,6 +55,11 @@ a {
 	}
 }
 
+.site-description {
+	font-family: #{map-deep-get($config-header, "branding", "description", "font", "family")}; // For browsers without support for CSS variables.
+	font-family: var( --font-headings, #{map-deep-get($config-header, "branding", "description", "font", "family")} );
+}
+
 .main-navigation > div > ul > li > a,
 .entry-content a {
 	text-decoration: underline;

coutoire/style-rtl.css

@@ -3639,6 +3639,11 @@ a:hover, a:focus {
 	margin-left: 5px;
 }
 
+.site-description {
+	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
+}
+
 .main-navigation > div > ul > li > a,
 .entry-content a {
 	text-decoration: underline;

coutoire/style.css

@@ -3668,6 +3668,11 @@ a:hover, a:focus {
 	margin-right: 5px;
 }
 
+.site-description {
+	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
+}
+
 .main-navigation > div > ul > li > a,
 .entry-content a {
 	text-decoration: underline;