Coutoire: pull changes from varia

coutoire/style-editor.css

@@ -163,6 +163,7 @@ body {
 	color: #444444;
 	background-color: white;
 	font-family: "Work Sans", sans-serif;
+	font-family: var(--font-base, "Work Sans", sans-serif);
 	font-size: 17px;
 	font-weight: normal;
 	line-height: 1.78;
@@ -299,6 +300,7 @@ object {
 	color: white;
 	font-weight: 600;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
 	font-size: 0.83333em;
 	line-height: 1;
 	background-color: black;
@@ -398,6 +400,7 @@ object {
 .wp-block-heading h5, h5, .h5,
 .wp-block-heading h6, h6, .h6 {
 	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
 	font-weight: 200;
 	clear: both;
 }
@@ -476,6 +479,7 @@ object {
 
 .wp-block-latest-posts > li > a {
 	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
 	font-size: 1.728rem;
 	font-weight: 200;
 	line-height: 1;
@@ -573,6 +577,7 @@ p.has-background:not(.has-background-background-color) a {
 
 .wp-block-pullquote p {
 	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
 	font-size: 1.728em;
 	letter-spacing: normal;
 	line-height: 1;
@@ -632,6 +637,7 @@ p.has-background:not(.has-background-background-color) a {
 
 .wp-block-quote p {
 	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
 	font-size: 1.728em;
 	letter-spacing: normal;
 }
@@ -643,6 +649,7 @@ p.has-background:not(.has-background-background-color) a {
 
 .wp-block-quote.is-large p, .wp-block-quote.is-style-large p {
 	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
 	font-size: 2.0736em;
 	letter-spacing: normal;
 	line-height: 1;
@@ -712,6 +719,7 @@ hr {
 table th,
 .wp-block-table th {
 	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
 }
 
 table td,
@@ -728,6 +736,7 @@ table th,
 .editor-post-title__block .editor-post-title__input {
 	color: #444444;
 	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
 	font-weight: 200;
 	font-size: 2.48832em;
 	letter-spacing: normal;
@@ -843,6 +852,7 @@ table th,
 
 .has-drop-cap:not(:focus)::first-letter {
 	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
 	font-size: calc(2 * 2.98598em);
 	font-weight: 200;
 }

coutoire/style-rtl.css

@@ -582,6 +582,7 @@ html {
 html {
 	font-size: 14.16667px;
 	font-family: "Work Sans", sans-serif;
+	font-family: var(--font-base, "Work Sans", sans-serif);
 	line-height: 1.78;
 }
 
@@ -1081,6 +1082,7 @@ input[type="submit"],
 	cursor: pointer;
 	font-weight: 600;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
 	font-size: 0.83333rem;
 	background-color: black;
 	border-width: 0;
@@ -1423,6 +1425,7 @@ h4, .h4,
 h5, .h5,
 h6, .h6 {
 	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
 	font-weight: 200;
 	clear: both;
 }
@@ -1514,6 +1517,7 @@ img {
 
 .wp-block-latest-comments .wp-block-latest-comments__comment-meta {
 	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
 }
 
 .wp-block-latest-comments .wp-block-latest-comments__comment-date {
@@ -1547,6 +1551,7 @@ img {
 
 .wp-block-latest-posts > li > a {
 	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
 	font-size: 1.728rem;
 	font-weight: 200;
 	line-height: 1;
@@ -1631,6 +1636,7 @@ img {
 ul,
 ol {
 	font-family: "Work Sans", sans-serif;
+	font-family: var(--font-base, "Work Sans", sans-serif);
 	margin: 0;
 	padding-right: 32px;
 }
@@ -1645,6 +1651,7 @@ ol {
 
 dt {
 	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
 	font-weight: bold;
 }
 
@@ -1718,6 +1725,7 @@ p.has-background {
 	color: white;
 	background-color: black;
 	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
 	font-weight: bold;
 	font-size: 0.83333rem;
 	line-height: 1;
@@ -1791,6 +1799,7 @@ p.has-background {
 
 .wp-block-pullquote p {
 	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
 	font-size: 1.728rem;
 	letter-spacing: normal;
 	line-height: 1;
@@ -1870,6 +1879,7 @@ p.has-background {
 
 .wp-block-quote p {
 	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
 	font-size: 1.728rem;
 	letter-spacing: normal;
 	line-height: 1;
@@ -2002,6 +2012,7 @@ table,
 table th,
 .wp-block-table th {
 	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
 }
 
 table td,
@@ -2196,6 +2207,7 @@ table th,
 
 .has-drop-cap:not(:focus)::first-letter {
 	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
 	font-size: calc(2 * 2.98598rem);
 	font-weight: 200;
 	line-height: 0.66;
@@ -2342,6 +2354,7 @@ table th,
 .site-title {
 	color: black;
 	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
 	font-size: 2.48832rem;
 	letter-spacing: normal;
 	line-height: 1;
@@ -2363,6 +2376,7 @@ table th,
 .site-description {
 	color: currentColor;
 	font-family: "EB Garamond", serif;
+	font-family: var(--font-base, "EB Garamond", serif);
 	font-size: 2.48832rem;
 }
 
@@ -2520,6 +2534,7 @@ table th,
 	color: black;
 	display: block;
 	font-family: "Work Sans", sans-serif;
+	font-family: var(--font-headings, "Work Sans", sans-serif);
 	font-size: 0.83333rem;
 	font-weight: 600;
 	padding: 5px 0;
@@ -2625,6 +2640,7 @@ table th,
 .site-info {
 	color: #767676;
 	font-family: "Work Sans", sans-serif;
+	font-family: var(--font-headings, "Work Sans", sans-serif);
 	font-size: 0.83333rem;
 }
 
@@ -2699,6 +2715,7 @@ table th,
 
 .footer-navigation .footer-menu a {
 	font-family: "Work Sans", sans-serif;
+	font-family: var(--font-base, "Work Sans", sans-serif);
 	font-size: 0.83333rem;
 	font-weight: 600;
 	padding: 10px;
@@ -2837,6 +2854,7 @@ table th,
 
 .post-navigation .post-title {
 	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
 	font-size: 1.44rem;
 	font-weight: 600;
 }
@@ -2864,6 +2882,7 @@ table th,
 
 .pagination .nav-links > * {
 	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
 	font-size: 1.2rem;
 	font-weight: 600;
 	padding-right: calc(0.66 * 16px);
@@ -2926,6 +2945,7 @@ table th,
 .comment-reply-title small {
 	font-size: 1rem;
 	font-family: "Work Sans", sans-serif;
+	font-family: var(--font-base, "Work Sans", sans-serif);
 	letter-spacing: normal;
 	line-height: 1;
 }
@@ -2945,19 +2965,19 @@ table th,
 	margin-bottom: 32px;
 }
 
-.children {
+.comment-list .children {
 	list-style: none;
 	padding-right: 16px;
 }
 
-.children > li {
+.comment-list .children > li {
 	border-top: 1px solid #DDDDDD;
 	margin-top: 32px;
 	margin-bottom: 32px;
 }
 
 @media only screen and (min-width: 560px) {
-	.children {
+	.comment-list .children {
 		padding-right: 32px;
 	}
 }
@@ -3045,6 +3065,7 @@ table th,
 .pingback .url,
 .trackback .url {
 	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
 }
 
 /**
@@ -3147,6 +3168,7 @@ table th,
  */
 .comment-navigation a {
 	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
 	font-size: 1.2rem;
 	font-weight: 600;
 }
@@ -3178,6 +3200,7 @@ img#wpstats {
 	color: white;
 	background-color: black;
 	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
 	font-weight: bold;
 	font-size: 0.83333rem;
 	line-height: 1;

coutoire/style.css

@@ -582,6 +582,7 @@ html {
 html {
 	font-size: 14.16667px;
 	font-family: "Work Sans", sans-serif;
+	font-family: var(--font-base, "Work Sans", sans-serif);
 	line-height: 1.78;
 }
 
@@ -1081,6 +1082,7 @@ input[type="submit"],
 	cursor: pointer;
 	font-weight: 600;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
 	font-size: 0.83333rem;
 	background-color: black;
 	border-width: 0;
@@ -1423,6 +1425,7 @@ h4, .h4,
 h5, .h5,
 h6, .h6 {
 	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
 	font-weight: 200;
 	clear: both;
 }
@@ -1514,6 +1517,7 @@ img {
 
 .wp-block-latest-comments .wp-block-latest-comments__comment-meta {
 	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
 }
 
 .wp-block-latest-comments .wp-block-latest-comments__comment-date {
@@ -1547,6 +1551,7 @@ img {
 
 .wp-block-latest-posts > li > a {
 	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
 	font-size: 1.728rem;
 	font-weight: 200;
 	line-height: 1;
@@ -1631,6 +1636,7 @@ img {
 ul,
 ol {
 	font-family: "Work Sans", sans-serif;
+	font-family: var(--font-base, "Work Sans", sans-serif);
 	margin: 0;
 	padding-left: 32px;
 }
@@ -1645,6 +1651,7 @@ ol {
 
 dt {
 	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
 	font-weight: bold;
 }
 
@@ -1718,6 +1725,7 @@ p.has-background {
 	color: white;
 	background-color: black;
 	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
 	font-weight: bold;
 	font-size: 0.83333rem;
 	line-height: 1;
@@ -1791,6 +1799,7 @@ p.has-background {
 
 .wp-block-pullquote p {
 	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
 	font-size: 1.728rem;
 	letter-spacing: normal;
 	line-height: 1;
@@ -1870,6 +1879,7 @@ p.has-background {
 
 .wp-block-quote p {
 	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
 	font-size: 1.728rem;
 	letter-spacing: normal;
 	line-height: 1;
@@ -2002,6 +2012,7 @@ table,
 table th,
 .wp-block-table th {
 	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
 }
 
 table td,
@@ -2201,6 +2212,7 @@ table th,
 
 .has-drop-cap:not(:focus)::first-letter {
 	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
 	font-size: calc(2 * 2.98598rem);
 	font-weight: 200;
 	line-height: 0.66;
@@ -2359,6 +2371,7 @@ table th,
 .site-title {
 	color: black;
 	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
 	font-size: 2.48832rem;
 	letter-spacing: normal;
 	line-height: 1;
@@ -2380,6 +2393,7 @@ table th,
 .site-description {
 	color: currentColor;
 	font-family: "EB Garamond", serif;
+	font-family: var(--font-base, "EB Garamond", serif);
 	font-size: 2.48832rem;
 }
 
@@ -2537,6 +2551,7 @@ table th,
 	color: black;
 	display: block;
 	font-family: "Work Sans", sans-serif;
+	font-family: var(--font-headings, "Work Sans", sans-serif);
 	font-size: 0.83333rem;
 	font-weight: 600;
 	padding: 5px 0;
@@ -2642,6 +2657,7 @@ table th,
 .site-info {
 	color: #767676;
 	font-family: "Work Sans", sans-serif;
+	font-family: var(--font-headings, "Work Sans", sans-serif);
 	font-size: 0.83333rem;
 }
 
@@ -2716,6 +2732,7 @@ table th,
 
 .footer-navigation .footer-menu a {
 	font-family: "Work Sans", sans-serif;
+	font-family: var(--font-base, "Work Sans", sans-serif);
 	font-size: 0.83333rem;
 	font-weight: 600;
 	padding: 10px;
@@ -2854,6 +2871,7 @@ table th,
 
 .post-navigation .post-title {
 	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
 	font-size: 1.44rem;
 	font-weight: 600;
 }
@@ -2881,6 +2899,7 @@ table th,
 
 .pagination .nav-links > * {
 	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
 	font-size: 1.2rem;
 	font-weight: 600;
 	padding-left: calc(0.66 * 16px);
@@ -2943,6 +2962,7 @@ table th,
 .comment-reply-title small {
 	font-size: 1rem;
 	font-family: "Work Sans", sans-serif;
+	font-family: var(--font-base, "Work Sans", sans-serif);
 	letter-spacing: normal;
 	line-height: 1;
 }
@@ -2962,19 +2982,19 @@ table th,
 	margin-bottom: 32px;
 }
 
-.children {
+.comment-list .children {
 	list-style: none;
 	padding-left: 16px;
 }
 
-.children > li {
+.comment-list .children > li {
 	border-top: 1px solid #DDDDDD;
 	margin-top: 32px;
 	margin-bottom: 32px;
 }
 
 @media only screen and (min-width: 560px) {
-	.children {
+	.comment-list .children {
 		padding-left: 32px;
 	}
 }
@@ -3062,6 +3082,7 @@ table th,
 .pingback .url,
 .trackback .url {
 	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
 }
 
 /**
@@ -3164,6 +3185,7 @@ table th,
  */
 .comment-navigation a {
 	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
 	font-size: 1.2rem;
 	font-weight: 600;
 }
@@ -3195,6 +3217,7 @@ img#wpstats {
 	color: white;
 	background-color: black;
 	font-family: "EB Garamond", serif;
+	font-family: var(--font-headings, "EB Garamond", serif);
 	font-weight: bold;
 	font-size: 0.83333rem;
 	line-height: 1;