Dalston: use font headings for site description

dalston/sass/_extra-child-theme.scss

@@ -203,6 +203,8 @@ a {
 .site-description {
 	color: #{map-deep-get($config-header, "branding", "color", "text")};
 	line-height: #{map-deep-get($config-global, "font", "line-height", "heading")};
+	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")} );
 }
 
 .site-title + .site-description {

dalston/style-rtl.css

@@ -3763,6 +3763,8 @@ a {
 .site-description {
 	color: #000000;
 	line-height: 1.2;
+	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-headings, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
 }
 
 .site-title + .site-description {

dalston/style.css

@@ -3792,6 +3792,8 @@ a {
 .site-description {
 	color: #000000;
 	line-height: 1.2;
+	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-headings, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
 }
 
 .site-title + .site-description {