Changeset 49574 for trunk/src/wp-content/themes/twentytwentyone/assets/css

Timestamp:

11/12/2020 06:34:44 PM (6 years ago)

Author:

desrosj

Message:

Twenty Twenty-One: Merge the latest changes changes from GitHub for Beta 4.

In addition to syncing the latest changes, this change also merges the theme’s .scss files and other related build tool configurations required to compile the theme’s CSS.

This will allow development of the theme to continue on Trac after 5.6 is released and the GitHub repository is archived.

For a full list of changes since [], see ​https://github.com/WordPress/twentytwentyone/compare/e7d5991...aa284fd.

Props poena, luminuu kjellr, aristath, justinahinon.
See #51526.

Location:

trunk/src/wp-content/themes/twentytwentyone/assets/css

Files:

• custom-color-overrides.css (modified) (1 diff)
• ie-editor.css (modified) (76 diffs)
• ie.css (modified) (223 diffs)
• print.css (modified) (7 diffs)
• style-dark-mode-rtl.css (added)
• style-dark-mode.css (modified) (1 diff)
• style-editor.css (modified) (80 diffs)

trunk/src/wp-content/themes/twentytwentyone/assets/css/custom-color-overrides.css

@@ -1 +1 @@
 /**
  * Custom Color Overrides
- * 
+ *
  * This file is automatically populated if the user chooses custom colors in the Customzier.
  */

trunk/src/wp-content/themes/twentytwentyone/assets/css/ie-editor.css

@@ -1 +1 @@
 @charset "UTF-8";
+
 /**
  * These styles should be loaded by the Block Editor only
  */
+
 /* Variables */
 :root {
+
     /* Font Family */
+    --global--font-primary: var(--font-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
+    --global--font-secondary: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
+
     /* Font Size */
+    --global--font-size-base: 1.25rem;
+    --global--font-size-xs: 1rem;
+    --global--font-size-sm: 1.125rem;
+    --global--font-size-md: 1.25rem;
+    --global--font-size-lg: 1.5rem;
+    --global--font-size-xl: 2.25rem;
+    --global--font-size-xxl: 4rem;
+    --global--font-size-xxxl: 5rem;
+    --global--font-size-page-title: var(--global--font-size-xxl);
+    --global--letter-spacing: normal;
+
     /* Line Height */
+    --global--line-height-body: 1.7;
+    --global--line-height-heading: 1.3;
+    --global--line-height-page-title: 1.1;
+
     /* Headings */
+    --heading--font-family: var(--global--font-primary);
+    --heading--font-size-h6: var(--global--font-size-xs);
+    --heading--font-size-h5: var(--global--font-size-sm);
+    --heading--font-size-h4: var(--global--font-size-lg);
+    --heading--font-size-h3: calc(1.25 * var(--global--font-size-lg));
+    --heading--font-size-h2: var(--global--font-size-xl);
+    --heading--font-size-h1: var(--global--font-size-page-title);
+    --heading--letter-spacing-h6: 0.05em;
+    --heading--letter-spacing-h5: 0.05em;
+    --heading--letter-spacing-h4: var(--global--letter-spacing);
+    --heading--letter-spacing-h3: var(--global--letter-spacing);
+    --heading--letter-spacing-h2: var(--global--letter-spacing);
+    --heading--letter-spacing-h1: var(--global--letter-spacing);
+    --heading--line-height-h6: var(--global--line-height-heading);
+    --heading--line-height-h5: var(--global--line-height-heading);
+    --heading--line-height-h4: var(--global--line-height-heading);
+    --heading--line-height-h3: var(--global--line-height-heading);
+    --heading--line-height-h2: var(--global--line-height-heading);
+    --heading--line-height-h1: var(--global--line-height-page-title);
+    --heading--font-weight: normal;
+    --heading--font-weight-page-title: 300;
+    --heading--font-weight-strong: 600;
+
     /* Block: Latest posts */
+    --latest-posts--title-font-family: var(--heading--font-family);
+    --latest-posts--title-font-size: var(--heading--font-size-h3);
+    --latest-posts--description-font-family: var(--global--font-secondary);
+    --latest-posts--description-font-size: var(--global--font-size-sm);
+    --list--font-family: var(--global--font-secondary);
+    --definition-term--font-family: var(--global--font-primary);
+
     /* Colors */
+    --global--color-black: #000;
+    --global--color-dark-gray: #28303d;
+    --global--color-gray: #39414d;
+    --global--color-light-gray: #f0f0f0;
+    --global--color-green: #d1e4dd;
+    --global--color-blue: #d1dfe4;
+    --global--color-purple: #d1d1e4;
+    --global--color-red: #e4d1d1;
+    --global--color-orange: #e4dad1;
+    --global--color-yellow: #eeeadd;
+    --global--color-white: #fff;
+    --global--color-white-50: rgba(255, 255, 255, 0.5);
+    --global--color-white-90: rgba(255, 255, 255, 0.9);
+    --global--color-primary: var(--global--color-dark-gray);
+
     /* Body text color, site title, footer text color. */
+    --global--color-secondary: var(--global--color-gray);
+
     /* Headings */
+    --global--color-primary-hover: var(--global--color-primary);
+    --global--color-background: var(--global--color-green);
+
     /* Mint, default body background */
+    --global--color-border: var(--global--color-primary);
+
     /* Used for borders (separators) */
+
     /* Spacing */
+    --global--spacing-unit: 20px;
+    --global--spacing-measure: unset;
+    --global--spacing-horizontal: 25px;
+    --global--spacing-vertical: 30px;
+
     /* Elevation */
+    --global--elevation: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
+
     /* Forms */
+    --form--font-family: var(--global--font-secondary);
+    --form--font-size: var(--global--font-size-sm);
+    --form--line-height: var(--global--line-height-body);
+    --form--color-text: var(--global--color-dark-gray);
+    --form--color-ranged: var(--global--color-secondary);
+    --form--label-weight: 500;
+    --form--border-color: var(--global--color-secondary);
+    --form--border-width: 3px;
+    --form--border-radius: 0;
+    --form--spacing-unit: calc(0.5 * var(--global--spacing-unit));
+
     /* Cover block */
+    --cover--height: calc(15 * var(--global--spacing-vertical));
+    --cover--color-foreground: var(--global--color-white);
+    --cover--color-background: var(--global--color-black);
+
     /* Buttons */
+    --button--color-text: var(--global--color-background);
+    --button--color-text-hover: var(--global--color-secondary);
+    --button--color-text-active: var(--global--color-secondary);
+    --button--color-background: var(--global--color-secondary);
+    --button--color-background-active: var(--global--color-background);
+    --button--font-family: var(--global--font-primary);
+    --button--font-size: var(--global--font-size-base);
+    --button--font-weight: 500;
+    --button--line-height: 1.5;
+    --button--border-width: 3px;
+    --button--border-radius: 0;
+    --button--padding-vertical: 15px;
+    --button--padding-horizontal: calc(2 * var(--button--padding-vertical));
+
     /* entry */
+    --entry-header--color: var(--global--color-primary);
+    --entry-header--color-link: currentColor;
+    --entry-header--color-hover: var(--global--color-primary-hover);
+    --entry-header--color-focus: var(--global--color-secondary);
+    --entry-header--font-size: var(--heading--font-size-h2);
+    --entry-content--font-family: var(--global--font-secondary);
+    --entry-author-bio--font-family: var(--heading--font-family);
+    --entry-author-bio--font-size: var(--heading--font-size-h4);
+
     /* Header */
+    --branding--color-text: var(--global--color-primary);
+    --branding--color-link: var(--global--color-primary);
+    --branding--color-link-hover: var(--global--color-secondary);
+    --branding--title--font-family: var(--global--font-primary);
+    --branding--title--font-size: var(--global--font-size-lg);
+    --branding--title--font-size-mobile: var(--heading--font-size-h4);
+    --branding--title--font-weight: normal;
+    --branding--title--text-transform: uppercase;
+    --branding--description--font-family: var(--global--font-secondary);
+    --branding--description--font-size: var(--global--font-size-sm);
+    --branding--description--font-family: var(--global--font-secondary);
+    --branding--logo--max-width: 300px;
+    --branding--logo--max-height: 100px;
+    --branding--logo--max-width-mobile: 96px;
+    --branding--logo--max-height-mobile: 96px;
+
     /* Main navigation */
+    --primary-nav--font-family: var(--global--font-secondary);
+    --primary-nav--font-family-mobile: var(--global--font-primary);
+    --primary-nav--font-size: var(--global--font-size-md);
+    --primary-nav--font-size-sub-menu: var(--global--font-size-xs);
+    --primary-nav--font-size-mobile: var(--global--font-size-sm);
+    --primary-nav--font-size-sub-menu-mobile: var(--global--font-size-sm);
+    --primary-nav--font-size-button: var(--global--font-size-xs);
+    --primary-nav--font-style: normal;
+    --primary-nav--font-style-sub-menu-mobile: normal;
+    --primary-nav--font-weight: normal;
+    --primary-nav--font-weight-button: 500;
+    --primary-nav--color-link: var(--global--color-primary);
+    --primary-nav--color-link-hover: var(--global--color-primary-hover);
+    --primary-nav--color-text: var(--global--color-primary);
+    --primary-nav--padding: calc(0.66 * var(--global--spacing-unit));
+    --primary-nav--border-color: var(--global--color-primary);
+
     /* Pagination */
+    --pagination--color-text: var(--global--color-primary);
+    --pagination--color-link-hover: var(--global--color-primary-hover);
+    --pagination--font-family: var(--global--font-secondary);
+    --pagination--font-size: var(--global--font-size-lg);
+    --pagination--font-weight: normal;
+    --pagination--font-weight-strong: 600;
+
     /* Footer */
+    --footer--color-text: var(--global--color-primary);
+    --footer--color-link: var(--global--color-primary);
+    --footer--color-link-hover: var(--global--color-primary-hover);
+    --footer--font-family: var(--global--font-primary);
+    --footer--font-size: var(--global--font-size-sm);
+
     /* Block: Pull quote */
+    --pullquote--font-family: var(--global--font-primary);
+    --pullquote--font-size: var(--heading--font-size-h3);
+    --pullquote--font-style: normal;
+    --pullquote--letter-spacing: var(--heading--letter-spacing-h4);
+    --pullquote--line-height: var(--global--line-height-heading);
+    --pullquote--border-width: 3px;
+    --pullquote--border-color: var(--global--color-primary);
+    --pullquote--color-foreground: var(--global--color-primary);
+    --pullquote--color-background: var(--global--color-background);
+    --quote--font-family: var(--global--font-secondary);
+    --quote--font-size: var(--global--font-size-md);
+    --quote--font-size-large: var(--global--font-size-xl);
+    --quote--font-style: normal;
+    --quote--font-weight: 700;
+    --quote--font-weight-strong: bolder;
+    --quote--font-style-large: normal;
+    --quote--font-style-cite: normal;
+    --quote--line-height: var(--global--line-height-body);
+    --quote--line-height-large: 1.35;
+    --separator--border-color: var(--global--color-border);
+    --separator--height: 1px;
+
     /* Block: Table */
+    --table--stripes-border-color: var(--global--color-light-gray);
+    --table--stripes-background-color: var(--global--color-light-gray);
+    --table--has-background-text-color: var(--global--color-dark-gray);
+
     /* Widgets */
+    --widget--line-height-list: 1.9;
+    --widget--line-height-title: 1.4;
+    --widget--font-weight-title: 700;
+    --widget--spacing-menu: calc(0.66 * var(--global--spacing-unit));
+
     /* Admin-bar height */
+    --global--admin-bar--height: 0;
+}
+
+.admin-bar {
+    --global--admin-bar--height: 32px;
+}
+@media only screen and (max-width: 782px) {
+
+    .admin-bar {
+        --global--admin-bar--height: 46px;
+    }
+}
+
+@media only screen and (min-width: 652px) {
+
+    :root {
+        --global--font-size-xl: 2.5rem;
+        --global--font-size-xxl: 6rem;
+        --global--font-size-xxxl: 9rem;
+        --heading--font-size-h3: 2rem;
+        --heading--font-size-h2: 3rem;
+    }
 }
 
@@ -34 +252 @@
  * Repsonsive Styles
  */
+
 /**
  * Required Variables
  */
+
 /**
  * Root Media Query Variables
  */
+:root {
+    --responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6);
+    --responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal));
+    --responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));
+    --responsive--alignfull-width: 100%;
+    --responsive--alignright-margin: var(--global--spacing-horizontal);
+    --responsive--alignleft-margin: var(--global--spacing-horizontal);
+}
+
+@media only screen and (min-width: 482px) {
+
+    :root {
+        --responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 610px);
+        --responsive--alignwide-width: calc(100vw - 4 * var(--global--spacing-horizontal));
+        --responsive--alignright-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
+        --responsive--alignleft-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
+    }
+}
+@media only screen and (min-width: 822px) {
+
+    :root {
+        --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 610px);
+        --responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px);
+    }
+}
 
 /**
@@ -45 +290 @@
  */
 .default-max-width {
-    max-width: calc(100vw - 30px);
+    max-width: var(--responsive--aligndefault-width);
     margin-left: auto;
     margin-right: auto;
 }
-@media only screen and (min-width: 482px){
-    .default-max-width{
-    max-width: min(calc(100vw - 100px), 610px);
-    }
-}
-@media only screen and (min-width: 822px){
-    .default-max-width{
-    max-width: min(calc(100vw - 200px), 610px);
-    }
-}
 
 .wide-max-width {
-    max-width: calc(100vw - 30px);
+    max-width: var(--responsive--alignwide-width);
     margin-left: auto;
     margin-right: auto;
 }
 
-@media only screen and (min-width: 482px){
-    .wide-max-width{
-    max-width: calc(100vw - 100px);
-    }
-}
-
-@media only screen and (min-width: 822px){
-    .wide-max-width{
-    max-width: min(calc(100vw - 200px), 1240px);
-    }
-}
-
 @media only screen and (min-width: 482px) {
+
     .full-max-width {
-        max-width: 100%;
+        max-width: var(--responsive--alignfull-width);
         width: auto;
         margin-left: auto;
@@ -90 +314 @@
     padding: 0;
     position: relative;
-    margin: 30px 0 30px 25px;
+    margin: var(--global--spacing-vertical) 0 var(--global--spacing-vertical) var(--global--spacing-horizontal);
 }
 
 blockquote > * {
-    margin-top: 20px;
-    margin-bottom: 20px;
+    margin-top: var(--global--spacing-unit);
+    margin-bottom: var(--global--spacing-unit);
 }
 
@@ -107 +331 @@
 
 blockquote p {
-    letter-spacing: normal;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-size: 1.25rem;
-    font-style: normal;
-    font-weight: 700;
-    line-height: 1.7;
-}
-
-blockquote cite {
-    font-weight: normal;
-    color: #28303d;
-    font-size: 1rem;
-    letter-spacing: normal;
-}
-
+    letter-spacing: var(--heading--letter-spacing-h4);
+    font-family: var(--quote--font-family);
+    font-size: var(--quote--font-size);
+    font-style: var(--quote--font-style);
+    font-weight: var(--quote--font-weight);
+    line-height: var(--quote--line-height);
+}
+
+blockquote cite,
 blockquote footer {
     font-weight: normal;
-    color: #28303d;
-    font-size: 1rem;
-    letter-spacing: normal;
-}
-
-blockquote.alignleft, blockquote.alignright {
+    color: var(--global--color-primary);
+    font-size: var(--global--font-size-xs);
+    letter-spacing: var(--global--letter-spacing);
+}
+
+blockquote.alignleft,
+blockquote.alignright {
     padding-left: inherit;
 }
 
-blockquote.alignleft p {
-    font-size: 1.125rem;
+blockquote.alignleft p,
+blockquote.alignright p {
+    font-size: var(--heading--font-size-h5);
     max-width: inherit;
     width: inherit;
 }
 
-blockquote.alignright p {
-    font-size: 1.125rem;
-    max-width: inherit;
-    width: inherit;
-}
-
-blockquote.alignleft cite {
-    font-size: 1rem;
-    letter-spacing: normal;
-}
-
-blockquote.alignleft footer {
-    font-size: 1rem;
-    letter-spacing: normal;
-}
-
-blockquote.alignright cite {
-    font-size: 1rem;
-    letter-spacing: normal;
-}
-
+blockquote.alignleft cite,
+blockquote.alignleft footer,
+blockquote.alignright cite,
 blockquote.alignright footer {
-    font-size: 1rem;
-    letter-spacing: normal;
+    font-size: var(--global--font-size-xs);
+    letter-spacing: var(--global--letter-spacing);
 }
 
 blockquote strong {
-    font-weight: normal;
+    font-weight: var(--quote--font-weight-strong);
 }
 
 blockquote:before {
-    content: "\201C";
-    font-size: 1.25rem;
-    line-height: 1.7;
-    position: absolute;
-    left: -12px;
-}
-
-blockquote .wp-block-quote__citation {
-    color: #28303d;
-    font-size: 1rem;
-    font-style: normal;
-}
-
-blockquote cite {
-    color: #28303d;
-    font-size: 1rem;
-    font-style: normal;
-}
-
+    content: "“";
+    font-size: var(--quote--font-size);
+    line-height: var(--quote--line-height);
+}
+
+blockquote .wp-block-quote__citation,
+blockquote cite,
 blockquote footer {
-    color: #28303d;
-    font-size: 1rem;
-    font-style: normal;
-}
-
+    color: var(--global--color-primary);
+    font-size: var(--global--font-size-xs);
+    font-style: var(--quote--font-style-cite);
+}
 @media only screen and (max-width: 481px) {
+
     blockquote {
-        padding-left: 13px;
-    }
+        padding-left: calc(0.5 * var(--global--spacing-horizontal));
+    }
+
     blockquote:before {
         left: 0;
@@ -224 +415 @@
 
 /* Media captions */
-figcaption {
-    color: currentColor;
-    font-size: 1rem;
-    line-height: 1.7;
-    margin-top: 10px;
-    margin-bottom: 20px;
-    text-align: center;
-}
-.wp-caption {
-    color: currentColor;
-    font-size: 1rem;
-    line-height: 1.7;
-    margin-top: 10px;
-    margin-bottom: 20px;
-    text-align: center;
-}
+figcaption,
+.wp-caption,
 .wp-caption-text {
     color: currentColor;
-    font-size: 1rem;
-    line-height: 1.7;
-    margin-top: 10px;
-    margin-bottom: 20px;
+    font-size: var(--global--font-size-xs);
+    line-height: var(--global--line-height-body);
+    margin-top: calc(0.5 * var(--global--spacing-unit));
+    margin-bottom: var(--global--spacing-unit);
     text-align: center;
 }
 
 .alignleft figcaption,
-.alignright figcaption, .alignleft
-.wp-caption,
-.alignright
-.wp-caption, .alignleft
-.wp-caption-text,
-.alignright
-.wp-caption-text {
+.alignright figcaption,
+.alignleft .wp-caption,
+.alignright .wp-caption,
+.alignleft .wp-caption-text,
+.alignright .wp-caption-text {
     margin-bottom: 0;
 }
@@ -271 +446 @@
 
 select {
-    border: 3px solid #39414d;
-    border-radius: 0;
-    color: #28303d;
-    font-size: 1.125rem;
+    border: var(--form--border-width) solid var(--form--border-color);
+    border-radius: var(--form--border-radius);
+    color: var(--form--color-text);
+    font-size: var(--form--font-size);
     -moz-appearance: none;
     -webkit-appearance: none;
     appearance: none;
-    padding: 10px 30px 10px 10px;
-    /* stylelint-disable */
-    background: #fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;
-    /* stylelint-enable */
-    background-position: right 10px top 60%;
+    padding: var(--form--spacing-unit) calc(3 * var(--form--spacing-unit)) var(--form--spacing-unit) var(--form--spacing-unit);
+    background: var(--global--color-white) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;
+    background-position: right var(--form--spacing-unit) top 60%;
 }
 
@@ -292 +465 @@
 a {
     cursor: pointer;
-    color: #28303d;
+    color: var(--wp--style--color--link, var(--global--color-primary));
     text-underline-offset: 3px;
     text-decoration-skip-ink: all;
@@ -303 +476 @@
 
 .site a:focus {
+
     /* Only visible in Windows High Contrast mode */
     outline: 2px solid transparent;
@@ -308 +482 @@
 }
 
-.has-background-dark .site a:focus {
-    color: #d1e4dd;
-}
-
-.has-background-dark .site a:focus .meta-nav {
-    color: #d1e4dd;
+.is-dark-theme .site a:focus,
+.is-dark-theme .site a:focus .meta-nav {
+    color: var(--wp--style--color--link, var(--global--color-background));
 }
 
 .has-background-white .site a:focus {
     background: rgba(0, 0, 0, 0.9);
-    color: #fff;
+    color: var(--wp--style--color--link, var(--global--color-white));
 }
 
 .has-background-white .site a:focus .meta-nav {
-    color: #fff;
+    color: var(--wp--style--color--link, var(--global--color-white));
 }
 
 .site a:focus.skip-link {
+
     /* Only visible in Windows High Contrast mode */
     outline: 2px solid transparent;
@@ -337 +509 @@
 
 .site a:focus img {
-    outline: 2px dotted #28303d;
-}
-
-.has-background:not(.has-background-background-color) .has-link-color a {
-    color: #28303d;
-}
-
+    outline: 2px dotted var(--wp--style--color--link, var(--global--color-primary));
+}
+
+.has-background:not(.has-background-background-color) .has-link-color a,
 .has-background:not(.has-background-background-color).has-link-color a {
-    color: #28303d;
+    color: var(--wp--style--color--link, var(--global--color-primary));
 }
 
 .wp-block-button__link {
-    line-height: 1.5;
-    color: #d1e4dd;
+    line-height: var(--button--line-height);
+    color: var(--button--color-text);
     cursor: pointer;
-    font-weight: 500;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-size: 1.25rem;
-    background-color: #39414d;
-    border-radius: 0;
-    border: 3px solid #39414d;
+    font-weight: var(--button--font-weight);
+    font-family: var(--button--font-family);
+    font-size: var(--button--font-size);
+    background-color: var(--button--color-background);
+    border-radius: var(--button--border-radius);
+    border: var(--button--border-width) solid var(--button--color-background);
     text-decoration: none;
-    padding: 15px 30px;
-}
-
-.wp-block-button__link:before, .wp-block-button__link:after {
+    padding: var(--button--padding-vertical) var(--button--padding-horizontal);
+}
+
+.wp-block-button__link:before,
+.wp-block-button__link:after {
     content: "";
     display: block;
@@ -370 +540 @@
 
 .wp-block-button__link:before {
-    margin-bottom: -calc(1em - 0);
+    margin-bottom: -calc(.5em * var(--button--line-height) + -.38);
 }
 
 .wp-block-button__link:after {
-    margin-top: -calc(1em - 0);
+    margin-top: -calc(.5em * var(--button--line-height) + -.39);
 }
 
@@ -383 +553 @@
 }
 
-.has-background-dark .wp-block-button__link:focus {
-    color: #39414d;
+.is-dark-theme .wp-block-button__link:focus {
+    color: var(--button--color-background);
 }
 
 .wp-block-button__link:focus:not(.has-background) {
-    color: #39414d;
+    color: var(--button--color-text-hover);
 }
 
 .wp-block-button__link:disabled {
-    background-color: rgba(255, 255, 255, 0.5);
-    border-color: rgba(255, 255, 255, 0.5);
-    color: #39414d;
+    background-color: var(--global--color-white-50);
+    border-color: var(--global--color-white-50);
+    color: var(--button--color-text-active);
 }
 
@@ -400 +570 @@
  * Block Options
  */
-.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background):not(.has-text-color):active {
-    color: #39414d;
-    background-color: #d1e4dd;
-}
-
-.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background):not(.has-text-color):hover {
-    color: #39414d;
+[data-block].wp-block-buttons {
+    margin-top: 0;
+    margin-bottom: 0;
+}
+
+[data-block].wp-block-buttons .wp-block-button:first-child {
+    margin-top: var(--global--spacing-vertical);
+}
+
+[data-block].wp-block-buttons .wp-block-button:last-child {
+    margin-bottom: var(--global--spacing-vertical);
+}
+
+.wp-block-button:not(.is-style-outline) .wp-block-button__link:active {
+    color: var(--button--color-text-active) !important;
+    background: transparent !important;
+    border-color: var(--button--color-background);
+}
+
+.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
+    color: var(--button--color-text-hover) !important;
+    background: transparent !important;
+    border-color: var(--button--color-background);
+}
+
+.wp-block-button.is-style-outline .wp-block-button__link {
+    color: var(--button--color-background);
     background: transparent;
-}
-
-.wp-block-button:not(.is-style-outline) .wp-block-button__link.has-background:active, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-background:hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-text-color:active, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-text-color:hover {
-    outline-offset: -7px;
-    outline: 2px dotted currentColor;
-}
-
-.wp-block-button.is-style-outline .wp-block-button__link {
-    color: #39414d;
-    background: transparent;
-    border: 3px solid currentColor;
-    padding: 15px 30px;
-}
-
-.wp-block-button.is-style-outline .wp-block-button__link:active {
-    background-color: #39414d;
-    color: #d1e4dd;
-    border: 3px solid #39414d;
-}
-
+    border: var(--button--border-width) solid currentColor;
+    padding: var(--button--padding-vertical) var(--button--padding-horizontal);
+}
+
+.wp-block-button.is-style-outline .wp-block-button__link:active,
 .wp-block-button.is-style-outline .wp-block-button__link:hover {
-    background-color: #39414d;
-    color: #d1e4dd;
-    border: 3px solid #39414d;
+    background-color: var(--button--color-background);
+    color: var(--button--color-text);
+    border-color: var(--button--color-background);
 }
 
 .wp-block-button.is-style-outline .wp-block-button__link.has-background {
-    background: transparent !important;
-}
-
-.wp-block-button.is-style-outline .wp-block-button__link.has-background:active {
-    color: #39414d;
-    outline-offset: -7px;
-    background: transparent;
-    outline: 2px dotted currentColor;
-    border: 3px solid currentColor;
-}
-
+    border-color: var(--button--color-background);
+}
+
+.wp-block-button.is-style-outline .wp-block-button__link.has-background:active,
 .wp-block-button.is-style-outline .wp-block-button__link.has-background:hover {
-    color: #39414d;
-    outline-offset: -7px;
-    background: transparent;
-    outline: 2px dotted currentColor;
-    border: 3px solid currentColor;
-}
-
-.wp-block-button.is-style-outline .wp-block-button__link.has-text-color:active {
-    color: #39414d;
-    outline-offset: -7px;
-    background: transparent;
-    outline: 2px dotted currentColor;
-    border: 3px solid currentColor;
-}
-
+    background-color: var(--button--color-background) !important;
+}
+
+.wp-block-button.is-style-outline .wp-block-button__link.has-background:not(.has-text-color) {
+    color: var(--global--color-dark-gray);
+}
+
+.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-gray-background-color:not(.has-text-color),
+.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-dark-gray-background-color:not(.has-text-color),
+.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-black-background-color:not(.has-text-color) {
+    color: var(--global--color-white);
+}
+
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-white-background-color,
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-green-background-color,
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-blue-background-color,
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-purple-background-color,
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-red-background-color,
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-orange-background-color,
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-yellow-background-color {
+    color: var(--global--color-dark-gray);
+}
+
+.wp-block-button.is-style-outline .wp-block-button__link.has-text-color {
+    border-color: currentColor;
+}
+
+.wp-block-button.is-style-outline .wp-block-button__link.has-text-color:active,
 .wp-block-button.is-style-outline .wp-block-button__link.has-text-color:hover {
-    color: #39414d;
-    outline-offset: -7px;
-    background: transparent;
-    outline: 2px dotted currentColor;
-    border: 3px solid currentColor;
+    color: var(--button--color-text) !important;
+    border-color: var(--button--color-background);
 }
 
@@ -474 +652 @@
 }
 
-.is-selected.is-style-outline .wp-block-button__link:hover {
-    background-color: transparent;
-    color: #39414d;
-}
-
-.is-style-outline .wp-block-button__link[style*="radius"],
-.wp-block-button__link[style*="radius"] {
+.is-style-outline .wp-block-button__link[style*=radius],
+.wp-block-button__link[style*=radius] {
     outline-offset: 2px;
 }
 
 .wp-block-code code {
-    font-size: 1rem;
+    font-size: var(--global--font-size-xs);
     white-space: pre !important;
     overflow-x: auto;
@@ -491 +664 @@
 
 .wp-block-code {
-    border-color: #28303d;
+    border-color: var(--global--color-border);
     border-radius: 0;
     border-style: solid;
     border-width: 0.1rem;
-    padding: 20px;
+    padding: var(--global--spacing-unit);
     color: currentColor;
 }
 
-.wp-block-cover {
-    background-color: #000;
-    min-height: 450px;
-    margin-top: inherit;
-    margin-bottom: inherit;
-}
-
+.wp-block-cover,
 .wp-block-cover-image {
-    background-color: #000;
-    min-height: 450px;
+    background-color: var(--cover--color-background);
+    min-height: var(--cover--height);
     margin-top: inherit;
     margin-bottom: inherit;
@@ -516 +683 @@
 .wp-block-cover-image:not(.alignwide):not(.alignfull) {
     clear: both;
+}
+
+[data-align=full] .wp-block-cover,
+[data-align=full] .wp-block-cover-image {
+    margin-top: 0;
+    margin-bottom: 0;
 }
 
@@ -540 +713 @@
 }
 
-.wp-block-cover .wp-block-cover__inner-container .has-link-color a {
-    color: #28303d;
-}
-
-.wp-block-cover .wp-block-cover-image-text .has-link-color a {
-    color: #28303d;
-}
-
-.wp-block-cover .wp-block-cover-text .has-link-color a {
-    color: #28303d;
-}
-
-.wp-block-cover .block-editor-block-list__block .has-link-color a {
-    color: #28303d;
-}
-
-.wp-block-cover-image .wp-block-cover__inner-container .has-link-color a {
-    color: #28303d;
-}
-
-.wp-block-cover-image .wp-block-cover-image-text .has-link-color a {
-    color: #28303d;
-}
-
-.wp-block-cover-image .wp-block-cover-text .has-link-color a {
-    color: #28303d;
-}
-
+.wp-block-cover .wp-block-cover__inner-container .has-link-color a,
+.wp-block-cover .wp-block-cover-image-text .has-link-color a,
+.wp-block-cover .wp-block-cover-text .has-link-color a,
+.wp-block-cover .block-editor-block-list__block .has-link-color a,
+.wp-block-cover-image .wp-block-cover__inner-container .has-link-color a,
+.wp-block-cover-image .wp-block-cover-image-text .has-link-color a,
+.wp-block-cover-image .wp-block-cover-text .has-link-color a,
 .wp-block-cover-image .block-editor-block-list__block .has-link-color a {
-    color: #28303d;
-}
-
-.wp-block-cover:not([class*="background-color"]) .wp-block-cover__inner-container {
-    color: #fff;
-}
-
-.wp-block-cover:not([class*="background-color"]) .wp-block-cover-image-text {
-    color: #fff;
-}
-
-.wp-block-cover:not([class*="background-color"]) .wp-block-cover-text {
-    color: #fff;
-}
-
-.wp-block-cover:not([class*="background-color"]) .block-editor-block-list__block {
-    color: #fff;
-}
-
-.wp-block-cover-image:not([class*="background-color"]) .wp-block-cover__inner-container {
-    color: #fff;
-}
-
-.wp-block-cover-image:not([class*="background-color"]) .wp-block-cover-image-text {
-    color: #fff;
-}
-
-.wp-block-cover-image:not([class*="background-color"]) .wp-block-cover-text {
-    color: #fff;
-}
-
-.wp-block-cover-image:not([class*="background-color"]) .block-editor-block-list__block {
-    color: #fff;
-}
-
-.wp-block-cover h2 {
-    font-size: 2.25rem;
-    letter-spacing: normal;
-    line-height: 1.3;
+    color: var(--wp--style--color--link, var(--global--color-primary));
+}
+
+.wp-block-cover:not([class*=background-color]) .wp-block-cover__inner-container,
+.wp-block-cover:not([class*=background-color]) .wp-block-cover-image-text,
+.wp-block-cover:not([class*=background-color]) .wp-block-cover-text,
+.wp-block-cover:not([class*=background-color]) .block-editor-block-list__block,
+.wp-block-cover-image:not([class*=background-color]) .wp-block-cover__inner-container,
+.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-image-text,
+.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-text,
+.wp-block-cover-image:not([class*=background-color]) .block-editor-block-list__block {
+    color: var(--cover--color-foreground);
+}
+
+.wp-block-cover h2,
+.wp-block-cover-image h2 {
+    font-size: var(--heading--font-size-h2);
+    letter-spacing: var(--heading--letter-spacing-h2);
+    line-height: var(--heading--line-height-h2);
     padding: 0;
     max-width: inherit;
@@ -613 +745 @@
 }
 
-@media only screen and (min-width: 652px){
-    .wp-block-cover h2{
-    font-size: 3rem;
-    }
-}
-
-@media only screen and (min-width: 652px){
-    .wp-block-cover h2{
-    font-size: 3rem;
-    }
-}
-
-.wp-block-cover-image h2 {
-    font-size: 2.25rem;
-    letter-spacing: normal;
-    line-height: 1.3;
-    padding: 0;
-    max-width: inherit;
-    text-align: inherit;
-}
-
-@media only screen and (min-width: 652px){
-    .wp-block-cover-image h2{
-    font-size: 3rem;
-    }
-}
-
-@media only screen and (min-width: 652px){
-    .wp-block-cover-image h2{
-    font-size: 3rem;
-    }
-}
-
 .wp-block-cover h2.has-text-align-left,
 .wp-block-cover-image h2.has-text-align-left {
@@ -661 +760 @@
 }
 
-.wp-block-cover.is-style-twentytwentyone-border {
-    border: 3px solid #28303d;
-}
-
+.wp-block-cover.is-style-twentytwentyone-border,
 .wp-block-cover-image.is-style-twentytwentyone-border {
-    border: 3px solid #28303d;
+    border: calc(3 * var(--separator--height)) solid var(--global--color-border);
 }
 
@@ -677 +773 @@
     max-width: inherit;
 }
-
 @media only screen and (min-width: 652px) {
+
     .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) {
-        margin-left: -50px;
-        margin-top: 63px;
+        margin-left: calc(-2 * var(--global--spacing-horizontal));
+        margin-top: calc(2.5 * var(--global--spacing-horizontal));
         z-index: 2;
     }
-    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background) {
-        background-color: #d1e4dd;
-        padding: 20px;
-    }
-    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background) {
-        background-color: #d1e4dd;
-        padding: 20px;
-    }
-    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background) {
-        background-color: #d1e4dd;
-        padding: 20px;
-    }
-    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h3:not(.has-background) {
-        background-color: #d1e4dd;
-        padding: 20px;
-    }
-    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h4:not(.has-background) {
-        background-color: #d1e4dd;
-        padding: 20px;
-    }
-    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h5:not(.has-background) {
-        background-color: #d1e4dd;
-        padding: 20px;
-    }
-    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h6:not(.has-background) {
-        background-color: #d1e4dd;
-        padding: 20px;
-    }
-    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background) {
-        background-color: #d1e4dd;
-        padding: 20px;
-    }
+
+    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background),
+    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background),
+    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background),
+    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h3:not(.has-background),
+    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h4:not(.has-background),
+    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h5:not(.has-background),
+    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h6:not(.has-background),
+    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background),
+    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background),
+    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > pre:not(.has-background) {
+        background-color: var(--global--color-background);
+        padding: var(--global--spacing-unit);
+    }
+
+    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background),
     .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) {
-        background-color: #d1e4dd;
-        padding: 20px;
-    }
-    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > pre:not(.has-background) {
-        background-color: #d1e4dd;
-        padding: 20px;
-    }
-    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background) {
-        padding-left: 50px;
-    }
-    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) {
-        padding-left: 50px;
-    }
+        padding-left: calc(2 * var(--global--spacing-horizontal));
+    }
+
     .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n).is-vertically-aligned-center {
         margin-top: 0;
@@ -735 +805 @@
 }
 
-.wp-block[data-align="full"] .wp-block-columns p:not(.has-background) {
-    padding-left: 20px;
-    padding-right: 20px;
-}
-
-.wp-block[data-align="full"] .wp-block-columns h1:not(.has-background) {
-    padding-left: 20px;
-    padding-right: 20px;
-}
-
-.wp-block[data-align="full"] .wp-block-columns h2:not(.has-background) {
-    padding-left: 20px;
-    padding-right: 20px;
-}
-
-.wp-block[data-align="full"] .wp-block-columns h3:not(.has-background) {
-    padding-left: 20px;
-    padding-right: 20px;
-}
-
-.wp-block[data-align="full"] .wp-block-columns h4:not(.has-background) {
-    padding-left: 20px;
-    padding-right: 20px;
-}
-
-.wp-block[data-align="full"] .wp-block-columns h5:not(.has-background) {
-    padding-left: 20px;
-    padding-right: 20px;
-}
-
-.wp-block[data-align="full"] .wp-block-columns h6:not(.has-background) {
-    padding-left: 20px;
-    padding-right: 20px;
+.wp-block[data-align=full] .wp-block-columns p:not(.has-background),
+.wp-block[data-align=full] .wp-block-columns h1:not(.has-background),
+.wp-block[data-align=full] .wp-block-columns h2:not(.has-background),
+.wp-block[data-align=full] .wp-block-columns h3:not(.has-background),
+.wp-block[data-align=full] .wp-block-columns h4:not(.has-background),
+.wp-block[data-align=full] .wp-block-columns h5:not(.has-background),
+.wp-block[data-align=full] .wp-block-columns h6:not(.has-background) {
+    padding-left: var(--global--spacing-unit);
+    padding-right: var(--global--spacing-unit);
 }
 
@@ -782 +828 @@
 
 .wp-block-file .wp-block-file__button {
-    line-height: 1.5;
-    color: #d1e4dd;
+    line-height: var(--button--line-height);
+    color: var(--button--color-text);
     cursor: pointer;
-    font-weight: 500;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-size: 1.25rem;
-    background-color: #39414d;
-    border-radius: 0;
-    border: 3px solid #39414d;
+    font-weight: var(--button--font-weight);
+    font-family: var(--button--font-family);
+    font-size: var(--button--font-size);
+    background-color: var(--button--color-background);
+    border-radius: var(--button--border-radius);
+    border: var(--button--border-width) solid var(--button--color-background);
     text-decoration: none;
-    padding: 15px 30px;
+    padding: var(--button--padding-vertical) var(--button--padding-horizontal);
     display: inline-block;
 }
 
-.wp-block-file .wp-block-file__button:before, .wp-block-file .wp-block-file__button:after {
+.wp-block-file .wp-block-file__button:before,
+.wp-block-file .wp-block-file__button:after {
     content: "";
     display: block;
@@ -804 +851 @@
 
 .wp-block-file .wp-block-file__button:before {
-    margin-bottom: -calc(1em - 0);
+    margin-bottom: -calc(.5em * var(--button--line-height) + -.38);
 }
 
 .wp-block-file .wp-block-file__button:after {
-    margin-top: -calc(1em - 0);
+    margin-top: -calc(.5em * var(--button--line-height) + -.39);
 }
 
@@ -817 +864 @@
 }
 
-.has-background-dark .wp-block-file .wp-block-file__button:focus {
-    color: #39414d;
+.is-dark-theme .wp-block-file .wp-block-file__button:focus {
+    color: var(--button--color-background);
 }
 
 .wp-block-file .wp-block-file__button:focus:not(.has-background) {
-    color: #39414d;
+    color: var(--button--color-text-hover);
 }
 
 .wp-block-file .wp-block-file__button:disabled {
-    background-color: rgba(255, 255, 255, 0.5);
-    border-color: rgba(255, 255, 255, 0.5);
-    color: #39414d;
+    background-color: var(--global--color-white-50);
+    border-color: var(--global--color-white-50);
+    color: var(--button--color-text-active);
 }
 
 .wp-block-file .wp-block-file__button:hover {
-    color: #39414d;
+    color: var(--button--color-text-hover);
     background: transparent;
 }
@@ -841 +888 @@
 
 .wp-block-gallery figcaption a {
-    color: #fff;
+    color: var(--global--color-white);
 }
 
@@ -850 +897 @@
 }
 
-.wp-block-group:before, .wp-block-group:after {
+.wp-block-group:before,
+.wp-block-group:after {
     content: "";
     display: block;
@@ -857 +905 @@
 
 .wp-block-group.has-background {
-    padding: 30px;
+    padding: var(--global--spacing-vertical);
+}
+
+[data-align=full] .wp-block-group.has-background {
+    margin-top: 0;
+    margin-bottom: 0;
 }
 
 .wp-block-group.is-style-twentytwentyone-border {
-    border: 3px solid #28303d;
-    padding: 30px;
-}
-
-.wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > [data-align="full"] {
-    max-width: calc(100% + 60px);
-    width: calc(100% + 60px);
-    margin-left: -30px;
+    border: calc(3 * var(--separator--height)) solid var(--global--color-border);
+    padding: var(--global--spacing-vertical);
+}
+
+.wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > [data-align=full] {
+    max-width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical)));
+    width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical)));
+    margin-left: calc(-1 * var(--global--spacing-vertical));
 }
 
@@ -875 +928 @@
 }
 
-.wp-block-group .wp-block-group.has-background > .block-editor-block-list__layout > [data-align="full"] {
+.wp-block-group .wp-block-group.has-background > .block-editor-block-list__layout > [data-align=full] {
     margin: 0;
     width: 100%;
 }
 
-.wp-block-heading h1 {
-    clear: both;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-weight: normal;
-}
-
-h1 {
-    clear: both;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-weight: normal;
-}
-
-.h1 {
-    clear: both;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-weight: normal;
-}
-
-.wp-block-heading h2 {
-    clear: both;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-weight: normal;
-}
-
-h2 {
-    clear: both;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-weight: normal;
-}
-
-.h2 {
-    clear: both;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-weight: normal;
-}
-
-.wp-block-heading h3 {
-    clear: both;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-weight: normal;
-}
-
-h3 {
-    clear: both;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-weight: normal;
-}
-
-.h3 {
-    clear: both;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-weight: normal;
-}
-
-.wp-block-heading h4 {
-    clear: both;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-weight: normal;
-}
-
-h4 {
-    clear: both;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-weight: normal;
-}
-
-.h4 {
-    clear: both;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-weight: normal;
-}
-
-.wp-block-heading h5 {
-    clear: both;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-weight: normal;
-}
-
-h5 {
-    clear: both;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-weight: normal;
-}
-
-.h5 {
-    clear: both;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-weight: normal;
-}
-
-.wp-block-heading h6 {
-    clear: both;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-weight: normal;
-}
-
-h6 {
-    clear: both;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-weight: normal;
-}
-
+.wp-block-heading h1,
+h1,
+.h1,
+.wp-block-heading h2,
+h2,
+.h2,
+.wp-block-heading h3,
+h3,
+.h3,
+.wp-block-heading h4,
+h4,
+.h4,
+.wp-block-heading h5,
+h5,
+.h5,
+.wp-block-heading h6,
+h6,
 .h6 {
     clear: both;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-weight: normal;
-}
-
-.wp-block-heading h1 strong {
-    font-weight: 600;
-}
-
-h1 strong {
-    font-weight: 600;
-}
-
-.h1 strong {
-    font-weight: 600;
-}
-
-.wp-block-heading h2 strong {
-    font-weight: 600;
-}
-
-h2 strong {
-    font-weight: 600;
-}
-
-.h2 strong {
-    font-weight: 600;
-}
-
-.wp-block-heading h3 strong {
-    font-weight: 600;
-}
-
-h3 strong {
-    font-weight: 600;
-}
-
-.h3 strong {
-    font-weight: 600;
-}
-
-.wp-block-heading h4 strong {
-    font-weight: 600;
-}
-
-h4 strong {
-    font-weight: 600;
-}
-
-.h4 strong {
-    font-weight: 600;
-}
-
-.wp-block-heading h5 strong {
-    font-weight: 600;
-}
-
-h5 strong {
-    font-weight: 600;
-}
-
-.h5 strong {
-    font-weight: 600;
-}
-
-.wp-block-heading h6 strong {
-    font-weight: 600;
-}
-
-h6 strong {
-    font-weight: 600;
-}
-
+    font-family: var(--heading--font-family);
+    font-weight: var(--heading--font-weight);
+}
+
+.wp-block-heading h1 strong,
+h1 strong,
+.h1 strong,
+.wp-block-heading h2 strong,
+h2 strong,
+.h2 strong,
+.wp-block-heading h3 strong,
+h3 strong,
+.h3 strong,
+.wp-block-heading h4 strong,
+h4 strong,
+.h4 strong,
+.wp-block-heading h5 strong,
+h5 strong,
+.h5 strong,
+.wp-block-heading h6 strong,
+h6 strong,
 .h6 strong {
-    font-weight: 600;
-}
-
-.wp-block-heading h1[style*="--wp--typography--line-height"] {
-    line-height: --global--line-height-body;
-}
-
-h1[style*="--wp--typography--line-height"] {
-    line-height: --global--line-height-body;
-}
-
-.h1[style*="--wp--typography--line-height"] {
-    line-height: --global--line-height-body;
-}
-
-.wp-block-heading h2[style*="--wp--typography--line-height"] {
-    line-height: --global--line-height-body;
-}
-
-h2[style*="--wp--typography--line-height"] {
-    line-height: --global--line-height-body;
-}
-
-.h2[style*="--wp--typography--line-height"] {
-    line-height: --global--line-height-body;
-}
-
-.wp-block-heading h3[style*="--wp--typography--line-height"] {
-    line-height: --global--line-height-body;
-}
-
-h3[style*="--wp--typography--line-height"] {
-    line-height: --global--line-height-body;
-}
-
-.h3[style*="--wp--typography--line-height"] {
-    line-height: --global--line-height-body;
-}
-
-.wp-block-heading h4[style*="--wp--typography--line-height"] {
-    line-height: --global--line-height-body;
-}
-
-h4[style*="--wp--typography--line-height"] {
-    line-height: --global--line-height-body;
-}
-
-.h4[style*="--wp--typography--line-height"] {
-    line-height: --global--line-height-body;
-}
-
-.wp-block-heading h5[style*="--wp--typography--line-height"] {
-    line-height: --global--line-height-body;
-}
-
-h5[style*="--wp--typography--line-height"] {
-    line-height: --global--line-height-body;
-}
-
-.h5[style*="--wp--typography--line-height"] {
-    line-height: --global--line-height-body;
-}
-
-.wp-block-heading h6[style*="--wp--typography--line-height"] {
-    line-height: --global--line-height-body;
-}
-
-h6[style*="--wp--typography--line-height"] {
-    line-height: --global--line-height-body;
-}
-
+    font-weight: var(--heading--font-weight-strong);
+}
+
+.wp-block-heading h1[style*="--wp--typography--line-height"],
+h1[style*="--wp--typography--line-height"],
+.h1[style*="--wp--typography--line-height"],
+.wp-block-heading h2[style*="--wp--typography--line-height"],
+h2[style*="--wp--typography--line-height"],
+.h2[style*="--wp--typography--line-height"],
+.wp-block-heading h3[style*="--wp--typography--line-height"],
+h3[style*="--wp--typography--line-height"],
+.h3[style*="--wp--typography--line-height"],
+.wp-block-heading h4[style*="--wp--typography--line-height"],
+h4[style*="--wp--typography--line-height"],
+.h4[style*="--wp--typography--line-height"],
+.wp-block-heading h5[style*="--wp--typography--line-height"],
+h5[style*="--wp--typography--line-height"],
+.h5[style*="--wp--typography--line-height"],
+.wp-block-heading h6[style*="--wp--typography--line-height"],
+h6[style*="--wp--typography--line-height"],
 .h6[style*="--wp--typography--line-height"] {
-    line-height: --global--line-height-body;
-}
-
-.wp-block-heading h1 {
-    font-size: 4rem;
-    letter-spacing: normal;
-    line-height: 1.1;
-}
-
-@media only screen and (min-width: 652px){
-    .wp-block-heading h1{
-    font-size: 6rem;
-    }
-}
-
-h1 {
-    font-size: 4rem;
-    letter-spacing: normal;
-    line-height: 1.1;
-}
-
-@media only screen and (min-width: 652px){
-    h1{
-    font-size: 6rem;
-    }
-}
-
+    line-height: var(--wp--typography--line-height, --global--line-height-body);
+}
+
+.wp-block-heading h1,
+h1,
 .h1 {
-    font-size: 4rem;
-    letter-spacing: normal;
-    line-height: 1.1;
-}
-
-@media only screen and (min-width: 652px){
-    .h1{
-    font-size: 6rem;
-    }
-}
-
-.wp-block-heading h2 {
-    font-size: 2.25rem;
-    letter-spacing: normal;
-    line-height: 1.3;
-}
-
-@media only screen and (min-width: 652px){
-    .wp-block-heading h2{
-    font-size: 3rem;
-    }
-}
-
-@media only screen and (min-width: 652px){
-    .wp-block-heading h2{
-    font-size: 3rem;
-    }
-}
-
-h2 {
-    font-size: 2.25rem;
-    letter-spacing: normal;
-    line-height: 1.3;
-}
-
-@media only screen and (min-width: 652px){
-    h2{
-    font-size: 3rem;
-    }
-}
-
-@media only screen and (min-width: 652px){
-    h2{
-    font-size: 3rem;
-    }
-}
-
+    font-size: var(--heading--font-size-h1);
+    letter-spacing: var(--heading--letter-spacing-h1);
+    line-height: var(--heading--line-height-h1);
+}
+
+.wp-block-heading h2,
+h2,
 .h2 {
-    font-size: 2.25rem;
-    letter-spacing: normal;
-    line-height: 1.3;
-}
-
-@media only screen and (min-width: 652px){
-    .h2{
-    font-size: 3rem;
-    }
-}
-
-@media only screen and (min-width: 652px){
-    .h2{
-    font-size: 3rem;
-    }
-}
-
-.wp-block-heading h3 {
-    font-size: 2rem;
-    letter-spacing: normal;
-    line-height: 1.3;
-}
-
-@media only screen and (min-width: 652px){
-    .wp-block-heading h3{
-    font-size: 2rem;
-    }
-}
-
-h3 {
-    font-size: 2rem;
-    letter-spacing: normal;
-    line-height: 1.3;
-}
-
-@media only screen and (min-width: 652px){
-    h3{
-    font-size: 2rem;
-    }
-}
-
+    font-size: var(--heading--font-size-h2);
+    letter-spacing: var(--heading--letter-spacing-h2);
+    line-height: var(--heading--line-height-h2);
+}
+
+.wp-block-heading h3,
+h3,
 .h3 {
-    font-size: 2rem;
-    letter-spacing: normal;
-    line-height: 1.3;
-}
-
-@media only screen and (min-width: 652px){
-    .h3{
-    font-size: 2rem;
-    }
-}
-
-.wp-block-heading h4 {
-    font-size: 1.5rem;
-    font-weight: 600;
-    letter-spacing: normal;
-    line-height: 1.3;
-}
-
-h4 {
-    font-size: 1.5rem;
-    font-weight: 600;
-    letter-spacing: normal;
-    line-height: 1.3;
-}
-
+    font-size: var(--heading--font-size-h3);
+    letter-spacing: var(--heading--letter-spacing-h3);
+    line-height: var(--heading--line-height-h3);
+}
+
+.wp-block-heading h4,
+h4,
 .h4 {
-    font-size: 1.5rem;
-    font-weight: 600;
-    letter-spacing: normal;
-    line-height: 1.3;
-}
-
-.wp-block-heading h5 {
-    font-size: 1.125rem;
-    font-weight: 600;
-    letter-spacing: 0.05em;
-    line-height: 1.3;
-}
-
-h5 {
-    font-size: 1.125rem;
-    font-weight: 600;
-    letter-spacing: 0.05em;
-    line-height: 1.3;
-}
-
+    font-size: var(--heading--font-size-h4);
+    font-weight: var(--heading--font-weight-strong);
+    letter-spacing: var(--heading--letter-spacing-h4);
+    line-height: var(--heading--line-height-h4);
+}
+
+.wp-block-heading h5,
+h5,
 .h5 {
-    font-size: 1.125rem;
-    font-weight: 600;
-    letter-spacing: 0.05em;
-    line-height: 1.3;
-}
-
-.wp-block-heading h6 {
-    font-size: 1rem;
-    font-weight: 600;
-    letter-spacing: 0.05em;
-    line-height: 1.3;
-}
-
-h6 {
-    font-size: 1rem;
-    font-weight: 600;
-    letter-spacing: 0.05em;
-    line-height: 1.3;
-}
-
+    font-size: var(--heading--font-size-h5);
+    font-weight: var(--heading--font-weight-strong);
+    letter-spacing: var(--heading--letter-spacing-h5);
+    line-height: var(--heading--line-height-h5);
+}
+
+.wp-block-heading h6,
+h6,
 .h6 {
-    font-size: 1rem;
-    font-weight: 600;
-    letter-spacing: 0.05em;
-    line-height: 1.3;
+    font-size: var(--heading--font-size-h6);
+    font-weight: var(--heading--font-weight-strong);
+    letter-spacing: var(--heading--letter-spacing-h6);
+    line-height: var(--heading--line-height-h6);
 }
 
 [data-type="core/html"] textarea {
-    color: #28303d;
+    color: var(--global--color-dark-gray);
     border-radius: 0;
-    padding: 20px;
+    padding: var(--global--spacing-unit);
 }
 
@@ -1337 +1065 @@
 
 /* Block Styles */
-.wp-block-image.is-style-twentytwentyone-border img {
-    border: 3px solid #28303d;
-}
+.wp-block-image.is-style-twentytwentyone-border img,
 .wp-block-image.is-style-twentytwentyone-image-frame img {
-    border: 3px solid #28303d;
+    border: calc(3 * var(--separator--height)) solid var(--global--color-border);
 }
 
 .wp-block-image.is-style-twentytwentyone-image-frame img {
-    padding: 20px;
+    padding: var(--global--spacing-unit);
 }
 
@@ -1357 +1083 @@
 
 .wp-block-latest-posts:not(.is-grid) > li {
-    margin-top: 50px;
-    margin-bottom: 50px;
+    margin-top: calc(1.666 * var(--global--spacing-vertical));
+    margin-bottom: calc(1.666 * var(--global--spacing-vertical));
 }
 
@@ -1375 +1101 @@
 
 .wp-block-latest-posts.is-grid > li {
-    margin-bottom: 30px;
+    margin-bottom: var(--global--spacing-vertical);
 }
 
@@ -1383 +1109 @@
 
 .wp-block-latest-posts > li > * {
-    margin-top: 10px;
-    margin-bottom: 10px;
+    margin-top: calc(0.333 * var(--global--spacing-vertical));
+    margin-bottom: calc(0.333 * var(--global--spacing-vertical));
 }
 
@@ -1397 +1123 @@
 .wp-block-latest-posts > li > a {
     display: inline-block;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-size: 2rem;
-    font-weight: normal;
-    line-height: 1.3;
-    margin-bottom: 10px;
-}
-
-@media only screen and (min-width: 652px){
-    .wp-block-latest-posts > li > a{
-    font-size: 2rem;
-    }
+    font-family: var(--latest-posts--title-font-family);
+    font-size: var(--latest-posts--title-font-size);
+    font-weight: var(--heading--font-weight);
+    line-height: var(--global--line-height-heading);
+    margin-bottom: calc(0.333 * var(--global--spacing-vertical));
 }
 
 .wp-block-latest-posts .wp-block-latest-posts__post-author {
-    color: #28303d;
-    font-size: 1.25rem;
-    line-height: 1.7;
+    color: var(--global--color-primary);
+    font-size: var(--global--font-size-md);
+    line-height: var(--global--line-height-body);
 }
 
 .wp-block-latest-posts .wp-block-latest-posts__post-date {
-    color: #28303d;
-    font-size: 1rem;
-    line-height: 1.7;
-}
-
-[class*="inner-container"] .wp-block-latest-posts .wp-block-latest-posts__post-date,
+    color: var(--global--color-primary);
+    font-size: var(--global--font-size-xs);
+    line-height: var(--global--line-height-body);
+}
+
+[class*=inner-container] .wp-block-latest-posts .wp-block-latest-posts__post-date,
 .has-background .wp-block-latest-posts .wp-block-latest-posts__post-date {
     color: currentColor;
 }
 
-.wp-block-latest-posts .wp-block-latest-posts__post-excerpt {
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-size: 1.125rem;
-    line-height: 1.7;
-    margin-top: 20px;
-}
-
+.wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
 .wp-block-latest-posts .wp-block-latest-posts__post-full-content {
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-size: 1.125rem;
-    line-height: 1.7;
-    margin-top: 20px;
+    font-family: var(--latest-posts--description-font-family);
+    font-size: var(--latest-posts--description-font-size);
+    line-height: var(--global--line-height-body);
+    margin-top: calc(0.666 * var(--global--spacing-vertical));
 }
 
 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers {
-    border-top: 3px solid #28303d;
-    border-bottom: 3px solid #28303d;
-}
-
-.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li {
-    padding-bottom: 30px;
-    border-bottom: 1px solid #28303d;
-    margin-top: 30px;
-    margin-bottom: 30px;
-}
-
+    border-top: calc(3 * var(--separator--height)) solid var(--global--color-border);
+    border-bottom: calc(3 * var(--separator--height)) solid var(--global--color-border);
+}
+
+.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li,
 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li {
-    padding-bottom: 30px;
-    border-bottom: 1px solid #28303d;
-    margin-top: 30px;
-    margin-bottom: 30px;
+    padding-bottom: var(--global--spacing-vertical);
+    border-bottom: var(--separator--height) solid var(--global--color-border);
+    margin-top: var(--global--spacing-vertical);
+    margin-bottom: var(--global--spacing-vertical);
 }
 
@@ -1467 +1175 @@
 
 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid {
-    box-shadow: inset 0 -1px 0 0 #28303d;
-    border-bottom: 2px solid #28303d;
+    box-shadow: inset 0 -1px 0 0 var(--global--color-border);
+    border-bottom: calc(2 * var(--separator--height)) solid var(--global--color-border);
 }
 
 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li {
     margin: 0;
-    padding-top: 30px;
-    padding-right: 25px;
+    padding-top: var(--global--spacing-vertical);
+    padding-right: var(--global--spacing-horizontal);
 }
 
 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li:last-child {
-    padding-bottom: 30px;
-}
-
+    padding-bottom: var(--global--spacing-vertical);
+}
 @media screen and (min-width: 600px) {
+
     .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-2 li {
-        width: 50%;
-    }
+        width: calc((100% / 2));
+    }
+
     .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-3 li {
-        width: 33%;
-    }
+        width: calc((100% / 3));
+    }
+
     .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-4 li {
-        width: 25%;
-    }
+        width: calc((100% / 4));
+    }
+
     .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-5 li {
-        width: 20%;
-    }
+        width: calc((100% / 5));
+    }
+
     .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-6 li {
-        width: 17%;
+        width: calc((100% / 6));
     }
 }
 
 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li {
-    border: 3px solid #28303d;
-    padding: 30px 25px;
+    border: calc(3 * var(--separator--height)) solid var(--global--color-border);
+    padding: var(--global--spacing-vertical) var(--global--spacing-horizontal);
 }
 
 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li:last-child {
-    padding-bottom: 30px;
-    margin-bottom: 30px;
+    padding-bottom: var(--global--spacing-vertical);
+    margin-bottom: var(--global--spacing-vertical);
 }
 
 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders:not(.is-grid) li {
-    margin-top: 25px;
-    margin-bottom: 25px;
+    margin-top: var(--global--spacing-horizontal);
+    margin-bottom: var(--global--spacing-horizontal);
 }
 
@@ -1557 +1269 @@
 }
 
-ul {
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    margin: 30px 0;
-    padding-left: 50px;
-}
-
+ul,
 ol {
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    margin: 30px 0;
-    padding-left: 50px;
+    font-family: var(--list--font-family);
+    margin: var(--global--spacing-vertical) 0;
+    padding-left: calc(2 * var(--global--spacing-horizontal));
 }
 
@@ -1589 +1296 @@
 
 dt {
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-family: var(--definition-term--font-family);
     font-weight: bold;
 }
 
+[data-align=full] .wp-block-media-text {
+    margin-top: 0;
+    margin-bottom: 0;
+}
+
 .wp-block-media-text .wp-block-media-text__content {
-    padding: 25px;
+    padding: var(--global--spacing-horizontal);
 }
 
@@ -1606 +1318 @@
 
 .wp-block-media-text.is-style-twentytwentyone-border {
-    border: 3px solid #28303d;
+    border: calc(3 * var(--separator--height)) solid var(--global--color-border);
 }
 
 .wp-block-navigation .wp-block-navigation__container {
-    background: #d1e4dd;
+    background: var(--global--color-background);
     padding: 0;
 }
 
 .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content {
-    padding: 13px;
+    padding: var(--primary-nav--padding);
 }
 
 .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__label {
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-size: 1.25rem;
-    font-weight: normal;
+    font-family: var(--primary-nav--font-family);
+    font-size: var(--primary-nav--font-size);
+    font-weight: var(--primary-nav--font-weight);
 }
 
 .wp-block-navigation .has-child .wp-block-navigation__container {
-    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
-}
-
-.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover {
-    color: #28303d;
-}
-
+    box-shadow: var(--global--elevation);
+}
+
+.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover,
 .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus {
-    color: #28303d;
+    color: var(--primary-nav--color-link-hover);
 }
 
@@ -1641 +1350 @@
 
 p {
-    line-height: --global--line-height-body;
+    line-height: var(--wp--typography--line-height, --global--line-height-body);
 }
 
 p.has-background {
-    padding: 20px;
+    padding: var(--global--spacing-unit);
 }
 
@@ -1651 +1360 @@
     overflow-x: auto;
     white-space: pre !important;
-    font-size: 1rem;
+    font-size: var(--global--font-size-xs);
 }
 
 .wp-block-pullquote {
-    padding: 40px 0;
+    padding: calc(2 * var(--global--spacing-unit)) 0;
     text-align: center;
-    border-width: 3px;
+    border-width: var(--pullquote--border-width);
     border-bottom-style: solid;
     border-top-style: solid;
@@ -1667 +1376 @@
 .wp-block-pullquote blockquote::before {
     color: currentColor;
-    content: "\201C";
+    content: "“";
     display: block;
     font-size: 3rem;
@@ -1675 +1384 @@
 
 .wp-block-pullquote p {
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-size: 2rem;
-    font-style: normal;
+    font-family: var(--pullquote--font-family);
+    font-size: var(--pullquote--font-size);
+    font-style: var(--pullquote--font-style);
     font-weight: 700;
-    letter-spacing: normal;
-    line-height: 1.3;
+    letter-spacing: var(--pullquote--letter-spacing);
+    line-height: var(--pullquote--line-height);
     margin: 0;
-}
-
-@media only screen and (min-width: 652px){
-    .wp-block-pullquote p{
-    font-size: 2rem;
-    }
 }
 
@@ -1694 +1397 @@
 }
 
-.wp-block-pullquote .wp-block-pullquote__citation {
-    font-size: 1rem;
-    font-style: normal;
-    text-transform: none;
-}
-
-.wp-block-pullquote cite {
-    font-size: 1rem;
-    font-style: normal;
-    text-transform: none;
-}
-
+.wp-block-pullquote .wp-block-pullquote__citation,
+.wp-block-pullquote cite,
 .wp-block-pullquote footer {
-    font-size: 1rem;
-    font-style: normal;
+    font-size: var(--global--font-size-xs);
+    font-style: var(--pullquote--font-style);
     text-transform: none;
 }
@@ -1719 +1412 @@
     margin-left: auto;
     margin-right: auto;
-    padding: 50px;
-    border-width: 3px;
+    padding: calc(2.5 * var(--global--spacing-unit));
+    border-width: var(--pullquote--border-width);
     border-style: solid;
-    border-color: #28303d;
-}
-
+    border-color: var(--pullquote--border-color);
+}
 @media (min-width: 600px) {
+
     .wp-block-pullquote.is-style-solid-color {
-        padding: 100px;
+        padding: calc(5 * var(--global--spacing-unit));
     }
 }
@@ -1735 +1428 @@
 }
 
-.wp-block-pullquote.is-style-solid-color.alignleft blockquote {
-    padding-left: 20px;
-    padding-right: 20px;
-    max-width: inherit;
-}
-
+.wp-block-pullquote.is-style-solid-color.alignleft blockquote,
 .wp-block-pullquote.is-style-solid-color.alignright blockquote {
-    padding-left: 20px;
-    padding-right: 20px;
+    padding-left: var(--global--spacing-unit);
+    padding-right: var(--global--spacing-unit);
     max-width: inherit;
 }
@@ -1753 +1441 @@
 
 .wp-block-pullquote.is-style-solid-color blockquote p {
-    font-size: 2rem;
-}
-
-@media only screen and (min-width: 652px){
-    .wp-block-pullquote.is-style-solid-color blockquote p{
-    font-size: 2rem;
-    }
+    font-size: var(--pullquote--font-size);
 }
 
@@ -1768 +1450 @@
 }
 
-.wp-block[data-align="full"] .wp-block-pullquote:not(.is-style-solid-color) blockquote {
-    padding: 0 40px;
+.wp-block[data-align=full] .wp-block-pullquote:not(.is-style-solid-color) blockquote {
+    padding: 0 calc(2 * var(--global--spacing-unit));
 }
 
@@ -1775 +1457 @@
     position: relative;
     border-left: none;
-    margin: 30px auto 30px 25px;
+    margin: var(--global--spacing-vertical) auto var(--global--spacing-vertical) var(--global--spacing-horizontal);
 }
 
 .wp-block-quote p {
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-size: 1.25rem;
-    font-style: normal;
-    font-weight: 700;
-    line-height: 1.7;
+    font-family: var(--quote--font-family);
+    font-size: var(--quote--font-size);
+    font-style: var(--quote--font-style);
+    font-weight: var(--quote--font-weight);
+    line-height: var(--quote--line-height);
 }
 
 .wp-block-quote strong {
-    font-weight: normal;
+    font-weight: var(--quote--font-weight-strong);
 }
 
 .wp-block-quote:before {
-    content: "\201C";
-    font-size: 1.25rem;
-    line-height: 1.7;
+    content: "“";
+    font-size: var(--quote--font-size);
+    line-height: var(--quote--line-height);
     position: absolute;
-    left: -12px;
+    left: calc(-0.5 * var(--global--spacing-horizontal));
 }
 
 .wp-block-quote .wp-block-quote__citation {
-    color: #28303d;
-    font-size: 1rem;
-    font-style: normal;
+    color: var(--global--color-primary);
+    font-size: var(--global--font-size-xs);
+    font-style: var(--quote--font-style-cite);
 }
 
 .has-background:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
-[class*="background-color"]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
-[style*="background-color"]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
-.wp-block-cover[style*="background-image"] .wp-block-quote .wp-block-quote__citation {
+[class*=background-color]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
+[style*=background-color]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
+.wp-block-cover[style*=background-image] .wp-block-quote .wp-block-quote__citation {
     color: currentColor;
 }
 
 .wp-block-quote.has-text-align-right {
-    margin: 30px 25px 30px auto;
+    margin: var(--global--spacing-vertical) var(--global--spacing-horizontal) var(--global--spacing-vertical) auto;
     padding-right: 0;
     border-right: none;
@@ -1818 +1500 @@
 
 .wp-block-quote.has-text-align-right:before {
-    content: "\201D";
+    content: "”";
     left: initial;
-    right: -12px;
+    right: calc(-0.5 * var(--global--spacing-horizontal));
 }
 
 .wp-block-quote.has-text-align-center {
-    margin: 30px auto;
+    margin: var(--global--spacing-vertical) auto;
 }
 
@@ -1831 +1513 @@
 }
 
-.wp-block-quote.is-large {
-    padding-left: 0;
-    /* Resetting margins to match _block-container.scss */
-    margin-top: 30px;
-    margin-bottom: 30px;
-}
-
+.wp-block-quote.is-large,
 .wp-block-quote.is-style-large {
     padding-left: 0;
+
     /* Resetting margins to match _block-container.scss */
-    margin-top: 30px;
-    margin-bottom: 30px;
-}
-
-.wp-block-quote.is-large p {
-    font-size: 2.25rem;
-    font-style: normal;
-    line-height: 1.35;
-}
-
-@media only screen and (min-width: 652px){
-    .wp-block-quote.is-large p{
-    font-size: 2.5rem;
-    }
-}
-
+    margin-top: var(--global--spacing-vertical);
+    margin-bottom: var(--global--spacing-vertical);
+}
+
+.wp-block-quote.is-large p,
 .wp-block-quote.is-style-large p {
-    font-size: 2.25rem;
-    font-style: normal;
-    line-height: 1.35;
-}
-
-@media only screen and (min-width: 652px){
-    .wp-block-quote.is-style-large p{
-    font-size: 2.5rem;
-    }
-}
-
-.wp-block-quote.is-large:before {
-    font-size: 2.25rem;
-    line-height: 1.35;
-    left: -25px;
-}
-
-@media only screen and (min-width: 652px){
-    .wp-block-quote.is-large:before{
-    font-size: 2.5rem;
-    }
-}
-
+    font-size: var(--quote--font-size-large);
+    font-style: var(--quote--font-style-large);
+    line-height: var(--quote--line-height-large);
+}
+
+.wp-block-quote.is-large:before,
 .wp-block-quote.is-style-large:before {
-    font-size: 2.25rem;
-    line-height: 1.35;
-    left: -25px;
-}
-
-@media only screen and (min-width: 652px){
-    .wp-block-quote.is-style-large:before{
-    font-size: 2.5rem;
-    }
-}
-
-.wp-block-quote.is-large.has-text-align-right:before {
-    left: initial;
-    right: -25px;
-}
-
+    font-size: var(--quote--font-size-large);
+    line-height: var(--quote--line-height-large);
+    left: calc(-1 * var(--global--spacing-horizontal));
+}
+
+.wp-block-quote.is-large.has-text-align-right:before,
 .wp-block-quote.is-style-large.has-text-align-right:before {
     left: initial;
-    right: -25px;
-}
-
+    right: calc(-1 * var(--global--spacing-horizontal));
+}
 @media only screen and (max-width: 481px) {
-    .wp-block-quote.is-large {
-        padding-left: 25px;
-    }
+
+    .wp-block-quote.is-large,
     .wp-block-quote.is-style-large {
-        padding-left: 25px;
-    }
-    .wp-block-quote.is-large:before, .wp-block-quote.is-style-large:before {
+        padding-left: var(--global--spacing-horizontal);
+    }
+
+    .wp-block-quote.is-large:before,
+    .wp-block-quote.is-style-large:before {
         left: 0;
     }
-    .wp-block-quote.is-large.has-text-align-right {
-        padding-left: 0;
-        padding-right: 25px;
-    }
+
+    .wp-block-quote.is-large.has-text-align-right,
     .wp-block-quote.is-style-large.has-text-align-right {
         padding-left: 0;
-        padding-right: 25px;
-    }
-    .wp-block-quote.is-large.has-text-align-right:before, .wp-block-quote.is-style-large.has-text-align-right:before {
+        padding-right: var(--global--spacing-horizontal);
+    }
+
+    .wp-block-quote.is-large.has-text-align-right:before,
+    .wp-block-quote.is-style-large.has-text-align-right:before {
         right: 0;
     }
 }
-
 @media only screen and (max-width: 481px) {
+
     .wp-block-quote {
-        padding-left: 13px;
-    }
+        padding-left: calc(0.5 * var(--global--spacing-horizontal));
+    }
+
     .wp-block-quote:before {
         left: 0;
     }
+
     .wp-block-quote.has-text-align-right {
         padding-left: 0;
-        padding-right: 13px;
-    }
+        padding-right: calc(0.5 * var(--global--spacing-horizontal));
+    }
+
     .wp-block-quote.has-text-align-right:before {
         right: 0;
     }
+
     .wp-block-quote.has-text-align-center {
         padding-left: 0;
@@ -1945 +1588 @@
     }
 }
-
 @media only screen and (min-width: 482px) {
+
     .wp-block-quote {
         margin-left: auto;
     }
+
     .wp-block-quote.has-text-align-right {
         margin-right: auto;
@@ -1964 +1608 @@
 
 .wp-block-rss:not(.is-grid) > li {
-    margin-top: 50px;
-    margin-bottom: 50px;
+    margin-top: calc(1.666 * var(--global--spacing-vertical));
+    margin-bottom: calc(1.666 * var(--global--spacing-vertical));
 }
 
@@ -1977 +1621 @@
 
 .wp-block-rss.is-grid > li {
-    margin-bottom: 30px;
+    margin-bottom: var(--global--spacing-vertical);
 }
 
@@ -1984 +1628 @@
 }
 
-.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1),
-.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1) ~ li,
-.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1),
-.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1) ~ li,
-.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1),
-.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1) ~ li,
-.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1),
-.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1) ~ li,
-.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1),
-.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1) ~ li {
+.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1),
+.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1) ~ li,
+.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1),
+.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1) ~ li,
+.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1),
+.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1) ~ li,
+.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1),
+.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1) ~ li,
+.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1),
+.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1) ~ li {
     margin-bottom: 0;
 }
 
 .wp-block-rss > li > * {
-    margin-top: 10px;
-    margin-bottom: 10px;
+    margin-top: calc(0.333 * var(--global--spacing-vertical));
+    margin-bottom: calc(0.333 * var(--global--spacing-vertical));
 }
 
@@ -2012 +1656 @@
 .wp-block-rss .wp-block-rss__item-title > a {
     display: inline-block;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-size: 2rem;
-    font-weight: normal;
-    line-height: 1.3;
-    margin-bottom: 10px;
-}
-
-@media only screen and (min-width: 652px){
-    .wp-block-rss .wp-block-rss__item-title > a{
-    font-size: 2rem;
-    }
+    font-family: var(--latest-posts--title-font-family);
+    font-size: var(--latest-posts--title-font-size);
+    font-weight: var(--heading--font-weight);
+    line-height: var(--global--line-height-heading);
+    margin-bottom: calc(0.333 * var(--global--spacing-vertical));
 }
 
 .wp-block-rss .wp-block-rss__item-author {
-    color: #28303d;
-    font-size: 1.25rem;
-    line-height: 1.7;
+    color: var(--global--color-primary);
+    font-size: var(--global--font-size-md);
+    line-height: var(--global--line-height-body);
 }
 
 .wp-block-rss .wp-block-rss__item-publish-date {
-    color: #28303d;
-    font-size: 1rem;
-    line-height: 1.7;
-}
-
-[class*="inner-container"] .wp-block-rss .wp-block-rss__item-publish-date,
+    color: var(--global--color-primary);
+    font-size: var(--global--font-size-xs);
+    line-height: var(--global--line-height-body);
+}
+
+[class*=inner-container] .wp-block-rss .wp-block-rss__item-publish-date,
 .has-background .wp-block-rss .wp-block-rss__item-publish-date {
     color: currentColor;
 }
 
-.wp-block-rss .wp-block-rss__item-excerpt {
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-size: 1.125rem;
-    line-height: 1.7;
-    margin-top: 20px;
-}
-
+.wp-block-rss .wp-block-rss__item-excerpt,
 .wp-block-rss .wp-block-rss__item-full-content {
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-size: 1.125rem;
-    line-height: 1.7;
-    margin-top: 20px;
+    font-family: var(--latest-posts--description-font-family);
+    font-size: var(--latest-posts--description-font-size);
+    line-height: var(--global--line-height-body);
+    margin-top: calc(0.666 * var(--global--spacing-vertical));
 }
 
 .wp-block-rss.alignfull {
-    padding-left: 20px;
-    padding-right: 20px;
-}
-
-.entry-content [class*="inner-container"] .wp-block-rss.alignfull,
+    padding-left: var(--global--spacing-unit);
+    padding-right: var(--global--spacing-unit);
+}
+
+.entry-content [class*=inner-container] .wp-block-rss.alignfull,
 .entry-content .has-background .wp-block-rss.alignfull {
     padding-left: 0;
@@ -2068 +1700 @@
 
 .wp-block-search {
-    max-width: calc(100vw - 30px);
-}
-
-@media only screen and (min-width: 482px){
-    .wp-block-search{
-    max-width: min(calc(100vw - 100px), 610px);
-    }
-}
-
-@media only screen and (min-width: 822px){
-    .wp-block-search{
-    max-width: min(calc(100vw - 200px), 610px);
-    }
+    max-width: var(--responsive--aligndefault-width);
 }
 
 .wp-block-search .wp-block-search__label {
-    font-size: 1.125rem;
-    font-weight: 500;
-    margin-bottom: 10px;
+    font-size: var(--form--font-size);
+    font-weight: var(--form--label-weight);
+    margin-bottom: calc(var(--global--spacing-vertical) / 3);
 }
 
 .wp-block-search .wp-block-search__input {
-    border: 3px solid #39414d;
-    border-radius: 0;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-size: 1.125rem;
-    line-height: 1.7;
+    border: var(--form--border-width) solid var(--form--border-color);
+    border-radius: var(--form--border-radius);
+    font-family: var(--form--font-family);
+    font-size: var(--form--font-size);
+    line-height: var(--form--line-height);
     max-width: inherit;
-    margin-right: -3px;
-    padding: 10px;
-}
-
-.wp-block-search .wp-block-search__input:focus {
-    border-color: #39414d;
+    margin-right: calc(-1 * var(--button--border-width));
+    padding: var(--form--spacing-unit);
+}
+
+.is-dark-theme .wp-block-search .wp-block-search__input {
+    background: var(--global--color-white-90);
+}
+
+.is-dark-theme .has-background.has-white-background-color .wp-block-search .wp-block-search__input,
+.is-dark-theme .has-background.has-green-background-color .wp-block-search .wp-block-search__input,
+.is-dark-theme .has-background.has-blue-background-color .wp-block-search .wp-block-search__input,
+.is-dark-theme .has-background.has-purple-background-color .wp-block-search .wp-block-search__input,
+.is-dark-theme .has-background.has-red-background-color .wp-block-search .wp-block-search__input,
+.is-dark-theme .has-background.has-orange-background-color .wp-block-search .wp-block-search__input,
+.is-dark-theme .has-background.has-yellow-background-color .wp-block-search .wp-block-search__input {
+    border-color: var(--form--color-text);
+}
+
+.has-background.has-gray-background-color .wp-block-search .wp-block-search__input,
+.has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__input,
+.has-background.has-black-background-color .wp-block-search .wp-block-search__input {
+    border-color: var(--global--color-white);
 }
 
 .wp-block-search .wp-block-search__button {
-    line-height: 1.5;
-    color: #d1e4dd;
+    line-height: var(--button--line-height);
+    color: var(--button--color-text);
     cursor: pointer;
-    font-weight: 500;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-size: 1.25rem;
-    background-color: #39414d;
-    border-radius: 0;
-    border: 3px solid #39414d;
+    font-weight: var(--button--font-weight);
+    font-family: var(--button--font-family);
+    font-size: var(--button--font-size);
+    background-color: var(--button--color-background);
+    border-radius: var(--button--border-radius);
+    border: var(--button--border-width) solid var(--button--color-background);
     text-decoration: none;
-    padding: 15px 30px;
+    padding: var(--button--padding-vertical) var(--button--padding-horizontal);
     box-shadow: none;
     margin-left: 0;
     background-color: transparent;
-    color: #39414d;
-}
-
-.wp-block-search .wp-block-search__button:before, .wp-block-search .wp-block-search__button:after {
+    color: var(--button--color-text-hover);
+}
+
+.wp-block-search .wp-block-search__button:before,
+.wp-block-search .wp-block-search__button:after {
     content: "";
     display: block;
@@ -2130 +1767 @@
 
 .wp-block-search .wp-block-search__button:before {
-    margin-bottom: -calc(1em - 0);
+    margin-bottom: -calc(.5em * var(--button--line-height) + -.38);
 }
 
 .wp-block-search .wp-block-search__button:after {
-    margin-top: -calc(1em - 0);
+    margin-top: -calc(.5em * var(--button--line-height) + -.39);
 }
 
@@ -2143 +1780 @@
 }
 
-.has-background-dark .wp-block-search .wp-block-search__button:focus {
-    color: #39414d;
+.is-dark-theme .wp-block-search .wp-block-search__button:focus {
+    color: var(--button--color-background);
 }
 
 .wp-block-search .wp-block-search__button:focus:not(.has-background) {
-    color: #39414d;
+    color: var(--button--color-text-hover);
 }
 
 .wp-block-search .wp-block-search__button:disabled {
-    background-color: rgba(255, 255, 255, 0.5);
-    border-color: rgba(255, 255, 255, 0.5);
-    color: #39414d;
+    background-color: var(--global--color-white-50);
+    border-color: var(--global--color-white-50);
+    color: var(--button--color-text-active);
 }
 
 .wp-block-search .wp-block-search__button:hover {
-    background-color: #39414d;
-    color: #d1e4dd;
-}
-
-.wp-block[data-align="center"] > * {
+    color: var(--button--color-text);
+    background-color: var(--button--color-background);
+}
+
+.wp-block-search .wp-block-search__button.has-icon {
+    padding: calc(2 * var(--button--padding-vertical)) calc(0.5 * var(--button--padding-horizontal));
+}
+
+.wp-block-search .wp-block-search__button.has-icon svg {
+    width: 40px;
+    height: 40px;
+}
+
+.has-background.has-gray-background-color .wp-block-search .wp-block-search__button,
+.has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__button,
+.has-background.has-black-background-color .wp-block-search .wp-block-search__button {
+    color: var(--global--color-white);
+    border-color: currentColor;
+}
+
+.has-background.has-gray-background-color .wp-block-search .wp-block-search__button:hover,
+.has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__button:hover,
+.has-background.has-black-background-color .wp-block-search .wp-block-search__button:hover {
+    color: var(--global--color-white);
+    background-color: var(--button--color-background);
+    border-color: var(--global--color-white);
+}
+
+.is-dark-theme .has-background.has-gray-background-color .wp-block-search .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-black-background-color .wp-block-search .wp-block-search__button:hover {
+    color: var(--button--color-text);
+    background-color: var(--button--color-background);
+}
+
+.has-background.has-white-background-color .wp-block-search .wp-block-search__button:hover,
+.has-background.has-green-background-color .wp-block-search .wp-block-search__button:hover,
+.has-background.has-blue-background-color .wp-block-search .wp-block-search__button:hover,
+.has-background.has-purple-background-color .wp-block-search .wp-block-search__button:hover,
+.has-background.has-red-background-color .wp-block-search .wp-block-search__button:hover,
+.has-background.has-orange-background-color .wp-block-search .wp-block-search__button:hover,
+.has-background.has-yellow-background-color .wp-block-search .wp-block-search__button:hover {
+    color: var(--global--color-white);
+    background-color: var(--form--border-color);
+    border-color: var(--form--border-color);
+}
+
+.is-dark-theme .has-background.has-white-background-color .wp-block-search .wp-block-search__button,
+.is-dark-theme .has-background.has-green-background-color .wp-block-search .wp-block-search__button,
+.is-dark-theme .has-background.has-blue-background-color .wp-block-search .wp-block-search__button,
+.is-dark-theme .has-background.has-purple-background-color .wp-block-search .wp-block-search__button,
+.is-dark-theme .has-background.has-red-background-color .wp-block-search .wp-block-search__button,
+.is-dark-theme .has-background.has-orange-background-color .wp-block-search .wp-block-search__button,
+.is-dark-theme .has-background.has-yellow-background-color .wp-block-search .wp-block-search__button {
+    color: var(--form--color-text);
+    border-color: currentColor;
+}
+
+.is-dark-theme .has-background.has-white-background-color .wp-block-search .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-green-background-color .wp-block-search .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-blue-background-color .wp-block-search .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-purple-background-color .wp-block-search .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-red-background-color .wp-block-search .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-orange-background-color .wp-block-search .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-yellow-background-color .wp-block-search .wp-block-search__button:hover {
+    color: var(--global--color-white);
+    background-color: var(--button--color-text);
+    border-color: var(--button--color-text);
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__input,
+.has-background.has-white-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__input,
+.has-background.has-green-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__input,
+.has-background.has-blue-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__input,
+.has-background.has-purple-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__input,
+.has-background.has-red-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__input,
+.has-background.has-orange-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__input,
+.has-background.has-yellow-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__input {
+    border: none;
+}
+
+.wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button {
+    padding: var(--button--padding-vertical) var(--button--padding-horizontal);
+}
+
+.is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__button {
+    color: var(--button--color-text);
+    border-color: currentColor;
+}
+
+.is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover {
+    color: var(--global--color-white);
+    background-color: var(--button--color-text);
+    border-color: var(--button--color-text);
+}
+
+.has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button,
+.has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button,
+.has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button {
+    color: var(--button--color-text-hover);
+    border-color: currentColor;
+}
+
+.has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover,
+.has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover,
+.has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover {
+    color: var(--global--color-white);
+    background-color: var(--button--color-background);
+    border-color: var(--button--color-background);
+}
+
+.is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button,
+.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button,
+.is-dark-theme .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button {
+    color: var(--button--color-text);
+    border-color: currentColor;
+}
+
+.is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover {
+    color: var(--global--color-white);
+    background-color: var(--button--color-text);
+    border-color: var(--button--color-text);
+}
+
+.wp-block[data-align=center] > * {
     text-align: center;
 }
 
-.wp-block[data-align="center"] .wp-block-search__button-only .wp-block-search__inside-wrapper {
+.wp-block[data-align=center] .wp-block-search__button-only .wp-block-search__inside-wrapper {
     justify-content: center;
 }
 
-.wp-block-separator {
-    border-bottom: 1px solid #28303d;
+.wp-block-separator,
+hr {
+    border-bottom: var(--separator--height) solid var(--separator--border-color);
     clear: both;
     opacity: 1;
 }
 
-hr {
-    border-bottom: 1px solid #28303d;
-    clear: both;
-    opacity: 1;
-}
-
-.wp-block-separator[style*="text-align:right"] {
-    border-right-color: #28303d;
-}
-
-.wp-block-separator[style*="text-align: right"] {
-    border-right-color: #28303d;
-}
-
-hr[style*="text-align:right"] {
-    border-right-color: #28303d;
-}
-
+.wp-block-separator[style*="text-align:right"],
+.wp-block-separator[style*="text-align: right"],
+hr[style*="text-align:right"],
 hr[style*="text-align: right"] {
-    border-right-color: #28303d;
-}
-
-.wp-block-separator:not(.is-style-dots) {
-    max-width: calc(100vw - 30px);
-}
-
-@media only screen and (min-width: 482px){
-    .wp-block-separator:not(.is-style-dots){
-    max-width: min(calc(100vw - 100px), 610px);
-    }
-}
-
-@media only screen and (min-width: 822px){
-    .wp-block-separator:not(.is-style-dots){
-    max-width: min(calc(100vw - 200px), 610px);
-    }
-}
-
+    border-right-color: var(--separator--border-color);
+}
+
+.wp-block-separator:not(.is-style-dots),
 hr:not(.is-style-dots) {
-    max-width: calc(100vw - 30px);
-}
-
-@media only screen and (min-width: 482px){
-    hr:not(.is-style-dots){
-    max-width: min(calc(100vw - 100px), 610px);
-    }
-}
-
-@media only screen and (min-width: 822px){
-    hr:not(.is-style-dots){
-    max-width: min(calc(100vw - 200px), 610px);
-    }
-}
-
-[data-align="full"] > .wp-block-separator,
-[data-align="wide"] > .wp-block-separator, [data-align="full"] >
-hr,
-[data-align="wide"] >
-hr {
+    max-width: var(--responsive--aligndefault-width);
+}
+
+[data-align=full] > .wp-block-separator,
+[data-align=wide] > .wp-block-separator,
+[data-align=full] > hr,
+[data-align=wide] > hr {
     max-width: inherit;
 }
 
-.wp-block-separator.is-style-twentytwentyone-separator-thick {
-    border-bottom-width: 3px;
-}
-
+.wp-block-separator.is-style-twentytwentyone-separator-thick,
 hr.is-style-twentytwentyone-separator-thick {
-    border-bottom-width: 3px;
+    border-bottom-width: calc(3 * var(--separator--height));
 }
 
@@ -2251 +1965 @@
 }
 
-.wp-block-separator.is-style-dots.has-background, .wp-block-separator.is-style-dots.has-text-color,
+.wp-block-separator.is-style-dots.has-background,
+.wp-block-separator.is-style-dots.has-text-color,
 hr.is-style-dots.has-background,
 hr.is-style-dots.has-text-color {
@@ -2257 +1972 @@
 }
 
-.wp-block-separator.is-style-dots.has-background:before, .wp-block-separator.is-style-dots.has-text-color:before,
+.wp-block-separator.is-style-dots.has-background:before,
+.wp-block-separator.is-style-dots.has-text-color:before,
 hr.is-style-dots.has-background:before,
 hr.is-style-dots.has-text-color:before {
@@ -2263 +1979 @@
 }
 
-.wp-block-separator.is-style-dots:before {
-    color: #28303d;
-}
-
+.wp-block-separator.is-style-dots:before,
 hr.is-style-dots:before {
-    color: #28303d;
+    color: var(--separator--border-color);
 }
 
 .has-background:not(.has-background-background-color) .wp-block-separator,
-[class*="background-color"]:not(.has-background-background-color) .wp-block-separator,
-[style*="background-color"]:not(.has-background-background-color) .wp-block-separator,
-.wp-block-cover[style*="background-image"] .wp-block-separator, .has-background:not(.has-background-background-color)
-hr,
-[class*="background-color"]:not(.has-background-background-color)
-hr,
-[style*="background-color"]:not(.has-background-background-color)
-hr,
-.wp-block-cover[style*="background-image"]
-hr {
+[class*=background-color]:not(.has-background-background-color) .wp-block-separator,
+[style*=background-color]:not(.has-background-background-color) .wp-block-separator,
+.wp-block-cover[style*=background-image] .wp-block-separator,
+.has-background:not(.has-background-background-color) hr,
+[class*=background-color]:not(.has-background-background-color) hr,
+[style*=background-color]:not(.has-background-background-color) hr,
+.wp-block-cover[style*=background-image] hr {
     border-color: currentColor;
 }
@@ -2291 +2001 @@
 
 .wp-block-social-links.is-style-twentytwentyone-social-icons-color button {
-    color: #28303d;
+    color: var(--global--color-primary);
 }
 
@@ -2298 +2008 @@
 }
 
-table th {
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-}
-
+table th,
 .wp-block-table th {
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-}
-
-table td {
-    padding: 10px;
-}
-
-table th {
-    padding: 10px;
-}
-
-.wp-block-table td {
-    padding: 10px;
-}
-
+    font-family: var(--heading--font-family);
+}
+
+table td,
+table th,
+.wp-block-table td,
 .wp-block-table th {
-    padding: 10px;
-}
-
-table.is-style-regular .has-background {
-    color: #28303d;
-}
-
-table.is-style-stripes .has-background thead tr {
-    color: #28303d;
-}
-
-table.is-style-stripes .has-background tfoot tr {
-    color: #28303d;
-}
-
-table.is-style-stripes .has-background tbody tr:nth-child(even) {
-    color: #28303d;
-}
-
-.wp-block-table.is-style-regular .has-background {
-    color: #28303d;
-}
-
-.wp-block-table.is-style-stripes .has-background thead tr {
-    color: #28303d;
-}
-
-.wp-block-table.is-style-stripes .has-background tfoot tr {
-    color: #28303d;
-}
-
+    padding: calc(0.5 * var(--global--spacing-unit));
+}
+
+table.is-style-regular .has-background,
+table.is-style-stripes .has-background thead tr,
+table.is-style-stripes .has-background tfoot tr,
+table.is-style-stripes .has-background tbody tr:nth-child(even),
+.wp-block-table.is-style-regular .has-background,
+.wp-block-table.is-style-stripes .has-background thead tr,
+.wp-block-table.is-style-stripes .has-background tfoot tr,
 .wp-block-table.is-style-stripes .has-background tbody tr:nth-child(even) {
-    color: #28303d;
-}
-
-table.is-style-stripes {
-    border-color: #f0f0f0;
-}
-
+    color: var(--table--has-background-text-color);
+}
+
+table.is-style-stripes,
 .wp-block-table.is-style-stripes {
-    border-color: #f0f0f0;
+    border-color: var(--table--stripes-border-color);
 }
 
@@ -2369 +2043 @@
 }
 
-table.is-style-stripes tbody tr:nth-child(odd) {
-    background-color: #f0f0f0;
-}
-
+table.is-style-stripes tbody tr:nth-child(odd),
 .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
-    background-color: #f0f0f0;
+    background-color: var(--table--stripes-background-color);
 }
 
@@ -2399 +2070 @@
     font-weight: bold;
     text-align: left;
-    margin-bottom: 20px;
+    margin-bottom: var(--global--spacing-unit);
     color: currentColor;
 }
@@ -2405 +2076 @@
 .wp-calendar-nav {
     text-align: left;
-    margin-top: 10px;
+    margin-top: calc(var(--global--spacing-unit) / 2);
 }
 
@@ -2430 +2101 @@
 }
 
-:root .is-extra-small-text {
-    font-size: 1rem;
-}
-
+:root .is-extra-small-text,
 :root .has-extra-small-font-size {
-    font-size: 1rem;
-}
-
-:root .is-small-text {
-    font-size: 1.125rem;
-}
-
+    font-size: var(--global--font-size-xs);
+}
+
+:root .is-small-text,
 :root .has-small-font-size {
-    font-size: 1.125rem;
-}
-
-:root .is-regular-text {
-    font-size: 1.25rem;
-}
-
-:root .has-regular-font-size {
-    font-size: 1.25rem;
-}
-
-:root .is-normal-font-size {
-    font-size: 1.25rem;
-}
-
-:root .has-normal-font-size {
-    font-size: 1.25rem;
-}
-
+    font-size: var(--global--font-size-sm);
+}
+
+:root .is-regular-text,
+:root .has-regular-font-size,
+:root .is-normal-font-size,
+:root .has-normal-font-size,
 :root .has-medium-font-size {
-    font-size: 1.25rem;
-}
-
-:root .is-large-text {
-    font-size: 1.5rem;
-    line-height: 1.3;
-}
-
+    font-size: var(--global--font-size-base);
+}
+
+:root .is-large-text,
 :root .has-large-font-size {
-    font-size: 1.5rem;
-    line-height: 1.3;
-}
-
-:root .is-larger-text {
-    font-size: 2.5rem;
-    line-height: 1.3;
-}
-
-@media only screen and (min-width: 652px){
-    :root .is-larger-text{
-    font-size: 2.5rem;
-    }
-}
-
-:root .has-larger-font-size {
-    font-size: 2.5rem;
-    line-height: 1.3;
-}
-
-@media only screen and (min-width: 652px){
-    :root .has-larger-font-size{
-    font-size: 2.5rem;
-    }
-}
-
-:root .is-extra-large-text {
-    font-size: 2.5rem;
-    line-height: 1.3;
-}
-
-@media only screen and (min-width: 652px){
-    :root .is-extra-large-text{
-    font-size: 2.5rem;
-    }
-}
-
+    font-size: var(--global--font-size-lg);
+    line-height: var(--global--line-height-heading);
+}
+
+:root .is-larger-text,
+:root .has-larger-font-size,
+:root .is-extra-large-text,
 :root .has-extra-large-font-size {
-    font-size: 2.5rem;
-    line-height: 1.3;
-}
-
-@media only screen and (min-width: 652px){
-    :root .has-extra-large-font-size{
-    font-size: 2.5rem;
-    }
-}
-
-:root .is-huge-text {
-    font-size: 6rem;
-    line-height: 1.3;
-    font-weight: 300;
-}
-
-@media only screen and (min-width: 652px){
-    :root .is-huge-text{
-    font-size: 6rem;
-    }
-}
-
+    font-size: var(--global--font-size-xl);
+    line-height: var(--global--line-height-heading);
+}
+
+:root .is-huge-text,
 :root .has-huge-font-size {
-    font-size: 6rem;
-    line-height: 1.3;
-    font-weight: 300;
-}
-
-@media only screen and (min-width: 652px){
-    :root .has-huge-font-size{
-    font-size: 6rem;
-    }
-}
-
-:root .is-gigantic-text {
-    font-size: 9rem;
-    line-height: 1.3;
-    font-weight: 300;
-}
-
-@media only screen and (min-width: 652px){
-    :root .is-gigantic-text{
-    font-size: 9rem;
-    }
-}
-
+    font-size: var(--global--font-size-xxl);
+    line-height: var(--global--line-height-heading);
+    font-weight: var(--heading--font-weight-page-title);
+}
+
+:root .is-gigantic-text,
 :root .has-gigantic-font-size {
-    font-size: 9rem;
-    line-height: 1.3;
-    font-weight: 300;
-}
-
-@media only screen and (min-width: 652px){
-    :root .has-gigantic-font-size{
-    font-size: 9rem;
-    }
+    font-size: var(--global--font-size-xxxl);
+    line-height: var(--global--line-height-heading);
+    font-weight: var(--heading--font-weight-page-title);
 }
 
@@ -2573 +2152 @@
 */
 .wp-block.editor-post-title__block {
-    border-bottom: 3px solid #28303d;
-    padding-bottom: 60px;
-    margin-bottom: 90px;
-    max-width: calc(100vw - 30px);
-}
-@media only screen and (min-width: 482px){
-    .wp-block.editor-post-title__block{
-    max-width: calc(100vw - 100px);
-    }
-}
-@media only screen and (min-width: 822px){
-    .wp-block.editor-post-title__block{
-    max-width: min(calc(100vw - 200px), 1240px);
-    }
+    border-bottom: 3px solid var(--global--color-border);
+    padding-bottom: calc(2 * var(--global--spacing-vertical));
+    margin-bottom: calc(3 * var(--global--spacing-vertical));
+    max-width: var(--responsive--alignwide-width);
 }
 
 .wp-block.editor-post-title__block .editor-post-title__input {
-    color: #39414d;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-size: 4rem;
-    font-weight: 300;
-    line-height: 1.1;
-}
-
-@media only screen and (min-width: 652px){
-    .wp-block.editor-post-title__block .editor-post-title__input{
-    font-size: 6rem;
-    }
+    color: var(--global--color-secondary);
+    font-family: var(--heading--font-family);
+    font-size: var(--global--font-size-page-title);
+    font-weight: var(--heading--font-weight-page-title);
+    line-height: var(--heading--line-height-h1);
 }
 
 .wp-block.block-editor-default-block-appender > textarea {
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-size: 1.25rem;
+    font-family: var(--global--font-secondary);
+    font-size: var(--global--font-size-md);
 }
 
 .has-primary-color[class] {
-    color: #28303d;
+    color: var(--global--color-primary);
 }
 
 .has-secondary-color[class] {
-    color: #39414d;
+    color: var(--global--color-secondary);
 }
 
@@ -2628 +2191 @@
 
 .has-primary-background-color[class] {
-    background-color: #28303d;
-    color: #d1e4dd;
+    background-color: var(--global--color-primary);
+    color: var(--global--color-background);
 }
 
 .has-secondary-background-color[class] {
-    background-color: #39414d;
-    color: #d1e4dd;
+    background-color: var(--global--color-secondary);
+    color: var(--global--color-background);
 }
 
 .has-white-background-color[class] {
-    background-color: #fff;
-    color: #39414d;
+    background-color: var(--global--color-white);
+    color: var(--global--color-secondary);
 }
 
 .has-black-background-color[class] {
-    background-color: #000;
-    color: #28303d;
+    background-color: var(--global--color-black);
+    color: var(--global--color-primary);
 }
 
@@ -2651 +2214 @@
  */
 [data-block] {
-    margin-top: 30px;
-    margin-bottom: 30px;
+    margin-top: var(--global--spacing-vertical);
+    margin-bottom: var(--global--spacing-vertical);
 }
 
@@ -2665 +2228 @@
 /* Block Alignments */
 .wp-block {
-    max-width: calc(100vw - 30px);
-}
-@media only screen and (min-width: 482px){
-    .wp-block{
-    max-width: min(calc(100vw - 100px), 610px);
-    }
-}
-@media only screen and (min-width: 822px){
-    .wp-block{
-    max-width: min(calc(100vw - 200px), 610px);
-    }
-}
-
-.wp-block[data-align="wide"] {
-    max-width: calc(100vw - 30px);
-}
-
-@media only screen and (min-width: 482px){
-    .wp-block[data-align="wide"]{
-    max-width: calc(100vw - 100px);
-    }
-}
-
-@media only screen and (min-width: 822px){
-    .wp-block[data-align="wide"]{
-    max-width: min(calc(100vw - 200px), 1240px);
-    }
-}
-
+    max-width: var(--responsive--aligndefault-width);
+}
+
+.wp-block[data-align=wide],
 .wp-block.alignwide {
-    max-width: calc(100vw - 30px);
-}
-
-@media only screen and (min-width: 482px){
-    .wp-block.alignwide{
-    max-width: calc(100vw - 100px);
-    }
-}
-
-@media only screen and (min-width: 822px){
-    .wp-block.alignwide{
-    max-width: min(calc(100vw - 200px), 1240px);
-    }
-}
-
-.wp-block[data-align="full"], .wp-block.alignfull {
+    max-width: var(--responsive--alignwide-width);
+}
+
+.wp-block[data-align=full],
+.wp-block.alignfull {
     max-width: none;
-}
-
-.block-editor-block-list__layout:not(.edit-site-block-editor__block-list) .wp-block[data-align="full"] > [data-block], .block-editor-block-list__layout:not(.edit-site-block-editor__block-list) .wp-block.alignfull > [data-block] {
-    margin-top: 0;
-    margin-bottom: 0;
 }
 
 .alignleft {
     margin: 0;
-    margin-right: 25px;
+    margin-right: var(--global--spacing-horizontal);
 }
 
 .alignright {
     margin: 0;
-    margin-left: 25px;
+    margin-left: var(--global--spacing-horizontal);
 }
 
 .has-drop-cap:not(:focus)::first-letter {
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-weight: normal;
+    font-family: var(--heading--font-family);
+    font-weight: var(--heading--font-weight);
     line-height: 0.66;
     text-transform: uppercase;
@@ -2737 +2259 @@
     float: left;
     margin: 0.1em 0.1em 0 0;
-    font-size: 5rem;
-}
-
-@media only screen and (min-width: 652px){
-    .has-drop-cap:not(:focus)::first-letter{
-    font-size: 7rem;
-    }
+    font-size: calc(1.2 * var(--heading--font-size-h1));
 }
 
 @media only screen and (min-width: 482px) {
-    .wp-block[data-align="left"] > * {
+
+    .wp-block[data-align=left] > * {
         max-width: 290px;
-        margin-right: 25px;
-    }
-    .wp-block[data-align="right"] > * {
+        margin-right: var(--global--spacing-horizontal);
+    }
+
+    .wp-block[data-align=right] > * {
         max-width: 290px;
-        margin-left: 25px;
+        margin-left: var(--global--spacing-horizontal);
     }
 }
 
 html {
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    line-height: 1.7;
+    font-family: var(--global--font-secondary);
+    line-height: var(--global--line-height-body);
 }
 
 body {
-    color: #28303d;
-    background-color: #d1e4dd;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-size: 1.25rem;
+    --wp--typography--line-height: var(--global--line-height-body);
+    color: var(--global--color-primary);
+    background-color: var(--global--color-background);
+    font-family: var(--global--font-secondary);
+    font-size: var(--global--font-size-base);
     font-weight: normal;
     -moz-osx-font-smoothing: grayscale;
@@ -2773 +2292 @@
 
 .wp-block a {
-    color: #28303d;
+    color: var(--wp--style--color--link, var(--global--color-primary));
 }
 
@@ -2781 +2300 @@
 
 .wp-block a:focus {
-    outline: 2px solid #28303d;
+    outline: 2px solid var(--wp--style--color--link, var(--global--color-primary));
     text-decoration: none;
 }
 
-.has-background:not(.has-background-background-color) .has-link-color a {
-    color: #28303d;
-}
-
+.has-background:not(.has-background-background-color) .has-link-color a,
 .has-background:not(.has-background-background-color).has-link-color a {
-    color: #28303d;
+    color: var(--wp--style--color--link, var(--global--color-primary));
 }
 
@@ -2799 +2315 @@
 
 .has-black-color[class] {
-    color: #000;
+    color: var(--global--color-black);
 }
 
 .has-gray-color[class] {
-    color: #39414d;
+    color: var(--global--color-gray);
 }
 
 .has-dark-gray-color[class] {
-    color: #28303d;
+    color: var(--global--color-dark-gray);
 }
 
 .has-green-color[class] {
-    color: #d1e4dd;
+    color: var(--global--color-green);
 }
 
 .has-blue-color[class] {
-    color: #d1dfe4;
+    color: var(--global--color-blue);
 }
 
 .has-purple-color[class] {
-    color: #d1d1e4;
+    color: var(--global--color-purple);
 }
 
 .has-red-color[class] {
-    color: #e4d1d1;
+    color: var(--global--color-red);
 }
 
 .has-orange-color[class] {
-    color: #e4dad1;
+    color: var(--global--color-orange);
 }
 
 .has-yellow-color[class] {
-    color: #eeeadd;
+    color: var(--global--color-yellow);
 }
 
 .has-white-color[class] {
-    color: #fff;
+    color: var(--global--color-white);
 }
 
@@ -2850 +2366 @@
 
 .has-black-background-color[class] {
-    background-color: #000;
+    background-color: var(--global--color-black);
 }
 
 .has-gray-background-color[class] {
-    background-color: #39414d;
+    background-color: var(--global--color-gray);
 }
 
 .has-dark-gray-background-color[class] {
-    background-color: #28303d;
+    background-color: var(--global--color-dark-gray);
 }
 
 .has-green-background-color[class] {
-    background-color: #d1e4dd;
+    background-color: var(--global--color-green);
 }
 
 .has-blue-background-color[class] {
-    background-color: #d1dfe4;
+    background-color: var(--global--color-blue);
 }
 
 .has-purple-background-color[class] {
-    background-color: #d1d1e4;
+    background-color: var(--global--color-purple);
 }
 
 .has-red-background-color[class] {
-    background-color: #e4d1d1;
+    background-color: var(--global--color-red);
 }
 
 .has-orange-background-color[class] {
-    background-color: #e4dad1;
+    background-color: var(--global--color-orange);
 }
 
 .has-yellow-background-color[class] {
-    background-color: #eeeadd;
+    background-color: var(--global--color-yellow);
 }
 
 .has-white-background-color[class] {
-    background-color: #fff;
-}
-
-:not(.has-text-color).has-black-background-color[class] {
-    color: #fff;
-}
-
-:not(.has-text-color).has-gray-background-color[class] {
-    color: #fff;
-}
-
+    background-color: var(--global--color-white);
+}
+
+:not(.has-text-color).has-black-background-color[class],
+:not(.has-text-color).has-gray-background-color[class],
 :not(.has-text-color).has-dark-gray-background-color[class] {
-    color: #fff;
-}
-
-:not(.has-text-color).has-green-background-color[class] {
-    color: #28303d;
-}
-
-:not(.has-text-color).has-blue-background-color[class] {
-    color: #28303d;
-}
-
-:not(.has-text-color).has-purple-background-color[class] {
-    color: #28303d;
-}
-
-:not(.has-text-color).has-red-background-color[class] {
-    color: #28303d;
-}
-
-:not(.has-text-color).has-orange-background-color[class] {
-    color: #28303d;
-}
-
-:not(.has-text-color).has-yellow-background-color[class] {
-    color: #28303d;
-}
-
+    color: var(--global--color-white);
+}
+
+:not(.has-text-color).has-green-background-color[class],
+:not(.has-text-color).has-blue-background-color[class],
+:not(.has-text-color).has-purple-background-color[class],
+:not(.has-text-color).has-red-background-color[class],
+:not(.has-text-color).has-orange-background-color[class],
+:not(.has-text-color).has-yellow-background-color[class],
 :not(.has-text-color).has-white-background-color[class] {
-    color: #28303d;
+    color: var(--global--color-dark-gray);
 }
 
 .has-purple-to-yellow-gradient-background {
-    background: linear-gradient(160deg, #d1d1e4, #eeeadd);
+    background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-yellow));
 }
 
 .has-yellow-to-purple-gradient-background {
-    background: linear-gradient(160deg, #eeeadd, #d1d1e4);
+    background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-purple));
 }
 
 .has-green-to-yellow-gradient-background {
-    background: linear-gradient(160deg, #d1e4dd, #eeeadd);
+    background: linear-gradient(160deg, var(--global--color-green), var(--global--color-yellow));
 }
 
 .has-yellow-to-green-gradient-background {
-    background: linear-gradient(160deg, #eeeadd, #d1e4dd);
+    background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-green));
 }
 
 .has-red-to-yellow-gradient-background {
-    background: linear-gradient(160deg, #e4d1d1, #eeeadd);
+    background: linear-gradient(160deg, var(--global--color-red), var(--global--color-yellow));
 }
 
 .has-yellow-to-red-gradient-background {
-    background: linear-gradient(160deg, #eeeadd, #e4d1d1);
+    background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-red));
 }
 
 .has-purple-to-red-gradient-background {
-    background: linear-gradient(160deg, #d1d1e4, #e4d1d1);
+    background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-red));
 }
 
 .has-red-to-purple-gradient-background {
-    background: linear-gradient(160deg, #e4d1d1, #d1d1e4);
-}
-/*# sourceMappingURL=ie-editor.css.map */
+    background: linear-gradient(160deg, var(--global--color-red), var(--global--color-purple));
+}

trunk/src/wp-content/themes/twentytwentyone/assets/css/ie.css

@@ -1 +1 @@
 @charset "UTF-8";
+
 /*
 Theme Name: Twenty Twenty-One
@@ -18 +19 @@
 Twenty Twenty-One is distributed under the terms of the GNU GPL.
 */
+
 /**
  * SETTINGS
@@ -93 +95 @@
  * Measure..............The width of a line of text, in characters.
  */
+
 /* Categories 01 to 03 are the basics. */
+
 /* Variables */
 :root {
+
     /* Font Family */
+    --global--font-primary: var(--font-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
+    --global--font-secondary: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
+
     /* Font Size */
+    --global--font-size-base: 1.25rem;
+    --global--font-size-xs: 1rem;
+    --global--font-size-sm: 1.125rem;
+    --global--font-size-md: 1.25rem;
+    --global--font-size-lg: 1.5rem;
+    --global--font-size-xl: 2.25rem;
+    --global--font-size-xxl: 4rem;
+    --global--font-size-xxxl: 5rem;
+    --global--font-size-page-title: var(--global--font-size-xxl);
+    --global--letter-spacing: normal;
+
     /* Line Height */
+    --global--line-height-body: 1.7;
+    --global--line-height-heading: 1.3;
+    --global--line-height-page-title: 1.1;
+
     /* Headings */
+    --heading--font-family: var(--global--font-primary);
+    --heading--font-size-h6: var(--global--font-size-xs);
+    --heading--font-size-h5: var(--global--font-size-sm);
+    --heading--font-size-h4: var(--global--font-size-lg);
+    --heading--font-size-h3: calc(1.25 * var(--global--font-size-lg));
+    --heading--font-size-h2: var(--global--font-size-xl);
+    --heading--font-size-h1: var(--global--font-size-page-title);
+    --heading--letter-spacing-h6: 0.05em;
+    --heading--letter-spacing-h5: 0.05em;
+    --heading--letter-spacing-h4: var(--global--letter-spacing);
+    --heading--letter-spacing-h3: var(--global--letter-spacing);
+    --heading--letter-spacing-h2: var(--global--letter-spacing);
+    --heading--letter-spacing-h1: var(--global--letter-spacing);
+    --heading--line-height-h6: var(--global--line-height-heading);
+    --heading--line-height-h5: var(--global--line-height-heading);
+    --heading--line-height-h4: var(--global--line-height-heading);
+    --heading--line-height-h3: var(--global--line-height-heading);
+    --heading--line-height-h2: var(--global--line-height-heading);
+    --heading--line-height-h1: var(--global--line-height-page-title);
+    --heading--font-weight: normal;
+    --heading--font-weight-page-title: 300;
+    --heading--font-weight-strong: 600;
+
     /* Block: Latest posts */
+    --latest-posts--title-font-family: var(--heading--font-family);
+    --latest-posts--title-font-size: var(--heading--font-size-h3);
+    --latest-posts--description-font-family: var(--global--font-secondary);
+    --latest-posts--description-font-size: var(--global--font-size-sm);
+    --list--font-family: var(--global--font-secondary);
+    --definition-term--font-family: var(--global--font-primary);
+
     /* Colors */
+    --global--color-black: #000;
+    --global--color-dark-gray: #28303d;
+    --global--color-gray: #39414d;
+    --global--color-light-gray: #f0f0f0;
+    --global--color-green: #d1e4dd;
+    --global--color-blue: #d1dfe4;
+    --global--color-purple: #d1d1e4;
+    --global--color-red: #e4d1d1;
+    --global--color-orange: #e4dad1;
+    --global--color-yellow: #eeeadd;
+    --global--color-white: #fff;
+    --global--color-white-50: rgba(255, 255, 255, 0.5);
+    --global--color-white-90: rgba(255, 255, 255, 0.9);
+    --global--color-primary: var(--global--color-dark-gray);
+
     /* Body text color, site title, footer text color. */
+    --global--color-secondary: var(--global--color-gray);
+
     /* Headings */
+    --global--color-primary-hover: var(--global--color-primary);
+    --global--color-background: var(--global--color-green);
+
     /* Mint, default body background */
+    --global--color-border: var(--global--color-primary);
+
     /* Used for borders (separators) */
+
     /* Spacing */
+    --global--spacing-unit: 20px;
+    --global--spacing-measure: unset;
+    --global--spacing-horizontal: 25px;
+    --global--spacing-vertical: 30px;
+
     /* Elevation */
+    --global--elevation: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
+
     /* Forms */
+    --form--font-family: var(--global--font-secondary);
+    --form--font-size: var(--global--font-size-sm);
+    --form--line-height: var(--global--line-height-body);
+    --form--color-text: var(--global--color-dark-gray);
+    --form--color-ranged: var(--global--color-secondary);
+    --form--label-weight: 500;
+    --form--border-color: var(--global--color-secondary);
+    --form--border-width: 3px;
+    --form--border-radius: 0;
+    --form--spacing-unit: calc(0.5 * var(--global--spacing-unit));
+
     /* Cover block */
+    --cover--height: calc(15 * var(--global--spacing-vertical));
+    --cover--color-foreground: var(--global--color-white);
+    --cover--color-background: var(--global--color-black);
+
     /* Buttons */
+    --button--color-text: var(--global--color-background);
+    --button--color-text-hover: var(--global--color-secondary);
+    --button--color-text-active: var(--global--color-secondary);
+    --button--color-background: var(--global--color-secondary);
+    --button--color-background-active: var(--global--color-background);
+    --button--font-family: var(--global--font-primary);
+    --button--font-size: var(--global--font-size-base);
+    --button--font-weight: 500;
+    --button--line-height: 1.5;
+    --button--border-width: 3px;
+    --button--border-radius: 0;
+    --button--padding-vertical: 15px;
+    --button--padding-horizontal: calc(2 * var(--button--padding-vertical));
+
     /* entry */
+    --entry-header--color: var(--global--color-primary);
+    --entry-header--color-link: currentColor;
+    --entry-header--color-hover: var(--global--color-primary-hover);
+    --entry-header--color-focus: var(--global--color-secondary);
+    --entry-header--font-size: var(--heading--font-size-h2);
+    --entry-content--font-family: var(--global--font-secondary);
+    --entry-author-bio--font-family: var(--heading--font-family);
+    --entry-author-bio--font-size: var(--heading--font-size-h4);
+
     /* Header */
+    --branding--color-text: var(--global--color-primary);
+    --branding--color-link: var(--global--color-primary);
+    --branding--color-link-hover: var(--global--color-secondary);
+    --branding--title--font-family: var(--global--font-primary);
+    --branding--title--font-size: var(--global--font-size-lg);
+    --branding--title--font-size-mobile: var(--heading--font-size-h4);
+    --branding--title--font-weight: normal;
+    --branding--title--text-transform: uppercase;
+    --branding--description--font-family: var(--global--font-secondary);
+    --branding--description--font-size: var(--global--font-size-sm);
+    --branding--description--font-family: var(--global--font-secondary);
+    --branding--logo--max-width: 300px;
+    --branding--logo--max-height: 100px;
+    --branding--logo--max-width-mobile: 96px;
+    --branding--logo--max-height-mobile: 96px;
+
     /* Main navigation */
+    --primary-nav--font-family: var(--global--font-secondary);
+    --primary-nav--font-family-mobile: var(--global--font-primary);
+    --primary-nav--font-size: var(--global--font-size-md);
+    --primary-nav--font-size-sub-menu: var(--global--font-size-xs);
+    --primary-nav--font-size-mobile: var(--global--font-size-sm);
+    --primary-nav--font-size-sub-menu-mobile: var(--global--font-size-sm);
+    --primary-nav--font-size-button: var(--global--font-size-xs);
+    --primary-nav--font-style: normal;
+    --primary-nav--font-style-sub-menu-mobile: normal;
+    --primary-nav--font-weight: normal;
+    --primary-nav--font-weight-button: 500;
+    --primary-nav--color-link: var(--global--color-primary);
+    --primary-nav--color-link-hover: var(--global--color-primary-hover);
+    --primary-nav--color-text: var(--global--color-primary);
+    --primary-nav--padding: calc(0.66 * var(--global--spacing-unit));
+    --primary-nav--border-color: var(--global--color-primary);
+
     /* Pagination */
+    --pagination--color-text: var(--global--color-primary);
+    --pagination--color-link-hover: var(--global--color-primary-hover);
+    --pagination--font-family: var(--global--font-secondary);
+    --pagination--font-size: var(--global--font-size-lg);
+    --pagination--font-weight: normal;
+    --pagination--font-weight-strong: 600;
+
     /* Footer */
+    --footer--color-text: var(--global--color-primary);
+    --footer--color-link: var(--global--color-primary);
+    --footer--color-link-hover: var(--global--color-primary-hover);
+    --footer--font-family: var(--global--font-primary);
+    --footer--font-size: var(--global--font-size-sm);
+
     /* Block: Pull quote */
+    --pullquote--font-family: var(--global--font-primary);
+    --pullquote--font-size: var(--heading--font-size-h3);
+    --pullquote--font-style: normal;
+    --pullquote--letter-spacing: var(--heading--letter-spacing-h4);
+    --pullquote--line-height: var(--global--line-height-heading);
+    --pullquote--border-width: 3px;
+    --pullquote--border-color: var(--global--color-primary);
+    --pullquote--color-foreground: var(--global--color-primary);
+    --pullquote--color-background: var(--global--color-background);
+    --quote--font-family: var(--global--font-secondary);
+    --quote--font-size: var(--global--font-size-md);
+    --quote--font-size-large: var(--global--font-size-xl);
+    --quote--font-style: normal;
+    --quote--font-weight: 700;
+    --quote--font-weight-strong: bolder;
+    --quote--font-style-large: normal;
+    --quote--font-style-cite: normal;
+    --quote--line-height: var(--global--line-height-body);
+    --quote--line-height-large: 1.35;
+    --separator--border-color: var(--global--color-border);
+    --separator--height: 1px;
+
     /* Block: Table */
+    --table--stripes-border-color: var(--global--color-light-gray);
+    --table--stripes-background-color: var(--global--color-light-gray);
+    --table--has-background-text-color: var(--global--color-dark-gray);
+
     /* Widgets */
+    --widget--line-height-list: 1.9;
+    --widget--line-height-title: 1.4;
+    --widget--font-weight-title: 700;
+    --widget--spacing-menu: calc(0.66 * var(--global--spacing-unit));
+
     /* Admin-bar height */
+    --global--admin-bar--height: 0;
+}
+
+.admin-bar {
+    --global--admin-bar--height: 32px;
+}
+@media only screen and (max-width: 782px) {
+
+    .admin-bar {
+        --global--admin-bar--height: 46px;
+    }
+}
+
+@media only screen and (min-width: 652px) {
+
+    :root {
+        --global--font-size-xl: 2.5rem;
+        --global--font-size-xxl: 6rem;
+        --global--font-size-xxxl: 9rem;
+        --heading--font-size-h3: 2rem;
+        --heading--font-size-h2: 3rem;
+    }
 }
 
 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
+
 /* Document
    ========================================================================== */
+
 /**
  * 1. Correct the line height in all browsers.
@@ -131 +353 @@
 html {
     line-height: 1.15;
+
     /* 1 */
     -webkit-text-size-adjust: 100%;
+
     /* 2 */
 }
@@ -138 +362 @@
 /* Sections
    ========================================================================== */
+
 /**
  * Remove the margin in all browsers.
@@ -163 +388 @@
 /* Grouping content
    ========================================================================== */
+
 /**
  * 1. Add the correct box sizing in Firefox.
@@ -169 +395 @@
 hr {
     box-sizing: content-box;
+
     /* 1 */
     height: 0;
+
     /* 1 */
     overflow: visible;
+
     /* 2 */
 }
@@ -182 +411 @@
 pre {
     font-family: monospace;
+
     /* 1 */
     font-size: 1em;
+
     /* 2 */
 }
@@ -189 +420 @@
 /* Text-level semantics
    ========================================================================== */
+
 /**
  * Remove the gray background on active links in IE 10.
@@ -203 +435 @@
 abbr[title] {
     border-bottom: none;
+
     /* 1 */
     text-decoration: underline;
+
     /* 2 */
     text-decoration-style: dotted;
+
     /* 2 */
 }
@@ -226 +461 @@
 samp {
     font-family: monospace;
+
     /* 1 */
     font-size: 1em;
+
     /* 2 */
 }
@@ -260 +497 @@
 /* Embedded content
    ========================================================================== */
+
 /**
  * Remove the border on images inside links in IE 10.
@@ -269 +507 @@
 /* Forms
    ========================================================================== */
+
 /**
  * 1. Change the font styles in all browsers.
@@ -279 +518 @@
 textarea {
     font-family: inherit;
+
     /* 1 */
     font-size: 100%;
+
     /* 1 */
     line-height: 1.15;
+
     /* 1 */
     margin: 0;
+
     /* 2 */
 }
@@ -294 +537 @@
 button,
 input {
+
     /* 1 */
     overflow: visible;
@@ -304 +548 @@
 button,
 select {
+
     /* 1 */
     text-transform: none;
@@ -312 +557 @@
  */
 button,
-[type="button"],
-[type="reset"],
-[type="submit"] {
+[type=button],
+[type=reset],
+[type=submit] {
     -webkit-appearance: button;
 }
@@ -322 +567 @@
  */
 button::-moz-focus-inner,
-[type="button"]::-moz-focus-inner,
-[type="reset"]::-moz-focus-inner,
-[type="submit"]::-moz-focus-inner {
+[type=button]::-moz-focus-inner,
+[type=reset]::-moz-focus-inner,
+[type=submit]::-moz-focus-inner {
     border-style: none;
     padding: 0;
@@ -333 +578 @@
  */
 button:-moz-focusring,
-[type="button"]:-moz-focusring,
-[type="reset"]:-moz-focusring,
-[type="submit"]:-moz-focusring {
+[type=button]:-moz-focusring,
+[type=reset]:-moz-focusring,
+[type=submit]:-moz-focusring {
     outline: 1px dotted ButtonText;
 }
@@ -354 +599 @@
 legend {
     box-sizing: border-box;
+
     /* 1 */
     color: inherit;
+
     /* 2 */
     display: table;
+
     /* 1 */
     max-width: 100%;
+
     /* 1 */
     padding: 0;
+
     /* 3 */
     white-space: normal;
+
     /* 1 */
 }
@@ -385 +636 @@
  * 2. Remove the padding in IE 10.
  */
-[type="checkbox"],
-[type="radio"] {
+[type=checkbox],
+[type=radio] {
     box-sizing: border-box;
+
     /* 1 */
     padding: 0;
+
     /* 2 */
 }
@@ -396 +649 @@
  * Correct the cursor style of increment and decrement buttons in Chrome.
  */
-[type="number"]::-webkit-inner-spin-button,
-[type="number"]::-webkit-outer-spin-button {
+[type=number]::-webkit-inner-spin-button,
+[type=number]::-webkit-outer-spin-button {
     height: auto;
 }
@@ -405 +658 @@
  * 2. Correct the outline style in Safari.
  */
-[type="search"] {
+[type=search] {
     -webkit-appearance: textfield;
+
     /* 1 */
     outline-offset: -2px;
+
     /* 2 */
 }
@@ -415 +670 @@
  * Remove the inner padding in Chrome and Safari on macOS.
  */
-[type="search"]::-webkit-search-decoration {
+[type=search]::-webkit-search-decoration {
     -webkit-appearance: none;
 }
@@ -425 +680 @@
 ::-webkit-file-upload-button {
     -webkit-appearance: button;
+
     /* 1 */
     font: inherit;
+
     /* 2 */
 }
@@ -432 +689 @@
 /* Interactive
    ========================================================================== */
+
 /*
  * Add the correct display in Edge, IE 10+, and Firefox.
@@ -448 +706 @@
 /* Misc
    ========================================================================== */
+
 /**
  * Add the correct display in IE 10+.
@@ -465 +724 @@
  * Repsonsive Styles
  */
+
 /**
  * Required Variables
  */
+
 /**
  * Root Media Query Variables
  */
+:root {
+    --responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6);
+    --responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal));
+    --responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));
+    --responsive--alignfull-width: 100%;
+    --responsive--alignright-margin: var(--global--spacing-horizontal);
+    --responsive--alignleft-margin: var(--global--spacing-horizontal);
+}
+
+@media only screen and (min-width: 482px) {
+
+    :root {
+        --responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 610px);
+        --responsive--alignwide-width: calc(100vw - 4 * var(--global--spacing-horizontal));
+        --responsive--alignright-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
+        --responsive--alignleft-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
+    }
+}
+@media only screen and (min-width: 822px) {
+
+    :root {
+        --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 610px);
+        --responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px);
+    }
+}
 
 /**
  * Extends
  */
+.post-thumbnail,
+.entry-content .wp-audio-shortcode,
+.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce),
+*[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce),
 .default-max-width {
-    max-width: calc(100vw - 30px);
+    max-width: var(--responsive--aligndefault-width);
     margin-left: auto;
     margin-right: auto;
 }
-@media only screen and (min-width: 482px){
-    .default-max-width{
-    max-width: min(calc(100vw - 100px), 610px);
-    }
-}
-@media only screen and (min-width: 822px){
-    .default-max-width{
-    max-width: min(calc(100vw - 200px), 610px);
-    }
-}
-.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) {
-    max-width: calc(100vw - 30px);
+
+.widget-area,
+.pagination,
+.comments-pagination,
+.post-navigation,
+.site-footer,
+.site-header,
+.alignwide,
+.wide-max-width {
+    max-width: var(--responsive--alignwide-width);
     margin-left: auto;
     margin-right: auto;
 }
-@media only screen and (min-width: 482px){
-    .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce){
-    max-width: min(calc(100vw - 100px), 610px);
-    }
-}
-@media only screen and (min-width: 822px){
-    .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce){
-    max-width: min(calc(100vw - 200px), 610px);
-    }
-}
-*[class*="inner-container"] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) {
-    max-width: calc(100vw - 30px);
+
+.alignfull,
+.wp-block-group .wp-block-group__inner-container > *.alignfull,
+.full-max-width {
+    max-width: var(--responsive--alignfull-width);
+    width: var(--responsive--alignfull-width);
     margin-left: auto;
     margin-right: auto;
 }
-@media only screen and (min-width: 482px){
-    *[class*="inner-container"] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce){
-    max-width: min(calc(100vw - 100px), 610px);
-    }
-}
-@media only screen and (min-width: 822px){
-    *[class*="inner-container"] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce){
-    max-width: min(calc(100vw - 200px), 610px);
-    }
-}
-.entry-content .wp-audio-shortcode {
-    max-width: calc(100vw - 30px);
-    margin-left: auto;
-    margin-right: auto;
-}
-@media only screen and (min-width: 482px){
-    .entry-content .wp-audio-shortcode{
-    max-width: min(calc(100vw - 100px), 610px);
-    }
-}
-@media only screen and (min-width: 822px){
-    .entry-content .wp-audio-shortcode{
-    max-width: min(calc(100vw - 200px), 610px);
-    }
-}
-.post-thumbnail {
-    max-width: calc(100vw - 30px);
-    margin-left: auto;
-    margin-right: auto;
-}
-@media only screen and (min-width: 482px){
-    .post-thumbnail{
-    max-width: min(calc(100vw - 100px), 610px);
-    }
-}
-@media only screen and (min-width: 822px){
-    .post-thumbnail{
-    max-width: min(calc(100vw - 200px), 610px);
-    }
-}
-
-.wide-max-width {
-    max-width: calc(100vw - 30px);
-    margin-left: auto;
-    margin-right: auto;
-}
-
-@media only screen and (min-width: 482px){
-    .wide-max-width{
-    max-width: calc(100vw - 100px);
-    }
-}
-
-@media only screen and (min-width: 822px){
-    .wide-max-width{
-    max-width: min(calc(100vw - 200px), 1240px);
-    }
-}
-
-.alignwide {
-    max-width: calc(100vw - 30px);
-    margin-left: auto;
-    margin-right: auto;
-}
-
-@media only screen and (min-width: 482px){
-    .alignwide{
-    max-width: calc(100vw - 100px);
-    }
-}
-
-@media only screen and (min-width: 822px){
-    .alignwide{
-    max-width: min(calc(100vw - 200px), 1240px);
-    }
-}
-
-.site-header {
-    max-width: calc(100vw - 30px);
-    margin-left: auto;
-    margin-right: auto;
-}
-
-@media only screen and (min-width: 482px){
-    .site-header{
-    max-width: calc(100vw - 100px);
-    }
-}
-
-@media only screen and (min-width: 822px){
-    .site-header{
-    max-width: min(calc(100vw - 200px), 1240px);
-    }
-}
-
-.site-footer {
-    max-width: calc(100vw - 30px);
-    margin-left: auto;
-    margin-right: auto;
-}
-
-@media only screen and (min-width: 482px){
-    .site-footer{
-    max-width: calc(100vw - 100px);
-    }
-}
-
-@media only screen and (min-width: 822px){
-    .site-footer{
-    max-width: min(calc(100vw - 200px), 1240px);
-    }
-}
-
-.post-navigation {
-    max-width: calc(100vw - 30px);
-    margin-left: auto;
-    margin-right: auto;
-}
-
-@media only screen and (min-width: 482px){
-    .post-navigation{
-    max-width: calc(100vw - 100px);
-    }
-}
-
-@media only screen and (min-width: 822px){
-    .post-navigation{
-    max-width: min(calc(100vw - 200px), 1240px);
-    }
-}
-
-.pagination {
-    max-width: calc(100vw - 30px);
-    margin-left: auto;
-    margin-right: auto;
-}
-
-@media only screen and (min-width: 482px){
-    .pagination{
-    max-width: calc(100vw - 100px);
-    }
-}
-
-@media only screen and (min-width: 822px){
-    .pagination{
-    max-width: min(calc(100vw - 200px), 1240px);
-    }
-}
-
-.comments-pagination {
-    max-width: calc(100vw - 30px);
-    margin-left: auto;
-    margin-right: auto;
-}
-
-@media only screen and (min-width: 482px){
-    .comments-pagination{
-    max-width: calc(100vw - 100px);
-    }
-}
-
-@media only screen and (min-width: 822px){
-    .comments-pagination{
-    max-width: min(calc(100vw - 200px), 1240px);
-    }
-}
-
-.widget-area {
-    max-width: calc(100vw - 30px);
-    margin-left: auto;
-    margin-right: auto;
-}
-
-@media only screen and (min-width: 482px){
-    .widget-area{
-    max-width: calc(100vw - 100px);
-    }
-}
-
-@media only screen and (min-width: 822px){
-    .widget-area{
-    max-width: min(calc(100vw - 200px), 1240px);
-    }
-}
-
-.full-max-width {
-    max-width: 100%;
-    width: 100%;
-    margin-left: auto;
-    margin-right: auto;
-}
-
-.wp-block-group .wp-block-group__inner-container > *.alignfull {
-    max-width: 100%;
-    width: 100%;
-    margin-left: auto;
-    margin-right: auto;
-}
-
-.alignfull {
-    max-width: 100%;
-    width: 100%;
-    margin-left: auto;
-    margin-right: auto;
-}
 
 @media only screen and (min-width: 482px) {
+
+    .alignfull,
     .full-max-width {
-        max-width: 100%;
+        max-width: var(--responsive--alignfull-width);
         width: auto;
         margin-left: auto;
         margin-right: auto;
     }
-    .alignfull {
-        max-width: 100%;
-        width: auto;
-        margin-left: auto;
-        margin-right: auto;
-    }
-}
-
-.alignwide [class*="inner-container"] > .alignwide {
+}
+
+.entry-header .post-thumbnail,
+.singular .post-thumbnail,
+.alignfull [class*=inner-container] > .alignwide,
+.alignwide [class*=inner-container] > .alignwide {
     margin-left: auto;
     margin-right: auto;
-    width: calc(100vw - 30px);
-    max-width: 100%;
-}
-
-@media only screen and (min-width: 482px){
-    .alignwide [class*="inner-container"] > .alignwide{
-    width: calc(100vw - 100px);
-    }
-}
-
-@media only screen and (min-width: 822px){
-    .alignwide [class*="inner-container"] > .alignwide{
-    width: min(calc(100vw - 200px), 1240px);
-    }
-}
-
-.alignfull [class*="inner-container"] > .alignwide {
-    margin-left: auto;
-    margin-right: auto;
-    width: calc(100vw - 30px);
-    max-width: 100%;
-}
-
-@media only screen and (min-width: 482px){
-    .alignfull [class*="inner-container"] > .alignwide{
-    width: calc(100vw - 100px);
-    }
-}
-
-@media only screen and (min-width: 822px){
-    .alignfull [class*="inner-container"] > .alignwide{
-    width: min(calc(100vw - 200px), 1240px);
-    }
-}
-
-.entry-header .post-thumbnail {
-    margin-left: auto;
-    margin-right: auto;
-    width: calc(100vw - 30px);
-    max-width: 100%;
-}
-
-@media only screen and (min-width: 482px){
-    .entry-header .post-thumbnail{
-    width: calc(100vw - 100px);
-    }
-}
-
-@media only screen and (min-width: 822px){
-    .entry-header .post-thumbnail{
-    width: min(calc(100vw - 200px), 1240px);
-    }
-}
-
-.singular .post-thumbnail {
-    margin-left: auto;
-    margin-right: auto;
-    width: calc(100vw - 30px);
-    max-width: 100%;
-}
-
-@media only screen and (min-width: 482px){
-    .singular .post-thumbnail{
-    width: calc(100vw - 100px);
-    }
-}
-
-@media only screen and (min-width: 822px){
-    .singular .post-thumbnail{
-    width: min(calc(100vw - 200px), 1240px);
-    }
+    width: var(--responsive--alignwide-width);
+    max-width: var(--responsive--alignfull-width);
 }
 
 @media only screen and (min-width: 482px) {
+
     .entry-content > .alignleft {
+
         /*rtl:ignore*/
-        margin-left: calc(50vw - min(calc(100vw - 4 * 25px), 610px)*1);
+        margin-left: var(--responsive--alignleft-margin);
+
         /*rtl:ignore*/
-        margin-right: 25px;
-    }
-    @media only screen and (min-width: 482px){
-        .entry-content > .alignleft{
-        margin-left: calc(50vw - min(calc(100vw - 4 * 25px), 610px)*1);
-        }
-    }
-    @media only screen and (min-width: 482px){
-        .entry-content > .alignleft{
-        margin-left: calc(50vw - min(calc(100vw - 4 * 25px), 610px)*1);
-        }
-    }
-    @media only screen and (min-width: 822px){
-        .entry-content > .alignleft{
-        margin-left: calc(50vw - min(calc(100vw - 4 * 25px), 610px)*1);
-        }
-    }
-}
-
+        margin-right: var(--global--spacing-horizontal);
+    }
+}
 @media only screen and (min-width: 482px) {
+
     .entry-content > .alignright {
+
         /*rtl:ignore*/
-        margin-left: 25px;
+        margin-left: var(--global--spacing-horizontal);
+
         /*rtl:ignore*/
-        margin-right: calc(50vw - min(calc(100vw - 4 * 25px), 610px)*1);
-    }
-    @media only screen and (min-width: 482px){
-        .entry-content > .alignright{
-        margin-right: calc(50vw - min(calc(100vw - 4 * 25px), 610px)*1);
-        }
-    }
-    @media only screen and (min-width: 482px){
-        .entry-content > .alignright{
-        margin-right: calc(50vw - min(calc(100vw - 4 * 25px), 610px)*1);
-        }
-    }
-    @media only screen and (min-width: 822px){
-        .entry-content > .alignright{
-        margin-right: calc(50vw - min(calc(100vw - 4 * 25px), 610px)*1);
-        }
+        margin-right: var(--responsive--alignright-margin);
     }
 }
@@ -863 +845 @@
  * - See: globals/_global-width-responsive.scss
  */
+
 /**
  * Top Level Wrappers (header, main, footer)
  * - Set vertical padding and horizontal margins
  */
-.site-header {
-    padding-top: 30px;
-    padding-bottom: 30px;
+.site-header,
+.site-main,
+.widget-area,
+.site-footer {
+    padding-top: var(--global--spacing-vertical);
+    padding-bottom: var(--global--spacing-vertical);
     margin-left: auto;
     margin-right: auto;
 }
-.site-main {
-    padding-top: 30px;
-    padding-bottom: 30px;
-    margin-left: auto;
-    margin-right: auto;
-}
-.widget-area {
-    padding-top: 30px;
-    padding-bottom: 30px;
-    margin-left: auto;
-    margin-right: auto;
-}
-.site-footer {
-    padding-top: 30px;
-    padding-bottom: 30px;
-    margin-left: auto;
-    margin-right: auto;
-}
 
 .site-header {
-    padding-top: 23px;
-    padding-bottom: 60px;
-}
-
+    padding-top: calc(0.75 * var(--global--spacing-vertical));
+    padding-bottom: calc(2 * var(--global--spacing-vertical));
+}
 @media only screen and (min-width: 482px) {
+
     .site-header {
-        padding-bottom: 90px;
+        padding-bottom: calc(3 * var(--global--spacing-vertical));
     }
 }
@@ -908 +876 @@
  */
 .site-main > * {
-    margin-top: 90px;
-    margin-bottom: 90px;
+    margin-top: calc(3 * var(--global--spacing-vertical));
+    margin-bottom: calc(3 * var(--global--spacing-vertical));
 }
 
@@ -923 +891 @@
  * Set the default maximum responsive content-width
  */
+
 /**
  * Set the wide maximum responsive content-width
  */
+
 /**
  * Set the full maximum responsive content-width
  */
+
 /*
  * Block & non-gutenberg content wrappers
  * - Set margins
  */
-.entry-header {
-    margin-top: 30px;
+.entry-header,
+.post-thumbnail,
+.entry-content,
+.entry-footer,
+.author-bio {
+    margin-top: var(--global--spacing-vertical);
     margin-right: auto;
-    margin-bottom: 30px;
-    margin-left: auto;
-}
-.post-thumbnail {
-    margin-top: 30px;
-    margin-right: auto;
-    margin-bottom: 30px;
-    margin-left: auto;
-}
-.entry-content {
-    margin-top: 30px;
-    margin-right: auto;
-    margin-bottom: 30px;
-    margin-left: auto;
-}
-.entry-footer {
-    margin-top: 30px;
-    margin-right: auto;
-    margin-bottom: 30px;
-    margin-left: auto;
-}
-.author-bio {
-    margin-top: 30px;
-    margin-right: auto;
-    margin-bottom: 30px;
+    margin-bottom: var(--global--spacing-vertical);
     margin-left: auto;
 }
@@ -968 +919 @@
  * - Sets spacing-vertical margin logic
  */
-.site-main > article > * {
-    margin-top: 20px;
-    margin-bottom: 20px;
-}
-.site-main > .not-found > * {
-    margin-top: 20px;
-    margin-bottom: 20px;
-}
-.entry-content > * {
-    margin-top: 20px;
-    margin-bottom: 20px;
-}
-[class*="inner-container"] > * {
-    margin-top: 20px;
-    margin-bottom: 20px;
-}
+.site-main > article > *,
+.site-main > .not-found > *,
+.entry-content > *,
+[class*=inner-container] > *,
 .wp-block-template-part > * {
-    margin-top: 20px;
-    margin-bottom: 20px;
-}
-
+    margin-top: calc(0.666 * var(--global--spacing-vertical));
+    margin-bottom: calc(0.666 * var(--global--spacing-vertical));
+}
 @media only screen and (min-width: 482px) {
-    .site-main > article > * {
-        margin-top: 30px;
-        margin-bottom: 30px;
-    }
-    .site-main > .not-found > * {
-        margin-top: 30px;
-        margin-bottom: 30px;
-    }
-    .entry-content > * {
-        margin-top: 30px;
-        margin-bottom: 30px;
-    }
-    [class*="inner-container"] > * {
-        margin-top: 30px;
-        margin-bottom: 30px;
-    }
+
+    .site-main > article > *,
+    .site-main > .not-found > *,
+    .entry-content > *,
+    [class*=inner-container] > *,
     .wp-block-template-part > * {
-        margin-top: 30px;
-        margin-bottom: 30px;
+        margin-top: var(--global--spacing-vertical);
+        margin-bottom: var(--global--spacing-vertical);
     }
 }
@@ -1015 +942 @@
 .site-main > .not-found > *:first-child,
 .entry-content > *:first-child,
-[class*="inner-container"] > *:first-child,
+[class*=inner-container] > *:first-child,
 .wp-block-template-part > *:first-child {
     margin-top: 0;
@@ -1023 +950 @@
 .site-main > .not-found > *:last-child,
 .entry-content > *:last-child,
-[class*="inner-container"] > *:last-child,
+[class*=inner-container] > *:last-child,
 .wp-block-template-part > *:last-child {
     margin-bottom: 0;
 }
 
-.site-footer > * {
-    margin-top: 20px;
-    margin-bottom: 20px;
-}
-
+.site-footer > *,
 .widget-area > * {
-    margin-top: 20px;
-    margin-bottom: 20px;
-}
-
+    margin-top: calc(0.666 * var(--global--spacing-vertical));
+    margin-bottom: calc(0.666 * var(--global--spacing-vertical));
+}
 @media only screen and (min-width: 482px) {
-    .site-footer > * {
-        margin-top: 30px;
-        margin-bottom: 30px;
-    }
+
+    .site-footer > *,
     .widget-area > * {
-        margin-top: 30px;
-        margin-bottom: 30px;
+        margin-top: var(--global--spacing-vertical);
+        margin-bottom: var(--global--spacing-vertical);
     }
 }
@@ -1053 +973 @@
  * - Sets spacing-unit margins
  */
-.entry-header > * {
-    margin-top: 20px;
-    margin-bottom: 20px;
-}
-.post-thumbnail > * {
-    margin-top: 20px;
-    margin-bottom: 20px;
-}
-.page-content > * {
-    margin-top: 20px;
-    margin-bottom: 20px;
-}
-.comment-content > * {
-    margin-top: 20px;
-    margin-bottom: 20px;
-}
+.entry-header > *,
+.post-thumbnail > *,
+.page-content > *,
+.comment-content > *,
 .widget > * {
-    margin-top: 20px;
-    margin-bottom: 20px;
+    margin-top: var(--global--spacing-unit);
+    margin-bottom: var(--global--spacing-unit);
 }
 
@@ -1095 +1003 @@
  */
 .entry-content > * {
+
     /* Reset alignleft and alignright margins after alignfull */
 }
 
-.entry-content > *.alignleft, .entry-content > *.alignright,
+.entry-content > *.alignleft,
+.entry-content > *.alignright,
 .entry-content > *.alignleft:first-child + *,
-.entry-content > *.alignright:first-child + *, .entry-content > *.alignfull.has-background {
+.entry-content > *.alignright:first-child + *,
+.entry-content > *.alignfull.has-background {
     margin-top: 0;
 }
 
-.entry-content > *:last-child, .entry-content > *.alignfull.has-background {
+.entry-content > *:last-child,
+.entry-content > *.alignfull.has-background {
     margin-bottom: 0;
 }
 
-.entry-content > *.alignfull + .alignleft {
-    margin-top: 30px;
-}
-
+.entry-content > *.alignfull + .alignleft,
 .entry-content > *.alignfull + .alignright {
-    margin-top: 30px;
+    margin-top: var(--global--spacing-vertical);
 }
 
@@ -1155 +1064 @@
  */
 html {
+
     /* Apply border-box across the entire page. */
     box-sizing: border-box;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    line-height: 1.7;
+    font-family: var(--global--font-secondary);
+    line-height: var(--global--line-height-body);
 }
 
@@ -1164 +1074 @@
  * Relax the definition a bit, to allow components to override it manually.
  */
-*, *::before, *::after {
+*,
+*::before,
+*::after {
     box-sizing: inherit;
 }
 
 body {
-    font-size: 1.25rem;
+    font-size: var(--global--font-size-base);
     font-weight: normal;
-    color: #28303d;
+    color: var(--global--color-primary);
     text-align: left;
-    background-color: #d1e4dd;
+    background-color: var(--global--color-background);
 }
 
@@ -1210 +1122 @@
     padding: 0;
     position: relative;
-    margin: 30px 0 30px 25px;
+    margin: var(--global--spacing-vertical) 0 var(--global--spacing-vertical) var(--global--spacing-horizontal);
 }
 
 blockquote > * {
-    margin-top: 20px;
-    margin-bottom: 20px;
+    margin-top: var(--global--spacing-unit);
+    margin-bottom: var(--global--spacing-unit);
 }
 
@@ -1227 +1139 @@
 
 blockquote p {
-    letter-spacing: normal;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-size: 1.25rem;
-    font-style: normal;
-    font-weight: 700;
-    line-height: 1.7;
-}
-
-blockquote cite {
-    font-weight: normal;
-    color: #28303d;
-    font-size: 1rem;
-    letter-spacing: normal;
-}
-
+    letter-spacing: var(--heading--letter-spacing-h4);
+    font-family: var(--quote--font-family);
+    font-size: var(--quote--font-size);
+    font-style: var(--quote--font-style);
+    font-weight: var(--quote--font-weight);
+    line-height: var(--quote--line-height);
+}
+
+blockquote cite,
 blockquote footer {
     font-weight: normal;
-    color: #28303d;
-    font-size: 1rem;
-    letter-spacing: normal;
-}
-
-blockquote.alignleft, blockquote.alignright {
+    color: var(--global--color-primary);
+    font-size: var(--global--font-size-xs);
+    letter-spacing: var(--global--letter-spacing);
+}
+
+blockquote.alignleft,
+blockquote.alignright {
     padding-left: inherit;
 }
 
-blockquote.alignleft p {
-    font-size: 1.125rem;
+blockquote.alignleft p,
+blockquote.alignright p {
+    font-size: var(--heading--font-size-h5);
     max-width: inherit;
     width: inherit;
 }
 
-blockquote.alignright p {
-    font-size: 1.125rem;
-    max-width: inherit;
-    width: inherit;
-}
-
-blockquote.alignleft cite {
-    font-size: 1rem;
-    letter-spacing: normal;
-}
-
-blockquote.alignleft footer {
-    font-size: 1rem;
-    letter-spacing: normal;
-}
-
-blockquote.alignright cite {
-    font-size: 1rem;
-    letter-spacing: normal;
-}
-
+blockquote.alignleft cite,
+blockquote.alignleft footer,
+blockquote.alignright cite,
 blockquote.alignright footer {
-    font-size: 1rem;
-    letter-spacing: normal;
+    font-size: var(--global--font-size-xs);
+    letter-spacing: var(--global--letter-spacing);
 }
 
 blockquote strong {
-    font-weight: normal;
+    font-weight: var(--quote--font-weight-strong);
 }
 
 blockquote:before {
-    content: "\201C";
-    font-size: 1.25rem;
-    line-height: 1.7;
-    position: absolute;
-    left: -12px;
-}
-
-blockquote .wp-block-quote__citation {
-    color: #28303d;
-    font-size: 1rem;
-    font-style: normal;
-}
-
-blockquote cite {
-    color: #28303d;
-    font-size: 1rem;
-    font-style: normal;
-}
-
+    content: "“";
+    font-size: var(--quote--font-size);
+    line-height: var(--quote--line-height);
+}
+
+blockquote .wp-block-quote__citation,
+blockquote cite,
 blockquote footer {
-    color: #28303d;
-    font-size: 1rem;
-    font-style: normal;
-}
-
+    color: var(--global--color-primary);
+    font-size: var(--global--font-size-xs);
+    font-style: var(--quote--font-style-cite);
+}
 @media only screen and (max-width: 481px) {
+
     blockquote {
-        padding-left: 13px;
-    }
+        padding-left: calc(0.5 * var(--global--spacing-horizontal));
+    }
+
     blockquote:before {
         left: 0;
@@ -1324 +1203 @@
 }
 
-input[type="text"] {
-    border: 3px solid #39414d;
-    border-radius: 0;
-    color: #28303d;
-    line-height: 1.7;
-    padding: 10px;
+input[type=text],
+input[type=email],
+input[type=url],
+input[type=password],
+input[type=search],
+input[type=number],
+input[type=tel],
+input[type=date],
+input[type=month],
+input[type=week],
+input[type=time],
+input[type=datetime],
+input[type=datetime-local],
+input[type=color],
+.site textarea {
+    border: var(--form--border-width) solid var(--form--border-color);
+    border-radius: var(--form--border-radius);
+    color: var(--form--color-text);
+    line-height: var(--global--line-height-body);
+    padding: var(--form--spacing-unit);
     margin: 0 2px;
 }
 
-input[type="email"] {
-    border: 3px solid #39414d;
-    border-radius: 0;
-    color: #28303d;
-    line-height: 1.7;
-    padding: 10px;
-    margin: 0 2px;
-}
-
-input[type="url"] {
-    border: 3px solid #39414d;
-    border-radius: 0;
-    color: #28303d;
-    line-height: 1.7;
-    padding: 10px;
-    margin: 0 2px;
-}
-
-input[type="password"] {
-    border: 3px solid #39414d;
-    border-radius: 0;
-    color: #28303d;
-    line-height: 1.7;
-    padding: 10px;
-    margin: 0 2px;
-}
-
-input[type="search"] {
-    border: 3px solid #39414d;
-    border-radius: 0;
-    color: #28303d;
-    line-height: 1.7;
-    padding: 10px;
-    margin: 0 2px;
-}
-
-input[type="number"] {
-    border: 3px solid #39414d;
-    border-radius: 0;
-    color: #28303d;
-    line-height: 1.7;
-    padding: 10px;
-    margin: 0 2px;
-}
-
-input[type="tel"] {
-    border: 3px solid #39414d;
-    border-radius: 0;
-    color: #28303d;
-    line-height: 1.7;
-    padding: 10px;
-    margin: 0 2px;
-}
-
-input[type="date"] {
-    border: 3px solid #39414d;
-    border-radius: 0;
-    color: #28303d;
-    line-height: 1.7;
-    padding: 10px;
-    margin: 0 2px;
-}
-
-input[type="month"] {
-    border: 3px solid #39414d;
-    border-radius: 0;
-    color: #28303d;
-    line-height: 1.7;
-    padding: 10px;
-    margin: 0 2px;
-}
-
-input[type="week"] {
-    border: 3px solid #39414d;
-    border-radius: 0;
-    color: #28303d;
-    line-height: 1.7;
-    padding: 10px;
-    margin: 0 2px;
-}
-
-input[type="time"] {
-    border: 3px solid #39414d;
-    border-radius: 0;
-    color: #28303d;
-    line-height: 1.7;
-    padding: 10px;
-    margin: 0 2px;
-}
-
-input[type="datetime"] {
-    border: 3px solid #39414d;
-    border-radius: 0;
-    color: #28303d;
-    line-height: 1.7;
-    padding: 10px;
-    margin: 0 2px;
-}
-
-input[type="datetime-local"] {
-    border: 3px solid #39414d;
-    border-radius: 0;
-    color: #28303d;
-    line-height: 1.7;
-    padding: 10px;
-    margin: 0 2px;
-}
-
-input[type="color"] {
-    border: 3px solid #39414d;
-    border-radius: 0;
-    color: #28303d;
-    line-height: 1.7;
-    padding: 10px;
-    margin: 0 2px;
-}
-
-.site textarea {
-    border: 3px solid #39414d;
-    border-radius: 0;
-    color: #28303d;
-    line-height: 1.7;
-    padding: 10px;
-    margin: 0 2px;
-}
-
-input[type="text"]:focus {
-    color: #28303d;
+input[type=text]:focus,
+input[type=email]:focus,
+input[type=url]:focus,
+input[type=password]:focus,
+input[type=search]:focus,
+input[type=number]:focus,
+input[type=tel]:focus,
+input[type=date]:focus,
+input[type=month]:focus,
+input[type=week]:focus,
+input[type=time]:focus,
+input[type=datetime]:focus,
+input[type=datetime-local]:focus,
+input[type=color]:focus,
+.site textarea:focus {
+    color: var(--form--color-text);
     outline-offset: 2px;
-    outline: 2px dotted #39414d;
-}
-
-input[type="email"]:focus {
-    color: #28303d;
-    outline-offset: 2px;
-    outline: 2px dotted #39414d;
-}
-
-input[type="url"]:focus {
-    color: #28303d;
-    outline-offset: 2px;
-    outline: 2px dotted #39414d;
-}
-
-input[type="password"]:focus {
-    color: #28303d;
-    outline-offset: 2px;
-    outline: 2px dotted #39414d;
-}
-
-input[type="search"]:focus {
-    color: #28303d;
-    outline-offset: 2px;
-    outline: 2px dotted #39414d;
-}
-
-input[type="number"]:focus {
-    color: #28303d;
-    outline-offset: 2px;
-    outline: 2px dotted #39414d;
-}
-
-input[type="tel"]:focus {
-    color: #28303d;
-    outline-offset: 2px;
-    outline: 2px dotted #39414d;
-}
-
-input[type="date"]:focus {
-    color: #28303d;
-    outline-offset: 2px;
-    outline: 2px dotted #39414d;
-}
-
-input[type="month"]:focus {
-    color: #28303d;
-    outline-offset: 2px;
-    outline: 2px dotted #39414d;
-}
-
-input[type="week"]:focus {
-    color: #28303d;
-    outline-offset: 2px;
-    outline: 2px dotted #39414d;
-}
-
-input[type="time"]:focus {
-    color: #28303d;
-    outline-offset: 2px;
-    outline: 2px dotted #39414d;
-}
-
-input[type="datetime"]:focus {
-    color: #28303d;
-    outline-offset: 2px;
-    outline: 2px dotted #39414d;
-}
-
-input[type="datetime-local"]:focus {
-    color: #28303d;
-    outline-offset: 2px;
-    outline: 2px dotted #39414d;
-}
-
-input[type="color"]:focus {
-    color: #28303d;
-    outline-offset: 2px;
-    outline: 2px dotted #39414d;
-}
-
-.site textarea:focus {
-    color: #28303d;
-    outline-offset: 2px;
-    outline: 2px dotted #39414d;
-}
-
-input[type="text"]:disabled,
-input[type="email"]:disabled,
-input[type="url"]:disabled,
-input[type="password"]:disabled,
-input[type="search"]:disabled,
-input[type="number"]:disabled,
-input[type="tel"]:disabled,
-input[type="date"]:disabled,
-input[type="month"]:disabled,
-input[type="week"]:disabled,
-input[type="time"]:disabled,
-input[type="datetime"]:disabled,
-input[type="datetime-local"]:disabled,
-input[type="color"]:disabled,
+    outline: 2px dotted var(--form--border-color);
+}
+
+input[type=text]:disabled,
+input[type=email]:disabled,
+input[type=url]:disabled,
+input[type=password]:disabled,
+input[type=search]:disabled,
+input[type=number]:disabled,
+input[type=tel]:disabled,
+input[type=date]:disabled,
+input[type=month]:disabled,
+input[type=week]:disabled,
+input[type=time]:disabled,
+input[type=datetime]:disabled,
+input[type=datetime-local]:disabled,
+input[type=color]:disabled,
 .site textarea:disabled {
     opacity: 0.7;
 }
 
-.has-background-dark input[type="text"] {
-    background: rgba(255, 255, 255, 0.9);
-}
-
-.has-background-dark
-input[type="email"] {
-    background: rgba(255, 255, 255, 0.9);
-}
-
-.has-background-dark
-input[type="url"] {
-    background: rgba(255, 255, 255, 0.9);
-}
-
-.has-background-dark
-input[type="password"] {
-    background: rgba(255, 255, 255, 0.9);
-}
-
-.has-background-dark
-input[type="search"] {
-    background: rgba(255, 255, 255, 0.9);
-}
-
-.has-background-dark
-input[type="number"] {
-    background: rgba(255, 255, 255, 0.9);
-}
-
-.has-background-dark
-input[type="tel"] {
-    background: rgba(255, 255, 255, 0.9);
-}
-
-.has-background-dark
-input[type="date"] {
-    background: rgba(255, 255, 255, 0.9);
-}
-
-.has-background-dark
-input[type="month"] {
-    background: rgba(255, 255, 255, 0.9);
-}
-
-.has-background-dark
-input[type="week"] {
-    background: rgba(255, 255, 255, 0.9);
-}
-
-.has-background-dark
-input[type="time"] {
-    background: rgba(255, 255, 255, 0.9);
-}
-
-.has-background-dark
-input[type="datetime"] {
-    background: rgba(255, 255, 255, 0.9);
-}
-
-.has-background-dark
-input[type="datetime-local"] {
-    background: rgba(255, 255, 255, 0.9);
-}
-
-.has-background-dark
-input[type="color"] {
-    background: rgba(255, 255, 255, 0.9);
-}
-
-.has-background-dark
-.site textarea {
-    background: rgba(255, 255, 255, 0.9);
-}
-
-input[type="search"]:focus {
+.is-dark-theme input[type=text],
+.is-dark-theme input[type=email],
+.is-dark-theme input[type=url],
+.is-dark-theme input[type=password],
+.is-dark-theme input[type=search],
+.is-dark-theme input[type=number],
+.is-dark-theme input[type=tel],
+.is-dark-theme input[type=date],
+.is-dark-theme input[type=month],
+.is-dark-theme input[type=week],
+.is-dark-theme input[type=time],
+.is-dark-theme input[type=datetime],
+.is-dark-theme input[type=datetime-local],
+.is-dark-theme input[type=color],
+.is-dark-theme .site textarea {
+    background: var(--global--color-white-90);
+}
+
+input[type=search]:focus {
     outline-offset: -7px;
 }
 
-.has-background-dark input[type="search"]:focus {
-    outline-color: #d1e4dd;
-}
-
-input[type="color"] {
-    padding: 5px;
-    height: 40px;
-}
-
-input[type="email"],
-input[type="url"] {
+.is-dark-theme input[type=search]:focus {
+    outline-color: var(--global--color-background);
+}
+
+input[type=color] {
+    padding: calc(var(--form--spacing-unit) / 2);
+    height: calc(4 * var(--form--spacing-unit));
+}
+
+input[type=email],
+input[type=url] {
+
     /*rtl:ignore*/
     direction: ltr;
@@ -1661 +1303 @@
 
 select {
-    border: 3px solid #39414d;
-    color: #28303d;
+    border: var(--form--border-width) solid var(--form--border-color);
+    color: var(--form--color-text);
     -moz-appearance: none;
     -webkit-appearance: none;
     appearance: none;
-    line-height: 1.7;
-    padding: 10px 30px 10px 10px;
-    /* stylelint-disable */
-    background: #fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;
-    /* stylelint-enable */
-    background-position: right 10px top 60%;
+    line-height: var(--global--line-height-body);
+    padding: var(--form--spacing-unit) calc(3 * var(--form--spacing-unit)) var(--form--spacing-unit) var(--form--spacing-unit);
+    background: var(--global--color-white) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;
+    background-position: right var(--form--spacing-unit) top 60%;
 }
 
 select:focus {
     outline-offset: 2px;
-    outline: 2px dotted #39414d;
-}
-
-.has-background-dark select {
-    /* stylelint-disable */
-    background: rgba(255, 255, 255, 0.9) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;
-    /* stylelint-enable */
-    background-position: right 10px top 60%;
+    outline: 2px dotted var(--form--border-color);
+}
+
+.is-dark-theme select {
+    background: var(--global--color-white-90) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;
+    background-position: right var(--form--spacing-unit) top 60%;
 }
 
@@ -1691 +1329 @@
 
 label {
-    font-size: 1.125rem;
-    font-weight: 500;
-    margin-bottom: 10px;
+    font-size: var(--form--font-size);
+    font-weight: var(--form--label-weight);
+    margin-bottom: calc(var(--global--spacing-vertical) / 3);
 }
 
@@ -1702 +1340 @@
 */
 @supports (-webkit-appearance: none) or (-moz-appearance: none) {
-    input[type="checkbox"] {
+
+    input[type=checkbox],
+    input[type=radio] {
         -webkit-appearance: none;
         -moz-appearance: none;
@@ -1708 +1348 @@
         width: 25px;
         height: 25px;
-        border: 3px solid #39414d;
-        background: #fff;
-    }
-    input[type="radio"] {
-        -webkit-appearance: none;
-        -moz-appearance: none;
-        position: relative;
-        width: 25px;
-        height: 25px;
-        border: 3px solid #39414d;
-        background: #fff;
-    }
-    input[type="checkbox"]:disabled,
-    input[type="radio"]:disabled {
+        border: var(--form--border-width) solid var(--form--border-color);
+        background: var(--global--color-white);
+    }
+
+    input[type=checkbox]:disabled,
+    input[type=radio]:disabled {
         opacity: 0.7;
     }
-    .has-background-dark input[type="checkbox"] {
-        background: rgba(255, 255, 255, 0.9);
-    }
-    .has-background-dark
-    input[type="radio"] {
-        background: rgba(255, 255, 255, 0.9);
-    }
-    input[type="checkbox"]:focus {
+
+    .is-dark-theme input[type=checkbox],
+    .is-dark-theme input[type=radio] {
+        background: var(--global--color-white-90);
+    }
+
+    input[type=checkbox]:focus {
         outline-offset: 2px;
-        outline: 2px dotted #39414d;
-    }
-    input[type="checkbox"]:after {
+        outline: 2px dotted var(--form--border-color);
+    }
+
+    input[type=checkbox]:after {
         content: "";
         opacity: 0;
@@ -1744 +1376 @@
         width: 7px;
         height: 13px;
-        border: 3px solid #28303d;
+        border: 3px solid var(--form--color-text);
         border-top: 0;
         border-left: 0;
         transform: rotate(30deg);
     }
-    input[type="checkbox"]:checked {
-        color: #28303d;
-    }
-    input[type="checkbox"]:checked:after {
+
+    input[type=checkbox]:checked {
+        color: var(--form--color-text);
+    }
+
+    input[type=checkbox]:checked:after {
         opacity: 1;
     }
-    input[type="radio"] {
+
+    input[type=radio] {
         border-radius: 50%;
     }
-    input[type="radio"]:focus {
+
+    input[type=radio]:focus {
         outline-offset: 2px;
-        outline: 2px dotted #39414d;
-    }
-    input[type="radio"]:after {
+        outline: 2px dotted var(--form--border-color);
+    }
+
+    input[type=radio]:after {
         content: "";
         opacity: 0;
@@ -1772 +1409 @@
         height: 11px;
         border-radius: 50%;
-        background: #28303d;
-    }
-    input[type="radio"]:checked {
-        border: 4px solid #39414d;
-    }
-    input[type="radio"]:checked:after {
+        background: var(--form--color-text);
+    }
+
+    input[type=radio]:checked {
+        border: 4px solid var(--form--border-color);
+    }
+
+    input[type=radio]:checked:after {
         opacity: 1;
     }
-    input[type="radio"]:checked:focus {
+
+    input[type=radio]:checked:focus {
         outline-offset: 4px;
-        outline: 2px dotted #39414d;
-    }
-}
-
-input[type="checkbox"] + label {
+        outline: 2px dotted var(--form--border-color);
+    }
+}
+
+input[type=checkbox] + label,
+input[type=radio] + label {
     display: inline-block;
     padding-left: 10px;
-    font-size: 1rem;
-    vertical-align: top;
-}
-
-input[type="radio"] + label {
-    display: inline-block;
-    padding-left: 10px;
-    font-size: 1rem;
+    font-size: var(--global--font-size-xs);
     vertical-align: top;
 }
@@ -1804 +1438 @@
 */
 @supports (-webkit-appearance: none) or (-moz-appearance: none) {
-    input[type="range"] {
+
+    input[type=range] {
         -webkit-appearance: none;
+
         /* Hides the slider so that custom slider can be made */
         width: 100%;
+
         /* Specific width is required for Firefox. */
         height: 6px;
-        background: #39414d;
+        background: var(--form--color-ranged);
         border-radius: 6px;
         outline-offset: 10px;
     }
-    input[type="range"]:disabled {
+
+    input[type=range]:disabled {
         opacity: 0.7;
     }
-    input[type="range"]::-webkit-slider-thumb {
+
+    input[type=range]::-webkit-slider-thumb {
         -webkit-appearance: none;
-        border: 3px solid #39414d;
+        border: 3px solid var(--form--color-ranged);
         height: 25px;
         width: 25px;
         border-radius: 50%;
-        background: #d1e4dd;
+        background: var(--global--color-background);
         cursor: pointer;
     }
-    input[type="range"]::-moz-range-thumb {
-        border: 3px solid #39414d;
+
+    input[type=range]::-moz-range-thumb {
+        border: 3px solid var(--form--color-ranged);
         height: 25px;
         width: 25px;
         border-radius: 50%;
-        background: #d1e4dd;
+        background: var(--global--color-background);
         cursor: pointer;
     }
 }
 
-input[type="range"]::-ms-track {
+input[type=range]::-ms-track {
     width: 100%;
     height: 6px;
     border-radius: 6px;
     border-width: 19px 0;
-    border-color: #d1e4dd;
+    border-color: var(--global--color-background);
     background: transparent;
     color: transparent;
@@ -1847 +1487 @@
 }
 
-input[type="range"]::-ms-fill-upper {
-    background: #39414d;
+input[type=range]::-ms-fill-upper {
+    background: var(--form--color-ranged);
     border-radius: 6px;
 }
 
-input[type="range"]::-ms-fill-lower {
-    background: #39414d;
+input[type=range]::-ms-fill-lower {
+    background: var(--form--color-ranged);
     border-radius: 6px;
 }
 
-input[type="range"]::-ms-thumb {
-    border: 3px solid #39414d;
+input[type=range]::-ms-thumb {
+    border: 3px solid var(--form--color-ranged);
     height: 25px;
     width: 25px;
     border-radius: 50%;
-    background: #d1e4dd;
+    background: var(--global--color-background);
     cursor: pointer;
 }
@@ -1868 +1508 @@
 fieldset {
     display: grid;
-    border-color: #39414d;
-    padding: 25px;
+    border-color: var(--global--color-secondary);
+    padding: var(--global--spacing-horizontal);
 }
 
 fieldset legend {
-    font-size: 1.5rem;
-}
-
-fieldset input[type="submit"] {
+    font-size: var(--global--font-size-lg);
+}
+
+fieldset input[type=submit] {
     max-width: max-content;
 }
 
-fieldset input:not([type="submit"]) {
-    margin-bottom: 20px;
-}
-
-fieldset input[type="radio"], fieldset input[type="checkbox"] {
+fieldset input:not([type=submit]) {
+    margin-bottom: var(--global--spacing-unit);
+}
+
+fieldset input[type=radio],
+fieldset input[type=checkbox] {
     margin-bottom: 0;
 }
 
-fieldset input[type="radio"] + label {
-    font-size: 1.125rem;
+fieldset input[type=radio] + label,
+fieldset input[type=checkbox] + label {
+    font-size: var(--form--font-size);
     padding-left: 0;
-    margin-bottom: 20px;
-}
-
-fieldset input[type="checkbox"] + label {
-    font-size: 1.125rem;
-    padding-left: 0;
-    margin-bottom: 20px;
+    margin-bottom: var(--global--spacing-unit);
 }
 
 ::-moz-placeholder {
     opacity: 1;
+}
+
+.post-password-message {
+    font-size: var(--global--font-size-lg);
+}
+
+.post-password-form {
+    display: flex;
+    flex-wrap: wrap;
+}
+
+.post-password-form__label {
+    width: 100%;
+    margin-bottom: 0;
+}
+
+.post-password-form input[type=password] {
+    flex-grow: 1;
+    margin-top: calc(var(--global--spacing-vertical) / 3);
+    margin-right: calc(0.66 * var(--global--spacing-horizontal));
+}
+
+.post-password-form__submit {
+    margin-top: calc(var(--global--spacing-vertical) / 3);
+}
+@media only screen and (min-width: 592px) {
+
+    .post-password-form__submit {
+        margin-left: calc(0.4 * var(--global--spacing-horizontal));
+    }
 }
 
@@ -1924 +1590 @@
 
 /* Media captions */
-figcaption {
-    color: currentColor;
-    font-size: 1rem;
-    line-height: 1.7;
-    margin-top: 10px;
-    margin-bottom: 20px;
-    text-align: center;
-}
-.wp-caption {
-    color: currentColor;
-    font-size: 1rem;
-    line-height: 1.7;
-    margin-top: 10px;
-    margin-bottom: 20px;
-    text-align: center;
-}
+figcaption,
+.wp-caption,
 .wp-caption-text {
     color: currentColor;
-    font-size: 1rem;
-    line-height: 1.7;
-    margin-top: 10px;
-    margin-bottom: 20px;
+    font-size: var(--global--font-size-xs);
+    line-height: var(--global--line-height-body);
+    margin-top: calc(0.5 * var(--global--spacing-unit));
+    margin-bottom: var(--global--spacing-unit);
     text-align: center;
 }
 
 .alignleft figcaption,
-.alignright figcaption, .alignleft
-.wp-caption,
-.alignright
-.wp-caption, .alignleft
-.wp-caption-text,
-.alignright
-.wp-caption-text {
+.alignright figcaption,
+.alignleft .wp-caption,
+.alignright .wp-caption,
+.alignleft .wp-caption-text,
+.alignright .wp-caption-text {
     margin-bottom: 0;
 }
@@ -1995 +1645 @@
 a {
     cursor: pointer;
-    color: #28303d;
+    color: var(--wp--style--color--link, var(--global--color-primary));
     text-underline-offset: 3px;
     text-decoration-skip-ink: all;
@@ -2006 +1656 @@
 
 .site a:focus {
+
     /* Only visible in Windows High Contrast mode */
     outline: 2px solid transparent;
@@ -2011 +1662 @@
 }
 
-.has-background-dark .site a:focus {
-    color: #d1e4dd;
-}
-
-.has-background-dark .site a:focus .meta-nav {
-    color: #d1e4dd;
+.is-dark-theme .site a:focus,
+.is-dark-theme .site a:focus .meta-nav {
+    color: var(--wp--style--color--link, var(--global--color-background));
 }
 
 .has-background-white .site a:focus {
     background: rgba(0, 0, 0, 0.9);
-    color: #fff;
+    color: var(--wp--style--color--link, var(--global--color-white));
 }
 
 .has-background-white .site a:focus .meta-nav {
-    color: #fff;
+    color: var(--wp--style--color--link, var(--global--color-white));
 }
 
 .site a:focus.skip-link {
+
     /* Only visible in Windows High Contrast mode */
     outline: 2px solid transparent;
@@ -2040 +1689 @@
 
 .site a:focus img {
-    outline: 2px dotted #28303d;
-}
-
-.has-background:not(.has-background-background-color) .has-link-color a {
-    color: #28303d;
-}
-
+    outline: 2px dotted var(--wp--style--color--link, var(--global--color-primary));
+}
+
+.has-background:not(.has-background-background-color) .has-link-color a,
 .has-background:not(.has-background-background-color).has-link-color a {
-    color: #28303d;
+    color: var(--wp--style--color--link, var(--global--color-primary));
 }
 
@@ -2054 +1700 @@
 .wp-block-audio audio:focus {
     outline-offset: 5px;
-    outline: 2px solid #28303d;
+    outline: 2px solid var(--global--color-primary);
 }
 
@@ -2060 +1706 @@
  * Button
  */
-.site .button {
-    line-height: 1.5;
-    color: #d1e4dd;
+.site .button,
+input[type=submit],
+input[type=reset],
+.wp-block-search__button,
+.wp-block-button .wp-block-button__link {
+    line-height: var(--button--line-height);
+    color: var(--button--color-text);
     cursor: pointer;
-    font-weight: 500;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-size: 1.25rem;
-    background-color: #39414d;
-    border-radius: 0;
-    border: 3px solid #39414d;
+    font-weight: var(--button--font-weight);
+    font-family: var(--button--font-family);
+    font-size: var(--button--font-size);
+    background-color: var(--button--color-background);
+    border-radius: var(--button--border-radius);
+    border: var(--button--border-width) solid var(--button--color-background);
     text-decoration: none;
-    padding: 15px 30px;
-}
-input[type="submit"] {
-    line-height: 1.5;
-    color: #d1e4dd;
-    cursor: pointer;
-    font-weight: 500;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-size: 1.25rem;
-    background-color: #39414d;
-    border-radius: 0;
-    border: 3px solid #39414d;
-    text-decoration: none;
-    padding: 15px 30px;
-}
-input[type="reset"] {
-    line-height: 1.5;
-    color: #d1e4dd;
-    cursor: pointer;
-    font-weight: 500;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-size: 1.25rem;
-    background-color: #39414d;
-    border-radius: 0;
-    border: 3px solid #39414d;
-    text-decoration: none;
-    padding: 15px 30px;
-}
-.wp-block-search__button {
-    line-height: 1.5;
-    color: #d1e4dd;
-    cursor: pointer;
-    font-weight: 500;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-size: 1.25rem;
-    background-color: #39414d;
-    border-radius: 0;
-    border: 3px solid #39414d;
-    text-decoration: none;
-    padding: 15px 30px;
-}
-.wp-block-button .wp-block-button__link {
-    line-height: 1.5;
-    color: #d1e4dd;
-    cursor: pointer;
-    font-weight: 500;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-size: 1.25rem;
-    background-color: #39414d;
-    border-radius: 0;
-    border: 3px solid #39414d;
-    text-decoration: none;
-    padding: 15px 30px;
-}
-
-.site .button:before, .site .button:after,
-input[type="submit"]:before,
-input[type="submit"]:after,
-input[type="reset"]:before,
-input[type="reset"]:after,
+    padding: var(--button--padding-vertical) var(--button--padding-horizontal);
+}
+
+.site .button:before,
+.site .button:after,
+input[type=submit]:before,
+input[type=submit]:after,
+input[type=reset]:before,
+input[type=reset]:after,
 .wp-block-search__button:before,
 .wp-block-search__button:after,
@@ -2141 +1740 @@
 }
 
-.site .button:before {
-    margin-bottom: -calc(1em - 0);
-}
-
-input[type="submit"]:before {
-    margin-bottom: -calc(1em - 0);
-}
-
-input[type="reset"]:before {
-    margin-bottom: -calc(1em - 0);
-}
-
-.wp-block-search__button:before {
-    margin-bottom: -calc(1em - 0);
-}
-
+.site .button:before,
+input[type=submit]:before,
+input[type=reset]:before,
+.wp-block-search__button:before,
 .wp-block-button .wp-block-button__link:before {
-    margin-bottom: -calc(1em - 0);
-}
-
-.site .button:after {
-    margin-top: -calc(1em - 0);
-}
-
-input[type="submit"]:after {
-    margin-top: -calc(1em - 0);
-}
-
-input[type="reset"]:after {
-    margin-top: -calc(1em - 0);
-}
-
-.wp-block-search__button:after {
-    margin-top: -calc(1em - 0);
-}
-
+    margin-bottom: -calc(.5em * var(--button--line-height) + -.38);
+}
+
+.site .button:after,
+input[type=submit]:after,
+input[type=reset]:after,
+.wp-block-search__button:after,
 .wp-block-button .wp-block-button__link:after {
-    margin-top: -calc(1em - 0);
+    margin-top: -calc(.5em * var(--button--line-height) + -.39);
 }
 
 .site .button:focus,
-input[type="submit"]:focus,
-input[type="reset"]:focus,
+input[type=submit]:focus,
+input[type=reset]:focus,
 .wp-block-search__button:focus,
 .wp-block-button .wp-block-button__link:focus {
@@ -2191 +1766 @@
 }
 
-.has-background-dark .site .button:focus {
-    color: #39414d;
-}
-
-.has-background-dark
-input[type="submit"]:focus {
-    color: #39414d;
-}
-
-.has-background-dark
-input[type="reset"]:focus {
-    color: #39414d;
-}
-
-.has-background-dark
-.wp-block-search__button:focus {
-    color: #39414d;
-}
-
-.has-background-dark
-.wp-block-button .wp-block-button__link:focus {
-    color: #39414d;
-}
-
-.site .button:focus:not(.has-background) {
-    color: #39414d;
-}
-
-input[type="submit"]:focus:not(.has-background) {
-    color: #39414d;
-}
-
-input[type="reset"]:focus:not(.has-background) {
-    color: #39414d;
-}
-
-.wp-block-search__button:focus:not(.has-background) {
-    color: #39414d;
-}
-
+.is-dark-theme .site .button:focus,
+.is-dark-theme input[type=submit]:focus,
+.is-dark-theme input[type=reset]:focus,
+.is-dark-theme .wp-block-search__button:focus,
+.is-dark-theme .wp-block-button .wp-block-button__link:focus {
+    color: var(--button--color-background);
+}
+
+.site .button:focus:not(.has-background),
+input[type=submit]:focus:not(.has-background),
+input[type=reset]:focus:not(.has-background),
+.wp-block-search__button:focus:not(.has-background),
 .wp-block-button .wp-block-button__link:focus:not(.has-background) {
-    color: #39414d;
-}
-
-.site .button:disabled {
-    background-color: rgba(255, 255, 255, 0.5);
-    border-color: rgba(255, 255, 255, 0.5);
-    color: #39414d;
-}
-
-input[type="submit"]:disabled {
-    background-color: rgba(255, 255, 255, 0.5);
-    border-color: rgba(255, 255, 255, 0.5);
-    color: #39414d;
-}
-
-input[type="reset"]:disabled {
-    background-color: rgba(255, 255, 255, 0.5);
-    border-color: rgba(255, 255, 255, 0.5);
-    color: #39414d;
-}
-
-.wp-block-search__button:disabled {
-    background-color: rgba(255, 255, 255, 0.5);
-    border-color: rgba(255, 255, 255, 0.5);
-    color: #39414d;
-}
-
+    color: var(--button--color-text-hover);
+}
+
+.site .button:disabled,
+input[type=submit]:disabled,
+input[type=reset]:disabled,
+.wp-block-search__button:disabled,
 .wp-block-button .wp-block-button__link:disabled {
-    background-color: rgba(255, 255, 255, 0.5);
-    border-color: rgba(255, 255, 255, 0.5);
-    color: #39414d;
-}
-
-.site .button:active {
-    color: #39414d;
-    background-color: #d1e4dd;
-}
-
-input[type="submit"]:active {
-    color: #39414d;
-    background-color: #d1e4dd;
-}
-
-input[type="reset"]:active {
-    color: #39414d;
-    background-color: #d1e4dd;
-}
-
-.wp-block-search .wp-block-search__button:active {
-    color: #39414d;
-    background-color: #d1e4dd;
-}
-
+    background-color: var(--global--color-white-50);
+    border-color: var(--global--color-white-50);
+    color: var(--button--color-text-active);
+}
+
+.site .button:active,
+input[type=submit]:active,
+input[type=reset]:active,
+.wp-block-search .wp-block-search__button:active,
 .wp-block-file .wp-block-file__button:active {
-    color: #39414d;
-    background-color: #d1e4dd;
-}
-
-.site .button:hover {
-    color: #39414d;
+    color: var(--button--color-text-active);
+    background-color: var(--button--color-background-active);
+}
+
+.site .button:hover,
+input[type=submit]:hover,
+input[type=reset]:hover,
+.wp-block-search .wp-block-search__button:hover,
+.wp-block-file .wp-block-file__button:hover {
+    color: var(--button--color-text-hover);
     background: transparent;
 }
 
-input[type="submit"]:hover {
-    color: #39414d;
+/**
+ * Block Options
+ */
+.wp-block-button:not(.is-style-outline) .wp-block-button__link:active {
+    color: var(--button--color-text-active) !important;
+    background: transparent !important;
+    border-color: var(--button--color-background);
+}
+
+.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
+    color: var(--button--color-text-hover) !important;
+    background: transparent !important;
+    border-color: var(--button--color-background);
+}
+
+.wp-block-button:not(.is-style-outline) .wp-block-button__link:focus {
+    color: var(--button--color-text) !important;
+    background: var(--button--color-background) !important;
+}
+
+.wp-block-button.is-style-outline .wp-block-button__link {
+    padding: var(--button--padding-vertical) var(--button--padding-horizontal);
+}
+
+.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background) {
     background: transparent;
 }
 
-input[type="reset"]:hover {
-    color: #39414d;
+.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color) {
     background: transparent;
-}
-
-.wp-block-search .wp-block-search__button:hover {
-    color: #39414d;
-    background: transparent;
-}
-
-.wp-block-file .wp-block-file__button:hover {
-    color: #39414d;
-    background: transparent;
-}
-
-/**
- * Block Options
- */
-.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background):not(.has-text-color):active {
-    color: #39414d;
-    background-color: #d1e4dd;
-}
-
-.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background):not(.has-text-color):hover {
-    color: #39414d;
-    background: transparent;
-}
-
-.wp-block-button:not(.is-style-outline) .wp-block-button__link.has-background:active, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-background:hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-background:focus, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-text-color:active, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-text-color:hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-text-color:focus {
-    outline-offset: -7px;
-    outline: 2px dotted currentColor;
-}
-
-.wp-block-button.is-style-outline .wp-block-button__link {
-    background: transparent;
-    padding: 15px 30px;
-}
-
-.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color) {
-    color: #39414d;
-    border: 3px solid currentColor;
-}
-
-.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):active {
-    background-color: #39414d;
-    color: #d1e4dd;
-    border: 3px solid #39414d;
-}
-
-.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):hover {
-    background-color: #39414d;
-    color: #d1e4dd;
-    border: 3px solid #39414d;
-}
-
-.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):focus {
-    outline-offset: -7px;
-    background: transparent;
-    outline: 2px dotted #39414d;
-    color: #39414d;
-}
-
-.wp-block-button.is-style-outline .wp-block-button__link.has-background {
-    border: 3px solid currentColor;
-}
-
-.wp-block-button.is-style-outline .wp-block-button__link.has-text-color {
-    border: 3px solid currentColor;
-}
-
-.wp-block-button.is-style-outline .wp-block-button__link.has-background:active {
-    outline-offset: -7px;
-    background: transparent;
-    outline: 2px dotted currentColor;
-    border: 3px solid currentColor;
-}
-
-.wp-block-button.is-style-outline .wp-block-button__link.has-background:hover {
-    outline-offset: -7px;
-    background: transparent;
-    outline: 2px dotted currentColor;
-    border: 3px solid currentColor;
-}
-
-.wp-block-button.is-style-outline .wp-block-button__link.has-background:focus {
-    outline-offset: -7px;
-    background: transparent;
-    outline: 2px dotted currentColor;
-    border: 3px solid currentColor;
-}
-
-.wp-block-button.is-style-outline .wp-block-button__link.has-text-color:active {
-    outline-offset: -7px;
-    background: transparent;
-    outline: 2px dotted currentColor;
-    border: 3px solid currentColor;
-}
-
-.wp-block-button.is-style-outline .wp-block-button__link.has-text-color:hover {
-    outline-offset: -7px;
-    background: transparent;
-    outline: 2px dotted currentColor;
-    border: 3px solid currentColor;
-}
-
-.wp-block-button.is-style-outline .wp-block-button__link.has-text-color:focus {
-    outline-offset: -7px;
-    background: transparent;
-    outline: 2px dotted currentColor;
-    border: 3px solid currentColor;
+    color: var(--button--color-background);
+    border-color: var(--button--color-background);
+}
+
+.wp-block-button.is-style-outline .wp-block-button__link.has-background:not(.has-text-color) {
+    color: currentColor;
+}
+
+.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-gray-background-color:not(.has-text-color),
+.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-dark-gray-background-color:not(.has-text-color),
+.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-black-background-color:not(.has-text-color) {
+    color: var(--global--color-white);
+}
+
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background {
+    color: var(--global--color-dark-gray);
+}
+
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-gray-background-color,
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-dark-gray-background-color,
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-black-background-color {
+    color: var(--global--color-white);
+}
+
+.wp-block-button.is-style-outline .wp-block-button__link.has-text-color,
+.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-text-color {
+    border-color: currentColor;
+}
+
+.wp-block-button.is-style-outline .wp-block-button__link:active,
+.wp-block-button.is-style-outline .wp-block-button__link:hover {
+    color: var(--button--color-text) !important;
+    background: var(--button--color-background) !important;
+    border-color: var(--button--color-background);
+}
+
+.wp-block-button.is-style-outline .wp-block-button__link:active.has-text-color,
+.wp-block-button.is-style-outline .wp-block-button__link:hover.has-text-color {
+    border-color: var(--button--color-background);
+}
+
+.wp-block-button.is-style-outline .wp-block-button__link:focus {
+    color: var(--button--color-background) !important;
+    background: transparent !important;
 }
 
@@ -2416 +1890 @@
 }
 
-.is-style-outline .wp-block-button__link[style*="radius"]:focus {
+.is-style-outline .wp-block-button__link[style*=radius]:focus,
+.wp-block-button a.wp-block-button__link[style*=radius]:focus {
     outline-offset: 2px;
-    outline: 2px dotted #39414d;
-}
-
-.wp-block-button a.wp-block-button__link[style*="radius"]:focus {
-    outline-offset: 2px;
-    outline: 2px dotted #39414d;
+    outline: 2px dotted var(--button--color-background);
 }
 
 .wp-block-code {
-    border-color: #28303d;
+    border-color: var(--global--color-border);
     border-radius: 0;
     border-style: solid;
     border-width: 0.1rem;
-    padding: 20px;
+    padding: var(--global--spacing-unit);
 }
 
 .wp-block-code code {
-    font-size: 1rem;
+    font-size: var(--global--font-size-xs);
     white-space: pre;
     overflow-x: auto;
@@ -2446 +1916 @@
 
 .wp-block-columns .wp-block-column > * {
-    margin-top: 20px;
-    margin-bottom: 20px;
-}
-
+    margin-top: calc(0.66 * var(--global--spacing-vertical));
+    margin-bottom: calc(0.66 * var(--global--spacing-vertical));
+}
 @media only screen and (min-width: 482px) {
+
     .wp-block-columns .wp-block-column > * {
-        margin-top: 30px;
-        margin-bottom: 30px;
+        margin-top: var(--global--spacing-vertical);
+        margin-bottom: var(--global--spacing-vertical);
     }
 }
@@ -2470 +1940 @@
 
 .wp-block-columns .wp-block-column:not(:last-child) {
-    margin-bottom: 20px;
-}
-
+    margin-bottom: calc(0.66 * var(--global--spacing-vertical));
+}
 @media only screen and (min-width: 482px) {
+
     .wp-block-columns .wp-block-column:not(:last-child) {
-        margin-bottom: 30px;
-    }
-}
-
+        margin-bottom: var(--global--spacing-vertical);
+    }
+}
 @media only screen and (min-width: 822px) {
+
     .wp-block-columns .wp-block-column:not(:last-child) {
         margin-bottom: 0;
@@ -2488 +1958 @@
     justify-content: space-around;
 }
-
 @media only screen and (min-width: 652px) {
+
     .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) {
-        margin-left: -50px;
-        margin-top: 63px;
+        margin-left: calc(-2 * var(--global--spacing-horizontal));
+        margin-top: calc(2.5 * var(--global--spacing-horizontal));
         z-index: 2;
     }
-    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background) {
-        background-color: #d1e4dd;
-        padding: 20px;
-    }
-    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background) {
-        background-color: #d1e4dd;
-        padding: 20px;
-    }
-    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background) {
-        background-color: #d1e4dd;
-        padding: 20px;
-    }
-    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h3:not(.has-background) {
-        background-color: #d1e4dd;
-        padding: 20px;
-    }
-    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h4:not(.has-background) {
-        background-color: #d1e4dd;
-        padding: 20px;
-    }
-    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h5:not(.has-background) {
-        background-color: #d1e4dd;
-        padding: 20px;
-    }
-    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h6:not(.has-background) {
-        background-color: #d1e4dd;
-        padding: 20px;
-    }
-    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background) {
-        background-color: #d1e4dd;
-        padding: 20px;
-    }
+
+    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background),
+    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background),
+    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background),
+    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h3:not(.has-background),
+    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h4:not(.has-background),
+    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h5:not(.has-background),
+    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h6:not(.has-background),
+    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background),
+    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background),
+    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > pre:not(.has-background) {
+        background-color: var(--global--color-background);
+        padding: var(--global--spacing-unit);
+    }
+
+    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background),
     .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) {
-        background-color: #d1e4dd;
-        padding: 20px;
-    }
-    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > pre:not(.has-background) {
-        background-color: #d1e4dd;
-        padding: 20px;
-    }
-    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background) {
-        padding-left: 50px;
-    }
-    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) {
-        padding-left: 50px;
-    }
+        padding-left: calc(2 * var(--global--spacing-horizontal));
+    }
+
     .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n).is-vertically-aligned-center {
         margin-top: 0;
@@ -2546 +1990 @@
 }
 
-.wp-block-columns.alignfull .wp-block-column p:not(.has-background) {
-    padding-left: 20px;
-    padding-right: 20px;
-}
-
-.wp-block-columns.alignfull .wp-block-column h1:not(.has-background) {
-    padding-left: 20px;
-    padding-right: 20px;
-}
-
-.wp-block-columns.alignfull .wp-block-column h2:not(.has-background) {
-    padding-left: 20px;
-    padding-right: 20px;
-}
-
-.wp-block-columns.alignfull .wp-block-column h3:not(.has-background) {
-    padding-left: 20px;
-    padding-right: 20px;
-}
-
-.wp-block-columns.alignfull .wp-block-column h4:not(.has-background) {
-    padding-left: 20px;
-    padding-right: 20px;
-}
-
-.wp-block-columns.alignfull .wp-block-column h5:not(.has-background) {
-    padding-left: 20px;
-    padding-right: 20px;
-}
-
+.wp-block-columns.alignfull .wp-block-column p:not(.has-background),
+.wp-block-columns.alignfull .wp-block-column h1:not(.has-background),
+.wp-block-columns.alignfull .wp-block-column h2:not(.has-background),
+.wp-block-columns.alignfull .wp-block-column h3:not(.has-background),
+.wp-block-columns.alignfull .wp-block-column h4:not(.has-background),
+.wp-block-columns.alignfull .wp-block-column h5:not(.has-background),
 .wp-block-columns.alignfull .wp-block-column h6:not(.has-background) {
-    padding-left: 20px;
-    padding-right: 20px;
-}
-
-.wp-block-cover {
-    background-color: #000;
-    min-height: 450px;
+    padding-left: var(--global--spacing-unit);
+    padding-right: var(--global--spacing-unit);
+}
+
+.wp-block-cover,
+.wp-block-cover-image {
+    background-color: var(--cover--color-background);
+    min-height: var(--cover--height);
     margin-top: inherit;
     margin-bottom: inherit;
+
     /* default & custom background-color */
+
     /* Treating H2 separately to account for legacy /core styles */
-    /* Block Styles */
-}
-
-.wp-block-cover-image {
-    background-color: #000;
-    min-height: 450px;
-    margin-top: inherit;
-    margin-bottom: inherit;
-    /* default & custom background-color */
-    /* Treating H2 separately to account for legacy /core styles */
+
     /* Block Styles */
 }
@@ -2606 +2020 @@
 }
 
-.wp-block-cover .wp-block-cover__inner-container {
-    color: currentColor;
-    margin-top: 30px;
-    margin-bottom: 30px;
-}
-
-.wp-block-cover .wp-block-cover-image-text {
-    color: currentColor;
-    margin-top: 30px;
-    margin-bottom: 30px;
-}
-
-.wp-block-cover .wp-block-cover-text {
-    color: currentColor;
-    margin-top: 30px;
-    margin-bottom: 30px;
-}
-
-.wp-block-cover-image .wp-block-cover__inner-container {
-    color: currentColor;
-    margin-top: 30px;
-    margin-bottom: 30px;
-}
-
-.wp-block-cover-image .wp-block-cover-image-text {
-    color: currentColor;
-    margin-top: 30px;
-    margin-bottom: 30px;
-}
-
+.wp-block-cover.alignfull,
+.wp-block-cover-image.alignfull {
+    margin-top: 0;
+    margin-bottom: 0;
+}
+
+.wp-block-cover .wp-block-cover__inner-container,
+.wp-block-cover .wp-block-cover-image-text,
+.wp-block-cover .wp-block-cover-text,
+.wp-block-cover-image .wp-block-cover__inner-container,
+.wp-block-cover-image .wp-block-cover-image-text,
 .wp-block-cover-image .wp-block-cover-text {
     color: currentColor;
-    margin-top: 30px;
-    margin-bottom: 30px;
+    margin-top: var(--global--spacing-vertical);
+    margin-bottom: var(--global--spacing-vertical);
 }
 
@@ -2651 +2046 @@
 }
 
-.wp-block-cover .wp-block-cover__inner-container .has-link-color a {
-    color: #28303d;
-}
-
-.wp-block-cover .wp-block-cover-image-text .has-link-color a {
-    color: #28303d;
-}
-
-.wp-block-cover .wp-block-cover-text .has-link-color a {
-    color: #28303d;
-}
-
-.wp-block-cover-image .wp-block-cover__inner-container .has-link-color a {
-    color: #28303d;
-}
-
-.wp-block-cover-image .wp-block-cover-image-text .has-link-color a {
-    color: #28303d;
-}
-
+.wp-block-cover .wp-block-cover__inner-container .has-link-color a,
+.wp-block-cover .wp-block-cover-image-text .has-link-color a,
+.wp-block-cover .wp-block-cover-text .has-link-color a,
+.wp-block-cover-image .wp-block-cover__inner-container .has-link-color a,
+.wp-block-cover-image .wp-block-cover-image-text .has-link-color a,
 .wp-block-cover-image .wp-block-cover-text .has-link-color a {
-    color: #28303d;
-}
-
-.wp-block-cover:not([class*="background-color"]) .wp-block-cover__inner-container {
-    color: #fff;
-}
-
-.wp-block-cover:not([class*="background-color"]) .wp-block-cover-image-text {
-    color: #fff;
-}
-
-.wp-block-cover:not([class*="background-color"]) .wp-block-cover-text {
-    color: #fff;
-}
-
-.wp-block-cover-image:not([class*="background-color"]) .wp-block-cover__inner-container {
-    color: #fff;
-}
-
-.wp-block-cover-image:not([class*="background-color"]) .wp-block-cover-image-text {
-    color: #fff;
-}
-
-.wp-block-cover-image:not([class*="background-color"]) .wp-block-cover-text {
-    color: #fff;
-}
-
-.wp-block-cover h2 {
-    font-size: 2.25rem;
-    letter-spacing: normal;
-    line-height: 1.3;
+    color: var(--wp--style--color--link, var(--global--color-primary));
+}
+
+.wp-block-cover:not([class*=background-color]) .wp-block-cover__inner-container,
+.wp-block-cover:not([class*=background-color]) .wp-block-cover-image-text,
+.wp-block-cover:not([class*=background-color]) .wp-block-cover-text,
+.wp-block-cover-image:not([class*=background-color]) .wp-block-cover__inner-container,
+.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-image-text,
+.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-text {
+    color: var(--cover--color-foreground);
+}
+
+.wp-block-cover h2,
+.wp-block-cover-image h2 {
+    font-size: var(--heading--font-size-h2);
+    letter-spacing: var(--heading--letter-spacing-h2);
+    line-height: var(--heading--line-height-h2);
     max-width: inherit;
     text-align: inherit;
@@ -2708 +2074 @@
 }
 
-@media only screen and (min-width: 652px){
-    .wp-block-cover h2{
-    font-size: 3rem;
-    }
-}
-
-@media only screen and (min-width: 652px){
-    .wp-block-cover h2{
-    font-size: 3rem;
-    }
-}
-
-.wp-block-cover-image h2 {
-    font-size: 2.25rem;
-    letter-spacing: normal;
-    line-height: 1.3;
-    max-width: inherit;
-    text-align: inherit;
-    padding: 0;
-}
-
-@media only screen and (min-width: 652px){
-    .wp-block-cover-image h2{
-    font-size: 3rem;
-    }
-}
-
-@media only screen and (min-width: 652px){
-    .wp-block-cover-image h2{
-    font-size: 3rem;
-    }
-}
-
 .wp-block-cover h2.has-text-align-left,
 .wp-block-cover-image h2.has-text-align-left {
@@ -2756 +2089 @@
 }
 
-.wp-block-cover .wp-block-cover__inner-container {
-    width: calc(100% - 60px);
-}
-
+.wp-block-cover .wp-block-cover__inner-container,
 .wp-block-cover-image .wp-block-cover__inner-container {
-    width: calc(100% - 60px);
-}
-
-.wp-block-cover .wp-block-cover__inner-container > * {
-    margin-top: 20px;
-    margin-bottom: 20px;
-}
-
+    width: calc(100% - calc(2 * var(--global--spacing-vertical)));
+}
+
+.wp-block-cover .wp-block-cover__inner-container > *,
 .wp-block-cover-image .wp-block-cover__inner-container > * {
-    margin-top: 20px;
-    margin-bottom: 20px;
-}
-
+    margin-top: calc(0.666 * var(--global--spacing-vertical));
+    margin-bottom: calc(0.666 * var(--global--spacing-vertical));
+}
 @media only screen and (min-width: 482px) {
-    .wp-block-cover .wp-block-cover__inner-container > * {
-        margin-top: 30px;
-        margin-bottom: 30px;
-    }
+
+    .wp-block-cover .wp-block-cover__inner-container > *,
     .wp-block-cover-image .wp-block-cover__inner-container > * {
-        margin-top: 30px;
-        margin-bottom: 30px;
+        margin-top: var(--global--spacing-vertical);
+        margin-bottom: var(--global--spacing-vertical);
     }
 }
@@ -2795 +2118 @@
 }
 
-.wp-block-cover.alignleft, .wp-block-cover.alignright,
+.wp-block-cover.alignleft,
+.wp-block-cover.alignright,
 .wp-block-cover-image.alignleft,
 .wp-block-cover-image.alignright {
@@ -2801 +2125 @@
 }
 
-.wp-block-cover.alignleft > * {
-    margin-top: 60px;
-    margin-bottom: 60px;
-    padding-left: 25px;
-    padding-right: 25px;
+.wp-block-cover.alignleft > *,
+.wp-block-cover.alignright > *,
+.wp-block-cover-image.alignleft > *,
+.wp-block-cover-image.alignright > * {
+    margin-top: calc(2 * var(--global--spacing-vertical));
+    margin-bottom: calc(2 * var(--global--spacing-vertical));
+    padding-left: var(--global--spacing-horizontal);
+    padding-right: var(--global--spacing-horizontal);
     width: 100%;
 }
 
-.wp-block-cover.alignright > * {
-    margin-top: 60px;
-    margin-bottom: 60px;
-    padding-left: 25px;
-    padding-right: 25px;
-    width: 100%;
-}
-
-.wp-block-cover-image.alignleft > * {
-    margin-top: 60px;
-    margin-bottom: 60px;
-    padding-left: 25px;
-    padding-right: 25px;
-    width: 100%;
-}
-
-.wp-block-cover-image.alignright > * {
-    margin-top: 60px;
-    margin-bottom: 60px;
-    padding-left: 25px;
-    padding-right: 25px;
-    width: 100%;
-}
-
-.wp-block-cover.has-left-content, .wp-block-cover.has-right-content,
+.wp-block-cover.has-left-content,
+.wp-block-cover.has-right-content,
 .wp-block-cover-image.has-left-content,
 .wp-block-cover-image.has-right-content {
@@ -2839 +2143 @@
 }
 
-.wp-block-cover.is-style-twentytwentyone-border {
-    border: 3px solid #28303d;
-}
-
+.wp-block-cover.is-style-twentytwentyone-border,
 .wp-block-cover-image.is-style-twentytwentyone-border {
-    border: 3px solid #28303d;
-}
-
-.wp-block-file a.wp-block-file__button:active {
-    color: #39414d;
+    border: calc(3 * var(--separator--height)) solid var(--global--color-border);
+}
+
+.wp-block-file a.wp-block-file__button:active,
+.wp-block-file a.wp-block-file__button:focus,
+.wp-block-file a.wp-block-file__button:hover {
+    color: var(--button--color-text-hover);
     opacity: inherit;
 }
 
-.wp-block-file a.wp-block-file__button:focus {
-    color: #39414d;
-    opacity: inherit;
-}
-
-.wp-block-file a.wp-block-file__button:hover {
-    color: #39414d;
-    opacity: inherit;
-}
-
 .wp-block-file a.wp-block-file__button:visited {
-    color: #d1e4dd;
+    color: var(--button--color-text);
 }
 
 .wp-block-file a.wp-block-file__button:visited:hover {
-    color: #39414d;
+    color: var(--button--color-text-hover);
 }
 
 .wp-block-file .wp-block-file__button {
-    line-height: 1.5;
-    color: #d1e4dd;
+    line-height: var(--button--line-height);
+    color: var(--button--color-text);
     cursor: pointer;
-    font-weight: 500;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-size: 1.25rem;
-    background-color: #39414d;
-    border-radius: 0;
-    border: 3px solid #39414d;
+    font-weight: var(--button--font-weight);
+    font-family: var(--button--font-family);
+    font-size: var(--button--font-size);
+    background-color: var(--button--color-background);
+    border-radius: var(--button--border-radius);
+    border: var(--button--border-width) solid var(--button--color-background);
     text-decoration: none;
-    padding: 15px 30px;
+    padding: var(--button--padding-vertical) var(--button--padding-horizontal);
     display: inline-block;
 }
 
-.wp-block-file .wp-block-file__button:before, .wp-block-file .wp-block-file__button:after {
+.wp-block-file .wp-block-file__button:before,
+.wp-block-file .wp-block-file__button:after {
     content: "";
     display: block;
@@ -2893 +2187 @@
 
 .wp-block-file .wp-block-file__button:before {
-    margin-bottom: -calc(1em - 0);
+    margin-bottom: -calc(.5em * var(--button--line-height) + -.38);
 }
 
 .wp-block-file .wp-block-file__button:after {
-    margin-top: -calc(1em - 0);
+    margin-top: -calc(.5em * var(--button--line-height) + -.39);
 }
 
@@ -2906 +2200 @@
 }
 
-.has-background-dark .wp-block-file .wp-block-file__button:focus {
-    color: #39414d;
+.is-dark-theme .wp-block-file .wp-block-file__button:focus {
+    color: var(--button--color-background);
 }
 
 .wp-block-file .wp-block-file__button:focus:not(.has-background) {
-    color: #39414d;
+    color: var(--button--color-text-hover);
 }
 
 .wp-block-file .wp-block-file__button:disabled {
-    background-color: rgba(255, 255, 255, 0.5);
-    border-color: rgba(255, 255, 255, 0.5);
-    color: #39414d;
+    background-color: var(--global--color-white-50);
+    border-color: var(--global--color-white-50);
+    color: var(--button--color-text-active);
 }
 
@@ -2924 +2218 @@
 }
 
-.wp-block-gallery .blocks-gallery-image {
-    width: calc(50% - 10px);
-}
-
+.wp-block-gallery .blocks-gallery-image,
 .wp-block-gallery .blocks-gallery-item {
-    width: calc(50% - 10px);
-}
-
-.wp-block-gallery .blocks-gallery-image figcaption {
-    margin: 0;
-    color: #fff;
-    font-size: 1rem;
-}
-
+    width: calc((100% - var(--global--spacing-unit)) / 2);
+}
+
+.wp-block-gallery .blocks-gallery-image figcaption,
 .wp-block-gallery .blocks-gallery-item figcaption {
     margin: 0;
-    color: #fff;
-    font-size: 1rem;
-}
-
-.wp-block-gallery .blocks-gallery-image figcaption a {
-    color: #fff;
-}
-
+    color: var(--global--color-white);
+    font-size: var(--global--font-size-xs);
+}
+
+.wp-block-gallery .blocks-gallery-image figcaption a,
 .wp-block-gallery .blocks-gallery-item figcaption a {
-    color: #fff;
-}
-
-.wp-block-gallery .blocks-gallery-image figcaption a:focus {
-    background-color: transparent;
-    outline: 2px solid #28303d;
-    text-decoration: none;
-}
-
+    color: var(--global--color-white);
+}
+
+.wp-block-gallery .blocks-gallery-image figcaption a:focus,
 .wp-block-gallery .blocks-gallery-item figcaption a:focus {
     background-color: transparent;
-    outline: 2px solid #28303d;
+    outline: 2px solid var(--wp--style--color--link, var(--global--color-primary));
     text-decoration: none;
 }
@@ -2975 +2253 @@
 }
 
-.wp-block-group:before, .wp-block-group:after {
+.wp-block-group:before,
+.wp-block-group:after {
     content: "";
     display: block;
@@ -2987 +2266 @@
 
 .wp-block-group .wp-block-group__inner-container > * {
-    margin-top: 20px;
-    margin-bottom: 20px;
-}
-
+    margin-top: calc(0.666 * var(--global--spacing-vertical));
+    margin-bottom: calc(0.666 * var(--global--spacing-vertical));
+}
 @media only screen and (min-width: 482px) {
+
     .wp-block-group .wp-block-group__inner-container > * {
-        margin-top: 30px;
-        margin-bottom: 30px;
+        margin-top: var(--global--spacing-vertical);
+        margin-bottom: var(--global--spacing-vertical);
     }
 }
@@ -3007 +2286 @@
 
 .wp-block-group.has-background {
-    padding: 20px;
-}
-
+    padding: calc(0.666 * var(--global--spacing-vertical));
+}
 @media only screen and (min-width: 482px) {
+
     .wp-block-group.has-background {
-        padding: 30px;
+        padding: var(--global--spacing-vertical);
     }
 }
 
 .wp-block-group.is-style-twentytwentyone-border {
-    border: 3px solid #28303d;
-    padding: 30px;
-}
-
-.wp-block-group.has-background .wp-block-group__inner-container > .alignfull {
-    max-width: calc(100% + 60px);
-    width: calc(100% + 60px);
-    margin-left: -30px;
-}
-
-.wp-block-group.has-background .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull {
-    max-width: calc(100% + 60px);
-    width: calc(100% + 60px);
-    margin-left: -30px;
-}
-
-.wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > .alignfull {
-    max-width: calc(100% + 60px);
-    width: calc(100% + 60px);
-    margin-left: -30px;
-}
-
+    border: calc(3 * var(--separator--height)) solid var(--global--color-border);
+    padding: var(--global--spacing-vertical);
+}
+
+.wp-block-group.has-background .wp-block-group__inner-container > .alignfull,
+.wp-block-group.has-background .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull,
+.wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > .alignfull,
 .wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull {
-    max-width: calc(100% + 60px);
-    width: calc(100% + 60px);
-    margin-left: -30px;
-}
-
-h1 {
-    clear: both;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-weight: normal;
-}
-
-.h1 {
-    clear: both;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-weight: normal;
-}
-
-h2 {
-    clear: both;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-weight: normal;
-}
-
-.h2 {
-    clear: both;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-weight: normal;
-}
-
-h3 {
-    clear: both;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-weight: normal;
-}
-
-.h3 {
-    clear: both;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-weight: normal;
-}
-
-h4 {
-    clear: both;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-weight: normal;
-}
-
-.h4 {
-    clear: both;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-weight: normal;
-}
-
-h5 {
-    clear: both;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-weight: normal;
-}
-
-.h5 {
-    clear: both;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-weight: normal;
-}
-
-h6 {
-    clear: both;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-weight: normal;
-}
-
+    max-width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical)));
+    width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical)));
+    margin-left: calc(-1 * var(--global--spacing-vertical));
+}
+
+h1,
+.h1,
+h2,
+.h2,
+h3,
+.h3,
+h4,
+.h4,
+h5,
+.h5,
+h6,
 .h6 {
     clear: both;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-weight: normal;
-}
-
-h1 strong {
-    font-weight: 600;
-}
-
-.h1 strong {
-    font-weight: 600;
-}
-
-h2 strong {
-    font-weight: 600;
-}
-
-.h2 strong {
-    font-weight: 600;
-}
-
-h3 strong {
-    font-weight: 600;
-}
-
-.h3 strong {
-    font-weight: 600;
-}
-
-h4 strong {
-    font-weight: 600;
-}
-
-.h4 strong {
-    font-weight: 600;
-}
-
-h5 strong {
-    font-weight: 600;
-}
-
-.h5 strong {
-    font-weight: 600;
-}
-
-h6 strong {
-    font-weight: 600;
-}
-
+    font-family: var(--heading--font-family);
+    font-weight: var(--heading--font-weight);
+}
+
+h1 strong,
+.h1 strong,
+h2 strong,
+.h2 strong,
+h3 strong,
+.h3 strong,
+h4 strong,
+.h4 strong,
+h5 strong,
+.h5 strong,
+h6 strong,
 .h6 strong {
-    font-weight: 600;
-}
-
-h1 {
-    font-size: 4rem;
-    letter-spacing: normal;
-    line-height: 1.1;
-}
-
-@media only screen and (min-width: 652px){
-    h1{
-    font-size: 6rem;
-    }
-}
-
+    font-weight: var(--heading--font-weight-strong);
+}
+
+h1,
 .h1 {
-    font-size: 4rem;
-    letter-spacing: normal;
-    line-height: 1.1;
-}
-
-@media only screen and (min-width: 652px){
-    .h1{
-    font-size: 6rem;
-    }
-}
-
-h2 {
-    font-size: 2.25rem;
-    letter-spacing: normal;
-    line-height: 1.3;
-}
-
-@media only screen and (min-width: 652px){
-    h2{
-    font-size: 3rem;
-    }
-}
-
-@media only screen and (min-width: 652px){
-    h2{
-    font-size: 3rem;
-    }
-}
-
+    font-size: var(--heading--font-size-h1);
+    letter-spacing: var(--heading--letter-spacing-h1);
+    line-height: var(--heading--line-height-h1);
+}
+
+h2,
 .h2 {
-    font-size: 2.25rem;
-    letter-spacing: normal;
-    line-height: 1.3;
-}
-
-@media only screen and (min-width: 652px){
-    .h2{
-    font-size: 3rem;
-    }
-}
-
-@media only screen and (min-width: 652px){
-    .h2{
-    font-size: 3rem;
-    }
-}
-
-h3 {
-    font-size: 2rem;
-    letter-spacing: normal;
-    line-height: 1.3;
-}
-
-@media only screen and (min-width: 652px){
-    h3{
-    font-size: 2rem;
-    }
-}
-
+    font-size: var(--heading--font-size-h2);
+    letter-spacing: var(--heading--letter-spacing-h2);
+    line-height: var(--heading--line-height-h2);
+}
+
+h3,
 .h3 {
-    font-size: 2rem;
-    letter-spacing: normal;
-    line-height: 1.3;
-}
-
-@media only screen and (min-width: 652px){
-    .h3{
-    font-size: 2rem;
-    }
-}
-
-h4 {
-    font-size: 1.5rem;
-    font-weight: 600;
-    letter-spacing: normal;
-    line-height: 1.3;
-}
-
+    font-size: var(--heading--font-size-h3);
+    letter-spacing: var(--heading--letter-spacing-h3);
+    line-height: var(--heading--line-height-h3);
+}
+
+h4,
 .h4 {
-    font-size: 1.5rem;
-    font-weight: 600;
-    letter-spacing: normal;
-    line-height: 1.3;
-}
-
-h5 {
-    font-size: 1.125rem;
-    font-weight: 600;
-    letter-spacing: 0.05em;
-    line-height: 1.3;
-}
-
+    font-size: var(--heading--font-size-h4);
+    font-weight: var(--heading--font-weight-strong);
+    letter-spacing: var(--heading--letter-spacing-h4);
+    line-height: var(--heading--line-height-h4);
+}
+
+h5,
 .h5 {
-    font-size: 1.125rem;
-    font-weight: 600;
-    letter-spacing: 0.05em;
-    line-height: 1.3;
-}
-
-h6 {
-    font-size: 1rem;
-    font-weight: 600;
-    letter-spacing: 0.05em;
-    line-height: 1.3;
-}
-
+    font-size: var(--heading--font-size-h5);
+    font-weight: var(--heading--font-weight-strong);
+    letter-spacing: var(--heading--letter-spacing-h5);
+    line-height: var(--heading--line-height-h5);
+}
+
+h6,
 .h6 {
-    font-size: 1rem;
-    font-weight: 600;
-    letter-spacing: 0.05em;
-    line-height: 1.3;
+    font-size: var(--heading--font-size-h6);
+    font-weight: var(--heading--font-weight-strong);
+    letter-spacing: var(--heading--letter-spacing-h6);
+    line-height: var(--heading--line-height-h6);
 }
 
@@ -3296 +2391 @@
 
 .wp-block-image figcaption {
-    color: #28303d;
-    font-size: 1rem;
-    line-height: 1.7;
-    margin-top: 10px;
-    margin-bottom: 20px;
+    color: var(--global--color-primary);
+    font-size: var(--global--font-size-xs);
+    line-height: var(--global--line-height-body);
+    margin-top: calc(0.5 * var(--global--spacing-unit));
+    margin-bottom: var(--global--spacing-unit);
     text-align: center;
 }
 
 .wp-block-image .alignright {
-    margin-left: 25px;
+    margin-left: var(--global--spacing-horizontal);
 }
 
 .wp-block-image .alignleft {
-    margin-right: 25px;
+    margin-right: var(--global--spacing-horizontal);
 }
 
@@ -3316 +2411 @@
 }
 
-.entry-content > *[class="wp-block-image"],
-.entry-content [class*="inner-container"] > *[class="wp-block-image"] {
+.entry-content > *[class=wp-block-image],
+.entry-content [class*=inner-container] > *[class=wp-block-image] {
     margin-top: 0;
     margin-bottom: 0;
 }
 
-.entry-content > *[class="wp-block-image"] + *,
-.entry-content [class*="inner-container"] > *[class="wp-block-image"] + * {
+.entry-content > *[class=wp-block-image] + *,
+.entry-content [class*=inner-container] > *[class=wp-block-image] + * {
     margin-top: 0;
 }
@@ -3333 +2428 @@
 }
 
-.wp-block-image.is-style-twentytwentyone-border img {
-    border: 3px solid #28303d;
-}
-
+.wp-block-image.is-style-twentytwentyone-border img,
 .wp-block-image.is-style-twentytwentyone-image-frame img {
-    border: 3px solid #28303d;
+    border: calc(3 * var(--separator--height)) solid var(--global--color-border);
 }
 
 .wp-block-image.is-style-twentytwentyone-image-frame img {
-    padding: 20px;
+    padding: var(--global--spacing-unit);
 }
 
 @media only screen and (min-width: 482px) {
+
     .entry-content > .wp-block-image > .alignleft,
     .entry-content > .wp-block-image > .alignright {
@@ -3351 +2444 @@
     }
 }
-
 @media only screen and (max-width: 481px) {
+
     .entry-content > .wp-block-image > .alignleft,
     .entry-content > .wp-block-image > .alignright {
@@ -3365 +2458 @@
 
 .wp-block-latest-comments .wp-block-latest-comments__comment {
-    font-size: 1.125rem;
-    line-height: 1.7;
+    font-size: var(--global--font-size-sm);
+    line-height: var(--global--line-height-body);
+
     /* Vertical margins logic */
-    margin-top: 30px;
-    margin-bottom: 30px;
+    margin-top: var(--global--spacing-vertical);
+    margin-bottom: var(--global--spacing-vertical);
 }
 
@@ -3381 +2475 @@
 
 .wp-block-latest-comments .wp-block-latest-comments__comment-meta {
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-family: var(--heading--font-family);
 }
 
 .wp-block-latest-comments .wp-block-latest-comments__comment-date {
-    color: #28303d;
-    font-size: 1.125rem;
+    color: var(--global--color-primary);
+    font-size: var(--global--font-size-sm);
 }
 
 .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
-    font-size: 1.125rem;
-    line-height: 1.7;
+    font-size: var(--global--font-size-sm);
+    line-height: var(--global--line-height-body);
     margin: 0;
 }
@@ -3400 +2494 @@
 
 .wp-block-latest-posts:not(.is-grid) > li {
-    margin-top: 50px;
-    margin-bottom: 50px;
+    margin-top: calc(1.666 * var(--global--spacing-vertical));
+    margin-bottom: calc(1.666 * var(--global--spacing-vertical));
 }
 
@@ -3418 +2512 @@
 
 .wp-block-latest-posts.is-grid > li {
-    margin-bottom: 30px;
+    margin-bottom: var(--global--spacing-vertical);
 }
 
@@ -3425 +2519 @@
 }
 
-.wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1),
-.wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1) ~ li,
-.wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1),
-.wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1) ~ li,
-.wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1),
-.wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1) ~ li,
-.wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1),
-.wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1) ~ li,
-.wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1),
-.wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1) ~ li {
+.wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1),
+.wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1) ~ li,
+.wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1),
+.wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1) ~ li,
+.wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1),
+.wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1) ~ li,
+.wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1),
+.wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1) ~ li,
+.wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1),
+.wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1) ~ li {
     margin-bottom: 0;
 }
 
 .wp-block-latest-posts > li > * {
-    margin-top: 10px;
-    margin-bottom: 10px;
+    margin-top: calc(0.333 * var(--global--spacing-vertical));
+    margin-bottom: calc(0.333 * var(--global--spacing-vertical));
 }
 
@@ -3453 +2547 @@
 .wp-block-latest-posts > li > a {
     display: inline-block;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-size: 2rem;
-    font-weight: normal;
-    line-height: 1.3;
-    margin-bottom: 10px;
-}
-
-@media only screen and (min-width: 652px){
-    .wp-block-latest-posts > li > a{
-    font-size: 2rem;
-    }
+    font-family: var(--latest-posts--title-font-family);
+    font-size: var(--latest-posts--title-font-size);
+    font-weight: var(--heading--font-weight);
+    line-height: var(--global--line-height-heading);
+    margin-bottom: calc(0.333 * var(--global--spacing-vertical));
 }
 
 .wp-block-latest-posts .wp-block-latest-posts__post-author {
-    color: #28303d;
-    font-size: 1.25rem;
-    line-height: 1.7;
+    color: var(--global--color-primary);
+    font-size: var(--global--font-size-md);
+    line-height: var(--global--line-height-body);
 }
 
 .wp-block-latest-posts .wp-block-latest-posts__post-date {
-    color: #28303d;
-    font-size: 1rem;
-    line-height: 1.7;
-}
-
-[class*="inner-container"] .wp-block-latest-posts .wp-block-latest-posts__post-date,
+    color: var(--global--color-primary);
+    font-size: var(--global--font-size-xs);
+    line-height: var(--global--line-height-body);
+}
+
+[class*=inner-container] .wp-block-latest-posts .wp-block-latest-posts__post-date,
 .has-background .wp-block-latest-posts .wp-block-latest-posts__post-date {
     color: currentColor;
 }
 
-.wp-block-latest-posts .wp-block-latest-posts__post-excerpt {
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-size: 1.125rem;
-    line-height: 1.7;
-    margin-top: 20px;
-}
-
+.wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
 .wp-block-latest-posts .wp-block-latest-posts__post-full-content {
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-size: 1.125rem;
-    line-height: 1.7;
-    margin-top: 20px;
+    font-family: var(--latest-posts--description-font-family);
+    font-size: var(--latest-posts--description-font-size);
+    line-height: var(--global--line-height-body);
+    margin-top: calc(0.666 * var(--global--spacing-vertical));
 }
 
 .wp-block-latest-posts.alignfull {
-    padding-left: 20px;
-    padding-right: 20px;
-}
-
-.entry-content [class*="inner-container"] .wp-block-latest-posts.alignfull,
+    padding-left: var(--global--spacing-unit);
+    padding-right: var(--global--spacing-unit);
+}
+
+.entry-content [class*=inner-container] .wp-block-latest-posts.alignfull,
 .entry-content .has-background .wp-block-latest-posts.alignfull {
     padding-left: 0;
@@ -3509 +2591 @@
 
 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers {
-    border-top: 3px solid #28303d;
-    border-bottom: 3px solid #28303d;
-}
-
-.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li {
-    padding-bottom: 30px;
-    border-bottom: 1px solid #28303d;
-    margin-top: 30px;
-    margin-bottom: 30px;
-}
-
+    border-top: calc(3 * var(--separator--height)) solid var(--global--color-border);
+    border-bottom: calc(3 * var(--separator--height)) solid var(--global--color-border);
+}
+
+.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li,
 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li {
-    padding-bottom: 30px;
-    border-bottom: 1px solid #28303d;
-    margin-top: 30px;
-    margin-bottom: 30px;
+    padding-bottom: var(--global--spacing-vertical);
+    border-bottom: var(--separator--height) solid var(--global--color-border);
+    margin-top: var(--global--spacing-vertical);
+    margin-bottom: var(--global--spacing-vertical);
 }
 
@@ -3534 +2610 @@
 
 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid {
-    box-shadow: inset 0 -1px 0 0 #28303d;
-    border-bottom: 2px solid #28303d;
+    box-shadow: inset 0 -1px 0 0 var(--global--color-border);
+    border-bottom: calc(2 * var(--separator--height)) solid var(--global--color-border);
 }
 
 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li {
     margin: 0;
-    padding-top: 30px;
-    padding-right: 25px;
+    padding-top: var(--global--spacing-vertical);
+    padding-right: var(--global--spacing-horizontal);
 }
 
 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li:last-child {
-    padding-bottom: 30px;
-}
-
+    padding-bottom: var(--global--spacing-vertical);
+}
 @media screen and (min-width: 600px) {
+
     .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-2 li {
-        width: 50%;
-    }
+        width: calc((100% / 2));
+    }
+
     .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-3 li {
-        width: 33%;
-    }
+        width: calc((100% / 3));
+    }
+
     .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-4 li {
-        width: 25%;
-    }
+        width: calc((100% / 4));
+    }
+
     .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-5 li {
-        width: 20%;
-    }
+        width: calc((100% / 5));
+    }
+
     .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-6 li {
-        width: 17%;
+        width: calc((100% / 6));
     }
 }
 
 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li {
-    border: 3px solid #28303d;
-    padding: 30px 25px;
+    border: calc(3 * var(--separator--height)) solid var(--global--color-border);
+    padding: var(--global--spacing-vertical) var(--global--spacing-horizontal);
 }
 
 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li:last-child {
-    padding-bottom: 30px;
+    padding-bottom: var(--global--spacing-vertical);
 }
 
 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders:not(.is-grid) li {
-    margin-top: 25px;
-    margin-bottom: 25px;
+    margin-top: var(--global--spacing-horizontal);
+    margin-bottom: var(--global--spacing-horizontal);
 }
 
@@ -3635 +2715 @@
 }
 
-ul {
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ul,
+ol {
+    font-family: var(--list--font-family);
     margin: 0;
-    padding-left: 50px;
-}
-
-ol {
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    margin: 0;
-    padding-left: 50px;
+    padding-left: calc(2 * var(--global--spacing-horizontal));
 }
 
@@ -3669 +2744 @@
 
 dt {
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-family: var(--definition-term--font-family);
     font-weight: bold;
 }
@@ -3675 +2750 @@
 dd {
     margin: 0;
-    padding-left: 50px;
+    padding-left: calc(2 * var(--global--spacing-horizontal));
 }
 
 .wp-block-media-text {
+
     /**
-     * Block Options
-     */
+   * Block Options
+   */
+}
+
+.wp-block-media-text.alignfull {
+    margin-top: 0;
+    margin-bottom: 0;
 }
 
@@ -3689 +2770 @@
 
 .wp-block-media-text .wp-block-media-text__content {
-    padding: 25px;
-}
-
+    padding: var(--global--spacing-horizontal);
+}
 @media only screen and (min-width: 592px) {
+
     .wp-block-media-text .wp-block-media-text__content {
-        padding: 30px;
+        padding: var(--global--spacing-vertical);
     }
 }
 
 .wp-block-media-text .wp-block-media-text__content > * {
-    margin-top: 20px;
-    margin-bottom: 20px;
-}
-
+    margin-top: calc(0.666 * var(--global--spacing-vertical));
+    margin-bottom: calc(0.666 * var(--global--spacing-vertical));
+}
 @media only screen and (min-width: 482px) {
+
     .wp-block-media-text .wp-block-media-text__content > * {
-        margin-top: 30px;
-        margin-bottom: 30px;
+        margin-top: var(--global--spacing-vertical);
+        margin-bottom: var(--global--spacing-vertical);
     }
 }
@@ -3717 +2798 @@
     margin-bottom: 0;
 }
-
 @media only screen and (min-width: 482px) {
+
     .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
-        padding-top: 30px;
-        padding-bottom: 30px;
+        padding-top: var(--global--spacing-vertical);
+        padding-bottom: var(--global--spacing-vertical);
     }
 }
 
 .wp-block-media-text.is-style-twentytwentyone-border {
-    border: 3px solid #28303d;
+    border: calc(3 * var(--separator--height)) solid var(--global--color-border);
 }
 
@@ -3734 +2815 @@
 
 .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content {
-    padding: 13px;
+    padding: var(--primary-nav--padding);
 }
 
 .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__label {
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-size: 1.25rem;
-    font-weight: normal;
+    font-family: var(--primary-nav--font-family);
+    font-size: var(--primary-nav--font-size);
+    font-weight: var(--primary-nav--font-weight);
 }
 
@@ -3754 +2835 @@
     border: none;
     left: 0;
-    margin-left: 13px;
+    margin-left: var(--primary-nav--padding);
     min-width: max-content;
     opacity: 0;
@@ -3764 +2845 @@
 .wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container .wp-block-navigation-link .wp-block-navigation-link__content {
     display: inline-block;
-    padding: 7px 13px;
+    padding: calc(0.5 * var(--primary-nav--padding)) var(--primary-nav--padding);
 }
 
@@ -3771 +2852 @@
 }
 
-.wp-block-navigation > .wp-block-navigation__container .has-child:hover .wp-block-navigation__container, .wp-block-navigation > .wp-block-navigation__container .has-child:focus-within .wp-block-navigation__container {
+.wp-block-navigation > .wp-block-navigation__container .has-child:hover .wp-block-navigation__container,
+.wp-block-navigation > .wp-block-navigation__container .has-child:focus-within .wp-block-navigation__container {
     display: block;
     opacity: 1;
@@ -3778 +2860 @@
 
 .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container {
-    background: #d1e4dd;
+    background: var(--global--color-background);
     margin: 0;
     padding: 0;
     position: absolute;
     top: 100%;
-    border: 1px solid #28303d;
-}
-
-.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:before {
-    content: "";
-    display: block;
-    position: absolute;
-    width: 0;
-    top: -10px;
-    left: 25px;
-    border-style: solid;
-    border-color: #28303d transparent;
-    border-width: 0 7px 10px 7px;
-}
-
+    border: 1px solid var(--primary-nav--border-color);
+}
+
+.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:before,
 .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after {
     content: "";
@@ -3804 +2875 @@
     width: 0;
     top: -10px;
-    left: 25px;
+    left: var(--global--spacing-horizontal);
     border-style: solid;
-    border-color: #28303d transparent;
+    border-color: var(--primary-nav--border-color) transparent;
     border-width: 0 7px 10px 7px;
 }
@@ -3812 +2883 @@
 .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after {
     top: -9px;
-    border-color: #d1e4dd transparent;
+    border-color: var(--global--color-background) transparent;
 }
 
 .wp-block-navigation:not(.has-background) .wp-block-navigation__container {
-    background: #d1e4dd;
+    background: var(--global--color-background);
 }
 
 .wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation__container {
-    background: #d1e4dd;
-}
-
-.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover {
-    color: #28303d;
-}
-
+    background: var(--global--color-background);
+}
+
+.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover,
 .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus {
-    color: #28303d;
+    color: var(--primary-nav--color-link-hover);
 }
 
@@ -3841 +2909 @@
 
 p {
-    line-height: --global--line-height-body;
+    line-height: var(--wp--typography--line-height, --global--line-height-body);
 }
 
 p.has-background {
-    padding: 20px;
+    padding: var(--global--spacing-unit);
 }
 
 p.has-text-color a {
-    color: #28303d;
-}
-
-.post-password-message {
-    font-size: 1.5rem;
-}
-
-.post-password-form {
-    display: flex;
-    flex-wrap: wrap;
-}
-
-.post-password-form__label {
-    width: 100%;
-    margin-bottom: 0;
-}
-
-.post-password-form__input {
-    flex-grow: 1;
-    margin-top: 10px;
-    margin-right: 17px;
-}
-
-.post-password-form__submit {
-    margin-top: 10px;
-}
-
-@media only screen and (min-width: 592px) {
-    .post-password-form__submit {
-        margin-left: 10px;
-    }
+    color: var(--wp--style--color--link, var(--global--color-primary));
 }
 
@@ -3888 +2926 @@
 
 .wp-block-pullquote {
-    padding: 40px 0;
+    padding: calc(2 * var(--global--spacing-unit)) 0;
     text-align: center;
-    border-width: 3px;
+    border-width: var(--pullquote--border-width);
     border-bottom-style: solid;
     border-top-style: solid;
     position: relative;
+
     /**
-     * Block Options
-     */
+   * Block Options
+   */
 }
 
 .wp-block-pullquote blockquote::before {
     color: currentColor;
-    content: "\201C";
+    content: "“";
     display: block;
     font-size: 3rem;
@@ -3909 +2948 @@
 
 .wp-block-pullquote p {
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-size: 2rem;
-    font-style: normal;
+    font-family: var(--pullquote--font-family);
+    font-size: var(--pullquote--font-size);
+    font-style: var(--pullquote--font-style);
     font-weight: 700;
-    letter-spacing: normal;
-    line-height: 1.3;
+    letter-spacing: var(--pullquote--letter-spacing);
+    line-height: var(--pullquote--line-height);
     margin: 0;
-}
-
-@media only screen and (min-width: 652px){
-    .wp-block-pullquote p{
-    font-size: 2rem;
-    }
 }
 
@@ -3928 +2961 @@
 }
 
-.wp-block-pullquote .wp-block-pullquote__citation {
-    color: currentColor;
-    display: block;
-    font-size: 1rem;
-    font-style: normal;
-    text-transform: none;
-}
-
-.wp-block-pullquote cite {
-    color: currentColor;
-    display: block;
-    font-size: 1rem;
-    font-style: normal;
-    text-transform: none;
-}
-
+.wp-block-pullquote .wp-block-pullquote__citation,
+.wp-block-pullquote cite,
 .wp-block-pullquote footer {
     color: currentColor;
     display: block;
-    font-size: 1rem;
-    font-style: normal;
+    font-size: var(--global--font-size-xs);
+    font-style: var(--pullquote--font-style);
     text-transform: none;
 }
@@ -3961 +2980 @@
 }
 
-.wp-block-pullquote.alignwide > p {
-    max-width: calc(100vw - 30px);
-}
-
-@media only screen and (min-width: 482px){
-    .wp-block-pullquote.alignwide > p{
-    max-width: calc(100vw - 100px);
-    }
-}
-
-@media only screen and (min-width: 822px){
-    .wp-block-pullquote.alignwide > p{
-    max-width: min(calc(100vw - 200px), 1240px);
-    }
-}
-
+.wp-block-pullquote.alignwide > p,
 .wp-block-pullquote.alignwide blockquote {
-    max-width: calc(100vw - 30px);
-}
-
-@media only screen and (min-width: 482px){
-    .wp-block-pullquote.alignwide blockquote{
-    max-width: calc(100vw - 100px);
-    }
-}
-
-@media only screen and (min-width: 822px){
-    .wp-block-pullquote.alignwide blockquote{
-    max-width: min(calc(100vw - 200px), 1240px);
-    }
-}
-
-.wp-block-pullquote.alignfull:not(.is-style-solid-color) > p {
-    padding: 0 40px;
-}
-
+    max-width: var(--responsive--alignwide-width);
+}
+
+.wp-block-pullquote.alignfull:not(.is-style-solid-color) > p,
 .wp-block-pullquote.alignfull:not(.is-style-solid-color) blockquote {
-    padding: 0 40px;
+    padding: 0 calc(2 * var(--global--spacing-unit));
 }
 
 .wp-block-pullquote.is-style-solid-color {
-    color: #28303d;
-    padding: 50px;
-    border-width: 3px;
+    color: var(--pullquote--color-foreground);
+    padding: calc(2.5 * var(--global--spacing-unit));
+    border-width: var(--pullquote--border-width);
     border-style: solid;
-    border-color: #28303d;
-}
-
+    border-color: var(--pullquote--border-color);
+}
 @media (min-width: 600px) {
+
     .wp-block-pullquote.is-style-solid-color {
-        padding: 100px;
+        padding: calc(5 * var(--global--spacing-unit));
     }
 }
@@ -4024 +3013 @@
 
 .wp-block-pullquote.is-style-solid-color blockquote p {
-    font-size: 2rem;
-}
-
-@media only screen and (min-width: 652px){
-    .wp-block-pullquote.is-style-solid-color blockquote p{
-    font-size: 2rem;
-    }
+    font-size: var(--pullquote--font-size);
 }
 
@@ -4040 +3023 @@
 
 .wp-block-quote {
+
     /**
-     * Block Options
-     */
+   * Block Options
+   */
 }
 
 .has-background:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
-[class*="background-color"]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
-[style*="background-color"] .wp-block-quote .wp-block-quote__citation,
-.wp-block-cover[style*="background-image"] .wp-block-quote .wp-block-quote__citation, .has-background:not(.has-background-background-color)
-.wp-block-quote cite,
-[class*="background-color"]:not(.has-background-background-color)
-.wp-block-quote cite,
-[style*="background-color"]
-.wp-block-quote cite,
-.wp-block-cover[style*="background-image"]
-.wp-block-quote cite, .has-background:not(.has-background-background-color)
-.wp-block-quote footer,
-[class*="background-color"]:not(.has-background-background-color)
-.wp-block-quote footer,
-[style*="background-color"]
-.wp-block-quote footer,
-.wp-block-cover[style*="background-image"]
-.wp-block-quote footer {
+[class*=background-color]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
+[style*=background-color] .wp-block-quote .wp-block-quote__citation,
+.wp-block-cover[style*=background-image] .wp-block-quote .wp-block-quote__citation,
+.has-background:not(.has-background-background-color) .wp-block-quote cite,
+[class*=background-color]:not(.has-background-background-color) .wp-block-quote cite,
+[style*=background-color] .wp-block-quote cite,
+.wp-block-cover[style*=background-image] .wp-block-quote cite,
+.has-background:not(.has-background-background-color) .wp-block-quote footer,
+[class*=background-color]:not(.has-background-background-color) .wp-block-quote footer,
+[style*=background-color] .wp-block-quote footer,
+.wp-block-cover[style*=background-image] .wp-block-quote footer {
     color: currentColor;
 }
 
 .wp-block-quote.has-text-align-right {
-    margin: 30px 25px 30px auto;
+    margin: var(--global--spacing-vertical) var(--global--spacing-horizontal) var(--global--spacing-vertical) auto;
     padding-right: 0;
     border-right: none;
@@ -4073 +3051 @@
 
 .wp-block-quote.has-text-align-right:before {
-    content: "\201D";
+    content: "”";
     left: initial;
-    right: -12px;
+    right: calc(-0.5 * var(--global--spacing-horizontal));
 }
 
 .wp-block-quote.has-text-align-center {
-    margin: 30px auto;
+    margin: var(--global--spacing-vertical) auto;
 }
 
@@ -4086 +3064 @@
 }
 
-.wp-block-quote.is-large {
-    padding-left: 0;
-    padding-right: 0;
-    /* Resetting margins to match _block-container.scss */
-    margin-top: 30px;
-    margin-bottom: 30px;
-}
-
+.wp-block-quote.is-large,
 .wp-block-quote.is-style-large {
     padding-left: 0;
     padding-right: 0;
+
     /* Resetting margins to match _block-container.scss */
-    margin-top: 30px;
-    margin-bottom: 30px;
-}
-
-.wp-block-quote.is-large p {
-    font-size: 2.25rem;
-    font-style: normal;
-    line-height: 1.35;
-}
-
-@media only screen and (min-width: 652px){
-    .wp-block-quote.is-large p{
-    font-size: 2.5rem;
-    }
-}
-
+    margin-top: var(--global--spacing-vertical);
+    margin-bottom: var(--global--spacing-vertical);
+}
+
+.wp-block-quote.is-large p,
 .wp-block-quote.is-style-large p {
-    font-size: 2.25rem;
-    font-style: normal;
-    line-height: 1.35;
-}
-
-@media only screen and (min-width: 652px){
-    .wp-block-quote.is-style-large p{
-    font-size: 2.5rem;
-    }
-}
-
-.wp-block-quote.is-large:before {
-    font-size: 2.25rem;
-    line-height: 1.35;
-    left: -25px;
-}
-
-@media only screen and (min-width: 652px){
-    .wp-block-quote.is-large:before{
-    font-size: 2.5rem;
-    }
-}
-
+    font-size: var(--quote--font-size-large);
+    font-style: var(--quote--font-style-large);
+    line-height: var(--quote--line-height-large);
+}
+
+.wp-block-quote.is-large:before,
 .wp-block-quote.is-style-large:before {
-    font-size: 2.25rem;
-    line-height: 1.35;
-    left: -25px;
-}
-
-@media only screen and (min-width: 652px){
-    .wp-block-quote.is-style-large:before{
-    font-size: 2.5rem;
-    }
-}
-
-.wp-block-quote.is-large.has-text-align-right:before {
-    left: initial;
-    right: -25px;
-}
-
+    font-size: var(--quote--font-size-large);
+    line-height: var(--quote--line-height-large);
+    left: calc(-1 * var(--global--spacing-horizontal));
+}
+
+.wp-block-quote.is-large.has-text-align-right:before,
 .wp-block-quote.is-style-large.has-text-align-right:before {
     left: initial;
-    right: -25px;
-}
-
-.wp-block-quote.is-large .wp-block-quote__citation {
-    color: #28303d;
-    font-size: 1.125rem;
-}
-
-.wp-block-quote.is-large cite {
-    color: #28303d;
-    font-size: 1.125rem;
-}
-
-.wp-block-quote.is-large footer {
-    color: #28303d;
-    font-size: 1.125rem;
-}
-
-.wp-block-quote.is-style-large .wp-block-quote__citation {
-    color: #28303d;
-    font-size: 1.125rem;
-}
-
-.wp-block-quote.is-style-large cite {
-    color: #28303d;
-    font-size: 1.125rem;
-}
-
+    right: calc(-1 * var(--global--spacing-horizontal));
+}
+
+.wp-block-quote.is-large .wp-block-quote__citation,
+.wp-block-quote.is-large cite,
+.wp-block-quote.is-large footer,
+.wp-block-quote.is-style-large .wp-block-quote__citation,
+.wp-block-quote.is-style-large cite,
 .wp-block-quote.is-style-large footer {
-    color: #28303d;
-    font-size: 1.125rem;
-}
-
+    color: var(--global--color-primary);
+    font-size: var(--global--font-size-sm);
+}
 @media only screen and (max-width: 481px) {
-    .wp-block-quote.is-large {
-        padding-left: 25px;
-    }
+
+    .wp-block-quote.is-large,
     .wp-block-quote.is-style-large {
-        padding-left: 25px;
-    }
-    .wp-block-quote.is-large:before, .wp-block-quote.is-style-large:before {
+        padding-left: var(--global--spacing-horizontal);
+    }
+
+    .wp-block-quote.is-large:before,
+    .wp-block-quote.is-style-large:before {
         left: 0;
     }
-    .wp-block-quote.is-large.has-text-align-right {
-        padding-left: 0;
-        padding-right: 25px;
-    }
+
+    .wp-block-quote.is-large.has-text-align-right,
     .wp-block-quote.is-style-large.has-text-align-right {
         padding-left: 0;
-        padding-right: 25px;
-    }
-    .wp-block-quote.is-large.has-text-align-right:before, .wp-block-quote.is-style-large.has-text-align-right:before {
+        padding-right: var(--global--spacing-horizontal);
+    }
+
+    .wp-block-quote.is-large.has-text-align-right:before,
+    .wp-block-quote.is-style-large.has-text-align-right:before {
         right: 0;
     }
-    .wp-block-quote.is-large.has-text-align-center, .wp-block-quote.is-style-large.has-text-align-center {
+
+    .wp-block-quote.is-large.has-text-align-center,
+    .wp-block-quote.is-style-large.has-text-align-center {
         padding-left: 0;
         padding-right: 0;
     }
 }
-
 @media only screen and (max-width: 481px) {
+
     .wp-block-quote.has-text-align-right {
         padding-left: 0;
-        padding-right: 13px;
-    }
+        padding-right: calc(0.5 * var(--global--spacing-horizontal));
+    }
+
     .wp-block-quote.has-text-align-right:before {
         right: 0;
     }
+
     .wp-block-quote.has-text-align-center {
         padding-left: 0;
@@ -4240 +3158 @@
 
 .wp-block-rss:not(.is-grid) > li {
-    margin-top: 50px;
-    margin-bottom: 50px;
+    margin-top: calc(1.666 * var(--global--spacing-vertical));
+    margin-bottom: calc(1.666 * var(--global--spacing-vertical));
 }
 
@@ -4253 +3171 @@
 
 .wp-block-rss.is-grid > li {
-    margin-bottom: 30px;
+    margin-bottom: var(--global--spacing-vertical);
 }
 
@@ -4260 +3178 @@
 }
 
-.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1),
-.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1) ~ li,
-.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1),
-.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1) ~ li,
-.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1),
-.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1) ~ li,
-.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1),
-.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1) ~ li,
-.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1),
-.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1) ~ li {
+.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1),
+.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1) ~ li,
+.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1),
+.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1) ~ li,
+.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1),
+.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1) ~ li,
+.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1),
+.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1) ~ li,
+.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1),
+.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1) ~ li {
     margin-bottom: 0;
 }
 
 .wp-block-rss > li > * {
-    margin-top: 10px;
-    margin-bottom: 10px;
+    margin-top: calc(0.333 * var(--global--spacing-vertical));
+    margin-bottom: calc(0.333 * var(--global--spacing-vertical));
 }
 
@@ -4288 +3206 @@
 .wp-block-rss .wp-block-rss__item-title > a {
     display: inline-block;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-size: 2rem;
-    font-weight: normal;
-    line-height: 1.3;
-    margin-bottom: 10px;
-}
-
-@media only screen and (min-width: 652px){
-    .wp-block-rss .wp-block-rss__item-title > a{
-    font-size: 2rem;
-    }
+    font-family: var(--latest-posts--title-font-family);
+    font-size: var(--latest-posts--title-font-size);
+    font-weight: var(--heading--font-weight);
+    line-height: var(--global--line-height-heading);
+    margin-bottom: calc(0.333 * var(--global--spacing-vertical));
 }
 
 .wp-block-rss .wp-block-rss__item-author {
-    color: #28303d;
-    font-size: 1.25rem;
-    line-height: 1.7;
+    color: var(--global--color-primary);
+    font-size: var(--global--font-size-md);
+    line-height: var(--global--line-height-body);
 }
 
 .wp-block-rss .wp-block-rss__item-publish-date {
-    color: #28303d;
-    font-size: 1rem;
-    line-height: 1.7;
-}
-
-[class*="inner-container"] .wp-block-rss .wp-block-rss__item-publish-date,
+    color: var(--global--color-primary);
+    font-size: var(--global--font-size-xs);
+    line-height: var(--global--line-height-body);
+}
+
+[class*=inner-container] .wp-block-rss .wp-block-rss__item-publish-date,
 .has-background .wp-block-rss .wp-block-rss__item-publish-date {
     color: currentColor;
 }
 
-.wp-block-rss .wp-block-rss__item-excerpt {
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-size: 1.125rem;
-    line-height: 1.7;
-    margin-top: 20px;
-}
-
+.wp-block-rss .wp-block-rss__item-excerpt,
 .wp-block-rss .wp-block-rss__item-full-content {
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-size: 1.125rem;
-    line-height: 1.7;
-    margin-top: 20px;
+    font-family: var(--latest-posts--description-font-family);
+    font-size: var(--latest-posts--description-font-size);
+    line-height: var(--global--line-height-body);
+    margin-top: calc(0.666 * var(--global--spacing-vertical));
 }
 
 .wp-block-rss.alignfull {
-    padding-left: 20px;
-    padding-right: 20px;
-}
-
-.entry-content [class*="inner-container"] .wp-block-rss.alignfull,
+    padding-left: var(--global--spacing-unit);
+    padding-right: var(--global--spacing-unit);
+}
+
+.entry-content [class*=inner-container] .wp-block-rss.alignfull,
 .entry-content .has-background .wp-block-rss.alignfull {
     padding-left: 0;
@@ -4344 +3250 @@
 
 .wp-block-search {
-    max-width: calc(100vw - 30px);
-}
-
-@media only screen and (min-width: 482px){
-    .wp-block-search{
-    max-width: min(calc(100vw - 100px), 610px);
-    }
-}
-
-@media only screen and (min-width: 822px){
-    .wp-block-search{
-    max-width: min(calc(100vw - 200px), 610px);
-    }
+    max-width: var(--responsive--aligndefault-width);
 }
 
 .wp-block-search__button-inside .wp-block-search__inside-wrapper {
-    background-color: #fff;
+    background-color: var(--global--color-white);
 }
 
@@ -4368 +3262 @@
 
 .wp-block-search .wp-block-search__label {
-    font-size: 1.125rem;
-    font-weight: 500;
-    margin-bottom: 10px;
+    font-size: var(--form--font-size);
+    font-weight: var(--form--label-weight);
+    margin-bottom: calc(var(--global--spacing-vertical) / 3);
 }
 
 .wp-block-search .wp-block-search__input {
-    border: 3px solid #39414d;
-    border-radius: 0;
-    color: #28303d;
-    line-height: 1.7;
+    border: var(--form--border-width) solid var(--form--border-color);
+    border-radius: var(--form--border-radius);
+    color: var(--form--color-text);
+    line-height: var(--form--line-height);
     max-width: inherit;
-    margin-right: -3px;
-    padding: 10px;
-    background-color: #fff;
+    margin-right: calc(-1 * var(--button--border-width));
+    padding: var(--form--spacing-unit);
 }
 
 .wp-block-search .wp-block-search__input:focus {
-    color: #28303d;
-    border-color: #39414d;
+    color: var(--form--color-text);
+    border-color: var(--form--border-color);
+}
+
+.has-background:not(.has-background-background-color) .wp-block-search .wp-block-search__input,
+[class*=background-color]:not(.has-background-background-color) .wp-block-search .wp-block-search__input,
+[style*=background-color] .wp-block-search .wp-block-search__input,
+.wp-block-cover[style*=background-image] .wp-block-search .wp-block-search__input {
+    border-color: currentColor;
+}
+
+.has-background.has-gray-background-color .wp-block-search .wp-block-search__input,
+.has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__input,
+.has-background.has-black-background-color .wp-block-search .wp-block-search__input {
+    border-color: var(--global--color-white);
 }
 
@@ -4392 +3298 @@
     margin-left: 0;
     background-color: transparent;
-    color: #39414d;
+    color: var(--button--color-text-hover);
+    line-height: 1;
 }
 
 .wp-block-search button.wp-block-search__button:hover {
-    background-color: #39414d;
-    color: #d1e4dd;
+    background-color: var(--button--color-background);
+    color: var(--button--color-text);
+}
+
+.wp-block-search button.wp-block-search__button.has-icon {
+    padding: 6px calc(0.5 * var(--button--padding-horizontal));
+}
+
+.wp-block-search button.wp-block-search__button.has-icon svg {
+    width: 40px;
+    height: 40px;
+    fill: currentColor;
+}
+
+.has-background.has-gray-background-color .wp-block-search button.wp-block-search__button,
+.has-background.has-dark-gray-background-color .wp-block-search button.wp-block-search__button,
+.has-background.has-black-background-color .wp-block-search button.wp-block-search__button {
+    color: var(--global--color-white);
+    border-color: currentColor;
+}
+
+.has-background.has-gray-background-color .wp-block-search button.wp-block-search__button:hover,
+.has-background.has-dark-gray-background-color .wp-block-search button.wp-block-search__button:hover,
+.has-background.has-black-background-color .wp-block-search button.wp-block-search__button:hover {
+    background-color: var(--button--color-background);
+    border-color: var(--global--color-white);
+    color: var(--global--color-white);
+}
+
+.is-dark-theme .has-background.has-gray-background-color .wp-block-search button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-black-background-color .wp-block-search button.wp-block-search__button:hover {
+    color: var(--button--color-text);
+}
+
+.has-background.has-white-background-color .wp-block-search button.wp-block-search__button,
+.has-background.has-green-background-color .wp-block-search button.wp-block-search__button,
+.has-background.has-blue-background-color .wp-block-search button.wp-block-search__button,
+.has-background.has-purple-background-color .wp-block-search button.wp-block-search__button,
+.has-background.has-red-background-color .wp-block-search button.wp-block-search__button,
+.has-background.has-orange-background-color .wp-block-search button.wp-block-search__button,
+.has-background.has-yellow-background-color .wp-block-search button.wp-block-search__button {
+    border-color: currentColor;
+    color: currentColor;
+}
+
+.has-background.has-white-background-color .wp-block-search button.wp-block-search__button:hover,
+.has-background.has-green-background-color .wp-block-search button.wp-block-search__button:hover,
+.has-background.has-blue-background-color .wp-block-search button.wp-block-search__button:hover,
+.has-background.has-purple-background-color .wp-block-search button.wp-block-search__button:hover,
+.has-background.has-red-background-color .wp-block-search button.wp-block-search__button:hover,
+.has-background.has-orange-background-color .wp-block-search button.wp-block-search__button:hover,
+.has-background.has-yellow-background-color .wp-block-search button.wp-block-search__button:hover {
+    background-color: var(--form--border-color);
+    border-color: var(--form--border-color);
+    color: var(--global--color-white);
+}
+
+.is-dark-theme .has-background.has-white-background-color .wp-block-search button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-green-background-color .wp-block-search button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-blue-background-color .wp-block-search button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-purple-background-color .wp-block-search button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-red-background-color .wp-block-search button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-orange-background-color .wp-block-search button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-yellow-background-color .wp-block-search button.wp-block-search__button:hover {
+    border-color: var(--button--color-text);
+    background-color: var(--button--color-text);
+    color: var(--button--color-background);
+}
+
+.wp-block-search.wp-block-search__button-inside.wp-block-search__text-button button.wp-block-search__button {
+    padding: var(--button--padding-vertical) var(--button--padding-horizontal);
+}
+
+.has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button,
+.has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button,
+.has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button {
+    border-color: var(--button--color-background);
+    color: var(--button--color-background);
+}
+
+.has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover,
+.has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover,
+.has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover {
+    color: var(--global--color-white);
+}
+
+.is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button,
+.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button,
+.is-dark-theme .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button {
+    border-color: var(--button--color-text);
+    color: var(--button--color-text);
+}
+
+.is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover {
+    color: var(--global--color-white);
+}
+
+.is-dark-theme .wp-block-search.wp-block-search__button-inside button.wp-block-search__button {
+    border-color: var(--button--color-text);
+    color: var(--button--color-text);
+}
+
+.is-dark-theme .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover {
+    border-color: var(--button--color-text);
+    background-color: var(--button--color-text);
+    color: var(--button--color-background);
 }
 
@@ -4406 +3420 @@
 hr {
     border-style: none;
-    border-bottom: 1px solid #28303d;
+    border-bottom: var(--separator--height) solid var(--separator--border-color);
     clear: both;
     margin-left: auto;
@@ -4413 +3427 @@
 
 hr.wp-block-separator {
-    border-bottom: 1px solid #28303d;
+    border-bottom: var(--separator--height) solid var(--separator--border-color);
+
     /**
-         * Block Options
-         */
+   * Block Options
+   */
 }
 
 hr.wp-block-separator:not(.is-style-dots):not(.alignwide) {
-    max-width: calc(100vw - 30px);
-}
-
-@media only screen and (min-width: 482px){
-    hr.wp-block-separator:not(.is-style-dots):not(.alignwide){
-    max-width: min(calc(100vw - 100px), 610px);
-    }
-}
-
-@media only screen and (min-width: 822px){
-    hr.wp-block-separator:not(.is-style-dots):not(.alignwide){
-    max-width: min(calc(100vw - 200px), 610px);
-    }
+    max-width: var(--responsive--aligndefault-width);
 }
 
 hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull {
-    max-width: 100%;
+    max-width: var(--responsive--alignfull-width);
 }
 
 hr.wp-block-separator.is-style-twentytwentyone-separator-thick {
-    border-bottom-width: 3px;
-}
-
-hr.wp-block-separator.is-style-dots.has-background, hr.wp-block-separator.is-style-dots.has-text-color {
+    border-bottom-width: calc(3 * var(--separator--height));
+}
+
+hr.wp-block-separator.is-style-dots.has-background,
+hr.wp-block-separator.is-style-dots.has-text-color {
     background-color: transparent !important;
 }
 
-hr.wp-block-separator.is-style-dots.has-background:before, hr.wp-block-separator.is-style-dots.has-text-color:before {
+hr.wp-block-separator.is-style-dots.has-background:before,
+hr.wp-block-separator.is-style-dots.has-text-color:before {
     color: currentColor !important;
 }
 
 hr.wp-block-separator.is-style-dots:before {
-    color: #28303d;
-    font-size: 2.25rem;
-    letter-spacing: 1.125rem;
-    padding-left: 1.125rem;
-}
-
-@media only screen and (min-width: 652px){
-    hr.wp-block-separator.is-style-dots:before{
-    font-size: 2.5rem;
-    }
+    color: var(--separator--border-color);
+    font-size: var(--global--font-size-xl);
+    letter-spacing: var(--global--font-size-sm);
+    padding-left: var(--global--font-size-sm);
 }
 
 .has-background:not(.has-background-background-color) hr.wp-block-separator,
-[class*="background-color"]:not(.has-background-background-color) hr.wp-block-separator,
-[style*="background-color"] hr.wp-block-separator,
-.wp-block-cover[style*="background-image"] hr.wp-block-separator {
+[class*=background-color]:not(.has-background-background-color) hr.wp-block-separator,
+[style*=background-color] hr.wp-block-separator,
+.wp-block-cover[style*=background-image] hr.wp-block-separator {
     border-color: currentColor;
 }
 
 .wp-block-social-links.is-style-twentytwentyone-social-icons-color a {
-    color: #28303d;
+    color: var(--global--color-primary);
 }
 
@@ -4484 +3483 @@
     margin-top: 0 !important;
 }
-
 @media only screen and (max-width: 481px) {
+
     .wp-block-spacer[style] {
-        height: 20px !important;
+        height: var(--global--spacing-unit) !important;
     }
 }
@@ -4498 +3497 @@
 }
 
-table th {
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-}
-
+table th,
 .wp-block-table th {
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-}
-
-table td {
-    padding: 10px;
+    font-family: var(--heading--font-family);
+}
+
+table td,
+table th,
+.wp-block-table td,
+.wp-block-table th {
+    padding: calc(0.5 * var(--global--spacing-unit));
     border: 1px solid;
 }
 
-table th {
-    padding: 10px;
-    border: 1px solid;
-}
-
-.wp-block-table td {
-    padding: 10px;
-    border: 1px solid;
-}
-
-.wp-block-table th {
-    padding: 10px;
-    border: 1px solid;
-}
-
-table.is-style-regular .has-background {
-    color: #28303d;
-}
-
-table.is-style-stripes .has-background thead tr {
-    color: #28303d;
-}
-
-table.is-style-stripes .has-background tfoot tr {
-    color: #28303d;
-}
-
-table.is-style-stripes .has-background tbody tr:nth-child(even) {
-    color: #28303d;
-}
-
-.wp-block-table.is-style-regular .has-background {
-    color: #28303d;
-}
-
-.wp-block-table.is-style-stripes .has-background thead tr {
-    color: #28303d;
-}
-
-.wp-block-table.is-style-stripes .has-background tfoot tr {
-    color: #28303d;
-}
-
+table.is-style-regular .has-background,
+table.is-style-stripes .has-background thead tr,
+table.is-style-stripes .has-background tfoot tr,
+table.is-style-stripes .has-background tbody tr:nth-child(even),
+.wp-block-table.is-style-regular .has-background,
+.wp-block-table.is-style-stripes .has-background thead tr,
+.wp-block-table.is-style-stripes .has-background tfoot tr,
 .wp-block-table.is-style-stripes .has-background tbody tr:nth-child(even) {
-    color: #28303d;
-}
-
-table.is-style-stripes {
-    border-color: #f0f0f0;
-}
-
+    color: var(--table--has-background-text-color);
+}
+
+table.is-style-stripes,
 .wp-block-table.is-style-stripes {
-    border-color: #f0f0f0;
+    border-color: var(--table--stripes-border-color);
 }
 
@@ -4573 +3533 @@
 }
 
-table.is-style-stripes tbody tr:nth-child(odd) {
-    background-color: #f0f0f0;
-}
-
+table.is-style-stripes tbody tr:nth-child(odd),
 .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
-    background-color: #f0f0f0;
+    background-color: var(--table--stripes-background-color);
 }
 
@@ -4604 +3561 @@
     font-weight: bold;
     text-align: left;
-    margin-bottom: 20px;
+    margin-bottom: var(--global--spacing-unit);
     color: currentColor;
 }
@@ -4610 +3567 @@
 .wp-calendar-nav {
     text-align: left;
-    margin-top: 10px;
+    margin-top: calc(var(--global--spacing-unit) / 2);
 }
 
@@ -4627 +3584 @@
 
 .wp-block-tag-cloud.alignfull {
-    padding-left: 20px;
-    padding-right: 20px;
+    padding-left: var(--global--spacing-unit);
+    padding-right: var(--global--spacing-unit);
 }
 
 .wp-block-verse {
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-family: var(--entry-content--font-family);
 }
 
 .wp-block-video figcaption {
-    color: #28303d;
-    font-size: 1rem;
-    margin-top: 10px;
-    margin-bottom: 20px;
+    color: var(--global--color-primary);
+    font-size: var(--global--font-size-xs);
+    margin-top: calc(0.5 * var(--global--spacing-unit));
+    margin-bottom: var(--global--spacing-unit);
     text-align: center;
 }
@@ -4649 +3606 @@
 }
 
-:root .is-extra-small-text {
-    font-size: 1rem;
-}
-
+:root .is-extra-small-text,
 :root .has-extra-small-font-size {
-    font-size: 1rem;
-}
-
-:root .is-small-text {
-    font-size: 1.125rem;
-}
-
+    font-size: var(--global--font-size-xs);
+}
+
+:root .is-small-text,
 :root .has-small-font-size {
-    font-size: 1.125rem;
-}
-
-:root .is-regular-text {
-    font-size: 1.25rem;
-}
-
-:root .has-regular-font-size {
-    font-size: 1.25rem;
-}
-
-:root .is-normal-font-size {
-    font-size: 1.25rem;
-}
-
-:root .has-normal-font-size {
-    font-size: 1.25rem;
-}
-
+    font-size: var(--global--font-size-sm);
+}
+
+:root .is-regular-text,
+:root .has-regular-font-size,
+:root .is-normal-font-size,
+:root .has-normal-font-size,
 :root .has-medium-font-size {
-    font-size: 1.25rem;
-}
-
-:root .is-large-text {
-    font-size: 1.5rem;
-    line-height: 1.3;
-}
-
+    font-size: var(--global--font-size-base);
+}
+
+:root .is-large-text,
 :root .has-large-font-size {
-    font-size: 1.5rem;
-    line-height: 1.3;
-}
-
-:root .is-larger-text {
-    font-size: 2.5rem;
-    line-height: 1.3;
-}
-
-@media only screen and (min-width: 652px){
-    :root .is-larger-text{
-    font-size: 2.5rem;
-    }
-}
-
-:root .has-larger-font-size {
-    font-size: 2.5rem;
-    line-height: 1.3;
-}
-
-@media only screen and (min-width: 652px){
-    :root .has-larger-font-size{
-    font-size: 2.5rem;
-    }
-}
-
-:root .is-extra-large-text {
-    font-size: 2.5rem;
-    line-height: 1.3;
-}
-
-@media only screen and (min-width: 652px){
-    :root .is-extra-large-text{
-    font-size: 2.5rem;
-    }
-}
-
+    font-size: var(--global--font-size-lg);
+    line-height: var(--global--line-height-heading);
+}
+
+:root .is-larger-text,
+:root .has-larger-font-size,
+:root .is-extra-large-text,
 :root .has-extra-large-font-size {
-    font-size: 2.5rem;
-    line-height: 1.3;
-}
-
-@media only screen and (min-width: 652px){
-    :root .has-extra-large-font-size{
-    font-size: 2.5rem;
-    }
-}
-
-:root .is-huge-text {
-    font-size: 6rem;
-    line-height: 1.3;
-    font-weight: 300;
-}
-
-@media only screen and (min-width: 652px){
-    :root .is-huge-text{
-    font-size: 6rem;
-    }
-}
-
+    font-size: var(--global--font-size-xl);
+    line-height: var(--global--line-height-heading);
+}
+
+:root .is-huge-text,
 :root .has-huge-font-size {
-    font-size: 6rem;
-    line-height: 1.3;
-    font-weight: 300;
-}
-
-@media only screen and (min-width: 652px){
-    :root .has-huge-font-size{
-    font-size: 6rem;
-    }
-}
-
-:root .is-gigantic-text {
-    font-size: 9rem;
-    line-height: 1.3;
-    font-weight: 300;
-}
-
-@media only screen and (min-width: 652px){
-    :root .is-gigantic-text{
-    font-size: 9rem;
-    }
-}
-
+    font-size: var(--global--font-size-xxl);
+    line-height: var(--global--line-height-heading);
+    font-weight: var(--heading--font-weight-page-title);
+}
+
+:root .is-gigantic-text,
 :root .has-gigantic-font-size {
-    font-size: 9rem;
-    line-height: 1.3;
-    font-weight: 300;
-}
-
-@media only screen and (min-width: 652px){
-    :root .has-gigantic-font-size{
-    font-size: 9rem;
-    }
+    font-size: var(--global--font-size-xxxl);
+    line-height: var(--global--line-height-heading);
+    font-weight: var(--heading--font-weight-page-title);
 }
 
 /* Block Alignments */
+
 /**
  * These selectors set the default max width for content appearing inside a post or page.
  */
+
 /**
  * .alignleft
  */
 .alignleft {
+
     /*rtl:ignore*/
     text-align: left;
@@ -4801 +3669 @@
 
 .entry-content > .alignleft {
-    max-width: calc(100vw - 30px);
-}
-
-@media only screen and (min-width: 482px){
-    .entry-content > .alignleft{
-    max-width: min(calc(100vw - 100px), 610px);
-    }
-}
-
-@media only screen and (min-width: 822px){
-    .entry-content > .alignleft{
-    max-width: min(calc(100vw - 200px), 610px);
-    }
+    max-width: var(--responsive--aligndefault-width);
 }
 
 @media only screen and (min-width: 482px) {
+
     .alignleft {
+
         /*rtl:ignore*/
         float: left;
+
         /*rtl:ignore*/
-        margin-right: 25px;
-        margin-bottom: 30px;
-    }
+        margin-right: var(--global--spacing-horizontal);
+        margin-bottom: var(--global--spacing-vertical);
+    }
+
     .entry-content > .alignleft {
-        max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px)*1);
-    }
-    @media only screen and (min-width: 482px){
-        .entry-content > .alignleft{
-        max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px)*1);
-        }
-    }
-    @media only screen and (min-width: 482px){
-        .entry-content > .alignleft{
-        max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px)*1);
-        }
-    }
-    @media only screen and (min-width: 822px){
-        .entry-content > .alignleft{
-        max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px)*1);
-        }
+        max-width: calc(50% - var(--responsive--alignleft-margin));
     }
 }
@@ -4861 +3706 @@
 .alignright {
     margin-top: 0;
-    margin-bottom: 30px;
+    margin-bottom: var(--global--spacing-vertical);
 }
 
 .entry-content > .alignright {
-    max-width: calc(100vw - 30px);
-}
-
-@media only screen and (min-width: 482px){
-    .entry-content > .alignright{
-    max-width: min(calc(100vw - 100px), 610px);
-    }
-}
-
-@media only screen and (min-width: 822px){
-    .entry-content > .alignright{
-    max-width: min(calc(100vw - 200px), 610px);
-    }
+    max-width: var(--responsive--aligndefault-width);
 }
 
 @media only screen and (min-width: 482px) {
+
     .alignright {
+
         /*rtl:ignore*/
         float: right;
+
         /*rtl:ignore*/
-        margin-left: 25px;
-    }
+        margin-left: var(--global--spacing-horizontal);
+    }
+
     .entry-content > .alignright {
-        max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px)*1);
-    }
-    @media only screen and (min-width: 482px){
-        .entry-content > .alignright{
-        max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px)*1);
-        }
-    }
-    @media only screen and (min-width: 482px){
-        .entry-content > .alignright{
-        max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px)*1);
-        }
-    }
-    @media only screen and (min-width: 822px){
-        .entry-content > .alignright{
-        max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px)*1);
-        }
-    }
-}
-
-[class*="inner-container"] > .alignleft + *,
-[class*="inner-container"] > .alignright + * {
+        max-width: calc(50% - var(--responsive--alignright-margin));
+    }
+}
+
+[class*=inner-container] > .alignleft + *,
+[class*=inner-container] > .alignright + * {
     margin-top: 0;
 }
@@ -4939 +3761 @@
 
 .has-drop-cap:not(:focus)::first-letter {
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-weight: normal;
+    font-family: var(--heading--font-family);
+    font-weight: var(--heading--font-weight);
     line-height: 0.66;
     text-transform: uppercase;
@@ -4946 +3768 @@
     float: left;
     margin: 0.1em 0.1em 0 0;
-    font-size: 5rem;
-}
-
-@media only screen and (min-width: 652px){
-    .has-drop-cap:not(:focus)::first-letter{
-    font-size: 7rem;
-    }
+    font-size: calc(1.2 * var(--heading--font-size-h1));
 }
 
@@ -4965 +3781 @@
     display: none;
 }
-
 @media only screen and (min-width: 482px) {
+
     .desktop-only {
         display: block;
@@ -4977 +3793 @@
     align-items: flex-start;
     flex-wrap: wrap;
-    row-gap: 30px;
+    row-gap: var(--global--spacing-vertical);
 }
 
@@ -4983 +3799 @@
     align-items: center;
 }
-
 @media only screen and (min-width: 482px) {
+
     .site-header {
-        padding-top: 40px;
-    }
-}
-
+        padding-top: calc(var(--global--spacing-vertical) / 0.75);
+    }
+}
 @media only screen and (min-width: 822px) {
+
     .site-header {
-        padding-top: 72px;
+        padding-top: calc(2.4 * var(--global--spacing-vertical));
     }
 }
 
 .site-branding {
-    color: #28303d;
+    color: var(--branding--color-text);
     margin-right: 140px;
 }
@@ -5006 +3822 @@
     text-align: center;
 }
-
 @media only screen and (min-width: 482px) {
+
     .site-branding {
         margin-right: initial;
@@ -5015 +3831 @@
 
 .site-title {
-    color: #28303d;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-size: 1.5rem;
+    color: var(--branding--color-link);
+    font-family: var(--branding--title--font-family);
+    font-size: var(--branding--title--font-size-mobile);
     letter-spacing: normal;
-    text-transform: uppercase;
-    line-height: 1.3;
-    margin-bottom: 5px;
+    text-transform: var(--branding--title--text-transform);
+    line-height: var(--global--line-height-heading);
+    margin-bottom: calc(var(--global--spacing-vertical) / 6);
 }
 
 .site-title a {
     color: currentColor;
-    font-weight: normal;
-}
-
-.site-title a:link, .site-title a:visited, .site-title a:active {
+    font-weight: var(--branding--title--font-weight);
+}
+
+.site-title a:link,
+.site-title a:visited,
+.site-title a:active {
     color: currentColor;
 }
 
-.site-title a:hover {
-    color: #39414d;
-}
-
+.site-title a:hover,
 .site-title a:focus {
-    color: #39414d;
-}
-
+    color: var(--branding--color-link-hover);
+}
 @media only screen and (min-width: 482px) {
+
     .site-title {
-        font-size: 1.5rem;
+        font-size: var(--branding--title--font-size);
     }
 }
@@ -5049 +3864 @@
 .site-description {
     color: currentColor;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-size: 1.125rem;
+    font-family: var(--branding--description--font-family);
+    font-size: var(--branding--description--font-size);
     line-height: 1.4;
 }
@@ -5059 +3874 @@
 
 .site-title > a {
-    text-decoration-color: #39414d;
+    text-decoration-color: var(--global--color-secondary);
 }
 
 .site-logo {
-    margin: 15px 0;
+    margin: calc(var(--global--spacing-vertical) / 2) 0;
 }
 
 .site-header > .site-logo {
     width: 100%;
-    padding-bottom: 45px;
+    padding-bottom: calc(var(--global--spacing-vertical) * 1.5);
     border-bottom: 1px solid;
     text-align: center;
@@ -5076 +3891 @@
     margin-left: auto;
     margin-right: auto;
-    max-width: 96px;
-    max-height: 96px;
+    max-width: var(--branding--logo--max-width-mobile);
+    max-height: var(--branding--logo--max-height-mobile);
     height: auto;
     display: inline-block;
     width: auto;
 }
-
 @media only screen and (min-width: 482px) {
+
     .site-logo .custom-logo {
-        max-width: 300px;
-        max-height: 100px;
+        max-width: var(--branding--logo--max-width);
+        max-height: var(--branding--logo--max-height);
         height: auto;
         width: auto;
@@ -5093 +3908 @@
 
 @media only screen and (max-width: 481px) {
+
     .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
         position: absolute;
-        padding-top: 15px;
+        padding-top: calc(0.5 * var(--global--spacing-vertical));
         margin-top: 0;
-        top: 0;
-    }
+        top: var(--global--admin-bar--height);
+    }
+
     .primary-navigation-open .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
         display: none;
     }
+
     .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo img {
-        max-height: calc(10px + 2em);
-    }
+        max-height: calc(var(--button--padding-vertical) - (0.25 * var(--global--spacing-unit)) + 1.7em);
+    }
+
     .site-header.has-logo.has-title-and-tagline {
         align-items: flex-start;
     }
+
     .site-header.has-logo.has-title-and-tagline.has-menu {
         justify-content: space-between;
     }
+
     .site-header.has-logo.has-title-and-tagline.has-menu .site-branding {
         max-width: calc(100% - 160px);
     }
+
     .site-header.has-logo.has-title-and-tagline .site-branding {
         margin-right: 0;
     }
+
     body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline:after {
         display: none;
     }
+
     body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .primary-navigation {
         position: relative;
         top: 0;
     }
+
     body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container {
         position: relative;
         padding-top: 0;
-        margin-top: -10px;
-    }
+        margin-top: calc(0px - var(--button--padding-vertical) + (0.25 * var(--global--spacing-unit)));
+    }
+
     body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container #primary-mobile-menu {
-        padding-left: 11px;
-        padding-right: 11px;
-        margin-right: -15px;
-    }
+        padding-left: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px);
+        padding-right: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px);
+        margin-right: calc(0px - var(--global--spacing-horizontal) * 0.6);
+    }
+
     .site-header:not(.has-logo).has-title-and-tagline .site-branding {
         margin-right: 0;
         max-width: calc(100% - 160px);
     }
+
     .site-header:not(.has-menu) {
         justify-content: center;
@@ -5145 +3973 @@
 .site-footer {
     padding-top: 0;
-    padding-bottom: 51px;
+    padding-bottom: calc(1.7 * var(--global--spacing-vertical));
 }
 
 .no-widgets .site-footer {
-    margin-top: 180px;
+    margin-top: calc(6 * var(--global--spacing-vertical));
 }
 
 .site-footer > .site-info {
-    padding-top: 30px;
-    color: #28303d;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-size: 1.125rem;
-    line-height: 1.7;
-    border-top: 3px solid #28303d;
+    padding-top: var(--global--spacing-vertical);
+    color: var(--footer--color-text);
+    font-family: var(--footer--font-family);
+    font-size: var(--footer--font-size);
+    line-height: var(--global--line-height-body);
+    border-top: 3px solid var(--global--color-border);
 }
 
 .site-footer > .site-info .site-name {
-    text-transform: uppercase;
-    font-size: 1.5rem;
+    text-transform: var(--branding--title--text-transform);
+    font-size: var(--branding--title--font-size);
 }
 
 .site-footer > .site-info .powered-by {
-    margin-top: 15px;
-}
-
+    margin-top: calc(0.5 * var(--global--spacing-vertical));
+}
 @media only screen and (min-width: 822px) {
+
     .site-footer > .site-info {
         display: flex;
         align-items: center;
     }
+
     .site-footer > .site-info .powered-by {
         margin-top: initial;
@@ -5182 +4011 @@
 
 .site-footer > .site-info a {
-    color: #28303d;
-}
-
-.site-footer > .site-info a:link {
-    color: #28303d;
-}
-
-.site-footer > .site-info a:visited {
-    color: #28303d;
-}
-
+    color: var(--footer--color-link);
+}
+
+.site-footer > .site-info a:link,
+.site-footer > .site-info a:visited,
 .site-footer > .site-info a:active {
-    color: #28303d;
+    color: var(--footer--color-link);
 }
 
 .site-footer > .site-info a:hover {
-    color: #28303d;
+    color: var(--footer--color-link-hover);
 }
 
 .site-footer > .site-info a:focus {
-    color: #28303d;
+    color: var(--footer--color-link-hover);
+}
+
+.is-dark-theme .site-footer > .site-info a:focus {
+    color: var(--wp--style--color--link, var(--global--color-background));
 }
 
 .singular .entry-header {
-    border-bottom: 3px solid #28303d;
-    padding-bottom: 60px;
-    margin-bottom: 90px;
+    border-bottom: 3px solid var(--global--color-border);
+    padding-bottom: calc(2 * var(--global--spacing-vertical));
+    margin-bottom: calc(3 * var(--global--spacing-vertical));
 }
 
@@ -5219 +4046 @@
 .singular .has-post-thumbnail .entry-header {
     border-bottom: none;
-    padding-bottom: 39px;
+    padding-bottom: calc(1.3 * var(--global--spacing-vertical));
     margin-bottom: 0;
 }
 
 .no-results.not-found > *:first-child {
-    margin-bottom: 90px;
+    margin-bottom: calc(3 * var(--global--spacing-vertical));
 }
 
@@ -5233 +4060 @@
 .page-links .post-page-numbers {
     display: inline-block;
-    margin-left: 13px;
-    margin-right: 13px;
+    margin-left: calc(0.66 * var(--global--spacing-unit));
+    margin-right: calc(0.66 * var(--global--spacing-unit));
     min-width: 44px;
     min-height: 44px;
@@ -5244 +4071 @@
 
 .entry-title {
-    color: #28303d;
-    font-size: 2.25rem;
-    letter-spacing: normal;
-    line-height: 1.3;
+    color: var(--entry-header--color);
+    font-size: var(--entry-header--font-size);
+    letter-spacing: var(--heading--letter-spacing-h2);
+    line-height: var(--heading--line-height-h2);
     overflow-wrap: break-word;
 }
 
-@media only screen and (min-width: 652px){
-    .entry-title{
-    font-size: 3rem;
-    }
-}
-
-@media only screen and (min-width: 652px){
-    .entry-title{
-    font-size: 3rem;
-    }
-}
-
 .entry-title a {
-    color: currentColor;
+    color: var(--entry-header--color-link);
     text-underline-offset: 0.15em;
 }
 
 .entry-title a:hover {
-    color: #28303d;
+    color: var(--entry-header--color-hover);
 }
 
 .entry-title a:focus {
-    color: #39414d;
+    color: var(--entry-header--color-focus);
 }
 
 .entry-title a:active {
-    color: currentColor;
+    color: var(--entry-header--color-link);
 }
 
 .singular .entry-title {
-    font-size: 4rem;
-}
-
-@media only screen and (min-width: 652px){
-    .singular .entry-title{
-    font-size: 6rem;
-    }
+    font-size: var(--global--font-size-page-title);
 }
 
 h1.entry-title {
-    line-height: 1.1;
-    font-weight: 300;
+    line-height: var(--heading--line-height-h1);
+    font-weight: var(--heading--font-weight-page-title);
 }
 
@@ -5298 +4107 @@
  * Entry Content
  */
-.entry-content {
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-}
+.entry-content,
 .entry-summary {
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-family: var(--entry-content--font-family);
 }
 
@@ -5310 +4117 @@
 
 .entry-content > iframe[style] {
-    margin: 30px 0 !important;
+    margin: var(--global--spacing-vertical) 0 !important;
     max-width: 100% !important;
 }
-
 @media only screen and (min-width: 482px) {
+
     .entry-content > iframe[style] {
-        max-width: 30px !important;
+        max-width: var(--global--spacing-vertical) !important;
     }
 }
 
 .entry-footer {
-    color: #28303d;
+    color: var(--global--color-primary);
     clear: both;
     float: none;
-    font-size: 1rem;
+    font-size: var(--global--font-size-xs);
     display: block;
 }
@@ -5336 +4143 @@
 }
 
-.entry-footer a:hover {
-    color: #28303d;
-}
-
+.entry-footer a:hover,
 .entry-footer a:focus {
-    color: #28303d;
+    color: var(--global--color-primary-hover);
 }
 
@@ -5349 +4153 @@
 
 .site-main > article > .entry-footer {
-    margin-top: 30px;
-    padding-top: 20px;
-    padding-bottom: 90px;
-    border-bottom: 1px solid #28303d;
+    margin-top: var(--global--spacing-vertical);
+    padding-top: var(--global--spacing-unit);
+    padding-bottom: calc(3 * var(--global--spacing-vertical));
+    border-bottom: var(--separator--height) solid var(--separator--border-color);
 }
 
 body:not(.single) .site-main > article:last-of-type .entry-footer {
-    border-bottom: 1px solid transparent;
+    border-bottom: var(--separator--height) solid transparent;
 }
 
 .single .site-main > article > .entry-footer {
-    margin-top: 102px;
-    margin-bottom: 102px;
+    margin-top: calc(3.4 * var(--global--spacing-vertical));
+    margin-bottom: calc(3.4 * var(--global--spacing-vertical));
     padding-bottom: 0;
-    padding-top: 24px;
-    border-top: 3px solid #28303d;
-    border-bottom: 1px solid transparent;
+    padding-top: calc(0.8 * var(--global--spacing-vertical));
+    border-top: 3px solid var(--separator--border-color);
+    border-bottom: var(--separator--height) solid transparent;
     display: grid;
     grid-template-columns: repeat(2, 1fr);
-    column-gap: 50px;
+    column-gap: calc(2 * var(--global--spacing-horizontal));
 }
 
@@ -5387 +4191 @@
     display: block;
 }
-
 @media only screen and (max-width: 481px) {
+
     .single .site-main > article > .entry-footer {
         display: block;
     }
+
     .single .site-main > article > .entry-footer .full-size-link {
         display: block;
     }
+
     .single .site-main > article > .entry-footer .post-taxonomies,
     .single .site-main > article > .entry-footer .full-size-link {
@@ -5411 +4217 @@
     display: block;
     width: auto;
-    min-width: calc(100vw - 30px);
     max-width: 100%;
     margin-left: auto;
     margin-right: auto;
-    margin-top: 60px;
-}
-
-@media only screen and (min-width: 482px){
-    .post-thumbnail .wp-post-image{
-    min-width: min(calc(100vw - 100px), 610px);
-    }
-}
-
-@media only screen and (min-width: 822px){
-    .post-thumbnail .wp-post-image{
-    min-width: min(calc(100vw - 200px), 610px);
-    }
+    margin-top: calc(2 * var(--global--spacing-vertical));
 }
 
@@ -5435 +4228 @@
 .author-bio {
     position: relative;
-    font-size: 1rem;
-    max-width: calc(100vw - 30px);
-}
-@media only screen and (min-width: 482px){
-    .author-bio{
-    max-width: min(calc(100vw - 100px), 610px);
-    }
-}
-@media only screen and (min-width: 822px){
-    .author-bio{
-    max-width: min(calc(100vw - 200px), 610px);
-    }
+    font-size: var(--global--font-size-xs);
+    max-width: var(--responsive--aligndefault-width);
 }
 
 .site-main > article > .author-bio {
-    margin-top: 60px;
+    margin-top: calc(2 * var(--global--spacing-vertical));
 }
 
@@ -5461 +4244 @@
 .author-bio.show-avatars .author-bio-content {
     display: inline-block;
-    padding-left: 25px;
-    max-width: calc(100vw - 120px);
-}
-
-@media only screen and (min-width: 482px){
-    .author-bio.show-avatars .author-bio-content{
-    max-width: calc(min(calc(100vw - 4 * 25px), 610px) - 90px);
-    }
-}
-
-@media only screen and (min-width: 822px){
-    .author-bio.show-avatars .author-bio-content{
-    max-width: calc(min(calc(100vw - 8 * 25px), 610px) - 90px);
-    }
+    padding-left: var(--global--spacing-horizontal);
+    max-width: calc(var(--responsive--aligndefault-width) - 90px);
 }
 
 .author-bio .author-bio-content .author-title {
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-size: 1.5rem;
+    font-family: var(--entry-author-bio--font-family);
+    font-size: var(--entry-author-bio--font-size);
     display: inline;
 }
 
 .author-bio .author-bio-content .author-description {
-    font-size: 1rem;
-    margin-top: 15px;
-    margin-bottom: 15px;
+    font-size: var(--global--font-size-xs);
+    margin-top: calc(0.5 * var(--global--spacing-vertical));
+    margin-bottom: calc(0.5 * var(--global--spacing-vertical));
 }
 
 .page-title {
-    font-size: 4rem;
-}
-
-@media only screen and (min-width: 652px){
-    .page-title{
-    font-size: 6rem;
-    }
+    font-size: var(--global--font-size-page-title);
+}
+
+h1.page-title,
+h2.page-title {
+    font-weight: var(--heading--font-weight-page-title);
 }
 
 h1.page-title {
-    font-weight: 300;
-}
-
-h2.page-title {
-    font-weight: 300;
-}
-
-h1.page-title {
-    line-height: 1.1;
+    line-height: var(--heading--line-height-h1);
 }
 
 .page-header {
-    border-bottom: 3px solid #28303d;
-    padding-bottom: 60px;
-}
-
-.archive .content-area .format-aside .entry-content {
-    font-size: 1.5rem;
-}
-
-.archive .content-area .format-status .entry-content {
-    font-size: 1.5rem;
-}
-
-.archive .content-area .format-link .entry-content {
-    font-size: 1.5rem;
-}
-
-.search .content-area .format-aside .entry-content {
-    font-size: 1.5rem;
-}
-
-.search .content-area .format-status .entry-content {
-    font-size: 1.5rem;
-}
-
-.search .content-area .format-link .entry-content {
-    font-size: 1.5rem;
-}
-
-.blog .content-area .format-aside .entry-content {
-    font-size: 1.5rem;
-}
-
-.blog .content-area .format-status .entry-content {
-    font-size: 1.5rem;
-}
-
+    border-bottom: 3px solid var(--global--color-border);
+    padding-bottom: calc(2 * var(--global--spacing-vertical));
+}
+
+.archive .content-area .format-aside .entry-content,
+.archive .content-area .format-status .entry-content,
+.archive .content-area .format-link .entry-content,
+.search .content-area .format-aside .entry-content,
+.search .content-area .format-status .entry-content,
+.search .content-area .format-link .entry-content,
+.blog .content-area .format-aside .entry-content,
+.blog .content-area .format-status .entry-content,
 .blog .content-area .format-link .entry-content {
-    font-size: 1.5rem;
-}
-
-.archive .format-image .entry-content {
-    margin-top: 60px;
-}
-
-.archive .format-gallery .entry-content {
-    margin-top: 60px;
-}
-
-.archive .format-video .entry-content {
-    margin-top: 60px;
-}
-
-.search .format-image .entry-content {
-    margin-top: 60px;
-}
-
-.search .format-gallery .entry-content {
-    margin-top: 60px;
-}
-
-.search .format-video .entry-content {
-    margin-top: 60px;
-}
-
-.blog .format-image .entry-content {
-    margin-top: 60px;
-}
-
-.blog .format-gallery .entry-content {
-    margin-top: 60px;
-}
-
+    font-size: var(--global--font-size-lg);
+}
+
+.archive .format-image .entry-content,
+.archive .format-gallery .entry-content,
+.archive .format-video .entry-content,
+.search .format-image .entry-content,
+.search .format-gallery .entry-content,
+.search .format-video .entry-content,
+.blog .format-image .entry-content,
+.blog .format-gallery .entry-content,
 .blog .format-video .entry-content {
-    margin-top: 60px;
+    margin-top: calc(2 * var(--global--spacing-vertical));
 }
 
@@ -5597 +4311 @@
 }
 
-.archive.logged-in .entry-footer .posted-on {
-    margin-right: 10px;
-}
-
-.search.logged-in .entry-footer .posted-on {
-    margin-right: 10px;
-}
-
+.archive.logged-in .entry-footer .posted-on,
+.search.logged-in .entry-footer .posted-on,
 .blog.logged-in .entry-footer .posted-on {
-    margin-right: 10px;
+    margin-right: calc(0.5 * var(--global--spacing-unit));
 }
 
 .archive-description {
-    margin-top: 30px;
-    font-size: 2.25rem;
-    line-height: 1.3;
-}
-
-@media only screen and (min-width: 652px){
-    .archive-description{
-    font-size: 2.5rem;
-    }
+    margin-top: var(--global--spacing-vertical);
+    font-size: var(--global--font-size-xl);
+    line-height: var(--global--line-height-heading);
 }
 
 .error404 main p {
-    font-size: 1.5rem;
-    margin-bottom: 50px;
+    font-size: var(--global--font-size-lg);
+    margin-bottom: calc(var(--global--spacing-vertical) * 1.6666666667);
 }
 
 .search-no-results .page-content {
-    margin-top: 90px;
+    margin-top: calc(3 * var(--global--spacing-vertical));
 }
 
@@ -5634 +4336 @@
  */
 .comments-area > * {
-    margin-top: 30px;
-    margin-bottom: 30px;
+    margin-top: var(--global--spacing-vertical);
+    margin-bottom: var(--global--spacing-vertical);
 }
 
@@ -5664 +4366 @@
  * Comment Title
  */
-.comments-title {
-    font-size: 2.25rem;
-    letter-spacing: normal;
-}
-@media only screen and (min-width: 652px){
-    .comments-title{
-    font-size: 3rem;
-    }
-}
-@media only screen and (min-width: 652px){
-    .comments-title{
-    font-size: 3rem;
-    }
-}
+.comments-title,
 .comment-reply-title {
-    font-size: 2.25rem;
-    letter-spacing: normal;
-}
-@media only screen and (min-width: 652px){
-    .comment-reply-title{
-    font-size: 3rem;
-    }
-}
-@media only screen and (min-width: 652px){
-    .comment-reply-title{
-    font-size: 3rem;
-    }
+    font-size: var(--heading--font-size-h2);
+    letter-spacing: var(--heading--letter-spacing-h2);
 }
 
@@ -5699 +4378 @@
 
 .comment-reply-title small a {
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-size: 1rem;
+    font-family: var(--global--font-secondary);
+    font-size: var(--global--font-size-xs);
     font-style: normal;
     font-weight: normal;
@@ -5708 +4387 @@
 /* Nested comment reply title*/
 .comment .comment-respond .comment-reply-title {
-    font-size: 1.5rem;
+    font-size: var(--global--font-size-lg);
 }
 
@@ -5720 +4399 @@
 
 .comment-list > li {
-    margin-top: 30px;
-    margin-bottom: 30px;
+    margin-top: var(--global--spacing-vertical);
+    margin-bottom: var(--global--spacing-vertical);
 }
 
@@ -5730 +4409 @@
 
 .comment-list .children > li {
-    margin-top: 30px;
-    margin-bottom: 30px;
+    margin-top: var(--global--spacing-vertical);
+    margin-bottom: var(--global--spacing-vertical);
 }
 
 @media only screen and (min-width: 482px) {
-    .comment-list .depth-2 {
-        padding-left: 100px;
-    }
+
+    .comment-list .depth-2,
     .comment-list .depth-3 {
-        padding-left: 100px;
+        padding-left: calc(4 * var(--global--spacing-horizontal));
     }
 }
@@ -5747 +4425 @@
  */
 .comment-meta .comment-author {
-    line-height: 1.3;
-    margin-bottom: 5px;
-}
-
+    line-height: var(--global--line-height-heading);
+    margin-bottom: calc(0.25 * var(--global--spacing-unit));
+}
 @media only screen and (min-width: 482px) {
+
     .comment-meta .comment-author {
         margin-bottom: 0;
@@ -5759 +4437 @@
 
 .comment-meta .comment-author .fn {
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-family: var(--global--font-secondary);
     font-weight: normal;
-    font-size: 1.5rem;
+    font-size: var(--global--font-size-lg);
     hyphens: auto;
     word-wrap: break-word;
@@ -5768 +4446 @@
 
 .comment-meta .comment-metadata {
-    color: #28303d;
-    font-size: 1rem;
+    color: var(--global--color-primary);
+    font-size: var(--global--font-size-xs);
     padding: 8px 0 9px 0;
 }
 
 .comment-meta .comment-metadata .edit-link {
-    margin-left: 25px;
-}
-
+    margin-left: var(--global--spacing-horizontal);
+}
 @media only screen and (min-width: 482px) {
+
     .comment-meta {
         margin-right: inherit;
     }
+
     .comment-meta .comment-author {
         max-width: inherit;
@@ -5787 +4466 @@
 
 .reply {
-    font-size: 1.125rem;
-    line-height: 1.3;
+    font-size: var(--global--font-size-sm);
+    line-height: var(--global--line-height-heading);
 }
 
@@ -5799 +4478 @@
 }
 
-.pingback .url {
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-}
-
+.pingback .url,
 .trackback .url {
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-family: var(--global--font-primary);
 }
 
 .comment-body {
     position: relative;
-    margin-bottom: 51px;
+    margin-bottom: calc(1.7 * var(--global--spacing-vertical));
 }
 
 .comment-body > * {
-    margin-top: 30px;
-    margin-bottom: 30px;
+    margin-top: var(--global--spacing-vertical);
+    margin-bottom: var(--global--spacing-vertical);
 }
 
@@ -5825 +4501 @@
 }
 
-.pingback .comment-body {
-    margin-top: 30px;
-    margin-bottom: 30px;
-}
-
+.pingback .comment-body,
 .trackback .comment-body {
-    margin-top: 30px;
-    margin-bottom: 30px;
+    margin-top: var(--global--spacing-vertical);
+    margin-bottom: var(--global--spacing-vertical);
 }
 
 .comment-respond {
-    margin-top: 30px;
+    margin-top: var(--global--spacing-vertical);
 }
 
 .comment-respond > * {
-    margin-top: 20px;
-    margin-bottom: 20px;
+    margin-top: var(--global--spacing-unit);
+    margin-bottom: var(--global--spacing-unit);
 }
 
@@ -5853 +4525 @@
 
 .comment-respond > *:last-child.comment-form {
-    margin-bottom: 30px;
+    margin-bottom: var(--global--spacing-vertical);
 }
 
@@ -5874 +4546 @@
 
 .comment-form .comment-notes {
-    font-size: 1.125rem;
+    font-size: var(--global--font-size-sm);
 }
 
@@ -5887 +4559 @@
     flex-grow: 1;
 }
-
 @media only screen and (max-width: 481px) {
+
     .comment-form .comment-form-author,
     .comment-form .comment-form-email {
@@ -5895 +4567 @@
 }
 
-.comment-form .comment-form-cookies-consent > label {
-    font-size: 1rem;
+.comment-form .comment-form-cookies-consent > label,
+.comment-form .comment-notes {
+    font-size: var(--global--font-size-xs);
     font-weight: normal;
 }
 
-.comment-form .comment-notes {
-    font-size: 1rem;
-    font-weight: normal;
-}
-
 .comment-form > p {
-    margin-bottom: 20px;
+    margin-bottom: var(--global--spacing-unit);
 }
 
@@ -5917 +4585 @@
 }
 
-.comment-form > p label {
-    display: block;
-    font-size: 1.125rem;
-    margin-bottom: 10px;
-    width: 100%;
-    font-weight: 500;
-}
-
-.comment-form > p input[type="email"] {
-    display: block;
-    font-size: 1.125rem;
-    margin-bottom: 10px;
-    width: 100%;
-    font-weight: 500;
-}
-
-.comment-form > p input[type="text"] {
-    display: block;
-    font-size: 1.125rem;
-    margin-bottom: 10px;
-    width: 100%;
-    font-weight: 500;
-}
-
-.comment-form > p input[type="url"] {
-    display: block;
-    font-size: 1.125rem;
-    margin-bottom: 10px;
-    width: 100%;
-    font-weight: 500;
-}
-
+.comment-form > p label,
+.comment-form > p input[type=email],
+.comment-form > p input[type=text],
+.comment-form > p input[type=url],
 .comment-form > p textarea {
     display: block;
-    font-size: 1.125rem;
-    margin-bottom: 10px;
+    font-size: var(--global--font-size-sm);
+    margin-bottom: calc(.5 * var(--global--spacing-unit));
     width: 100%;
-    font-weight: 500;
+    font-weight: var(--form--label-weight);
 }
 
@@ -5960 +4600 @@
     display: flex;
 }
-
 @media only screen and (min-width: 482px) {
+
     .comment-form > p.comment-form-author {
-        margin-right: 38px;
-    }
-    .comment-form > p.comment-notes, .comment-form > p.logged-in-as {
+        margin-right: calc(1.5 * var(--global--spacing-horizontal));
+    }
+
+    .comment-form > p.comment-notes,
+    .comment-form > p.logged-in-as {
         display: block;
     }
@@ -5975 +4617 @@
     position: absolute;
     right: 0;
-    padding-top: 15px;
-    padding-bottom: 8px;
+    padding-top: calc(0.5 * var(--global--spacing-vertical));
+    padding-bottom: calc(0.25 * var(--global--spacing-vertical));
 }
 
 .menu-button-container #primary-mobile-menu {
     margin-left: auto;
-    padding: 10px 25px;
-    margin-right: 10px;
-}
-
+    padding: calc(var(--button--padding-vertical) - (0.25 * var(--global--spacing-unit))) calc(0.5 * var(--button--padding-horizontal));
+}
 @media only screen and (max-width: 481px) {
+
     .menu-button-container {
         display: flex;
@@ -5993 +4634 @@
 .menu-button-container .button.button {
     display: flex;
-    font-size: 1rem;
-    font-weight: 500;
+    font-size: var(--primary-nav--font-size-button);
+    font-weight: var(--primary-nav--font-weight-button);
     background-color: transparent;
     border: none;
-    color: #28303d;
+    color: var(--primary-nav--color-link);
 }
 
@@ -6006 +4647 @@
 
 .menu-button-container .button.button .dropdown-icon .svg-icon {
-    margin-left: 5px;
+    margin-left: calc(0.25 * var(--global--spacing-unit));
 }
 
@@ -6018 +4659 @@
 }
 
-.menu-button-container .button.button[aria-expanded*="true"] .dropdown-icon.open {
+.menu-button-container .button.button[aria-expanded*=true] .dropdown-icon.open {
     display: none;
 }
 
-.menu-button-container .button.button[aria-expanded*="true"] .dropdown-icon.close {
+.menu-button-container .button.button[aria-expanded*=true] .dropdown-icon.close {
     display: flex;
 }
 
-.has-logo.has-title-and-tagline .menu-button-container .button.button[aria-expanded*="true"] .dropdown-icon.close {
+.has-logo.has-title-and-tagline .menu-button-container .button.button[aria-expanded*=true] .dropdown-icon.close {
     animation-name: twentytwentyone-close-button-transition;
     animation-duration: 0.3s;
@@ -6034 +4675 @@
     width: 100%;
     z-index: 500;
-    background-color: #d1e4dd;
+    background-color: var(--global--color-background);
 }
 
@@ -6043 +4684 @@
 .primary-navigation {
     position: absolute;
-    top: 0;
+    top: var(--global--admin-bar--height);
     right: 0;
-    color: #28303d;
-    font-size: 1.25rem;
+    color: var(--primary-nav--color-text);
+    font-size: var(--primary-nav--font-size);
     line-height: 1.15;
     margin-top: 0;
@@ -6060 +4701 @@
     bottom: 0;
     left: 0;
-    padding-top: calc(2rem + 47px);
-    padding-left: 20px;
-    padding-right: 20px;
-    padding-bottom: 25px;
-    background-color: #d1e4dd;
-    transition: all .15s ease-in-out;
-    transform: translateY(30px);
-}
-
+    padding-top: calc(var(--button--line-height) * var(--primary-nav--font-size-button) + 42px + 5px);
+    padding-left: var(--global--spacing-unit);
+    padding-right: var(--global--spacing-unit);
+    padding-bottom: var(--global--spacing-horizontal);
+    background-color: var(--global--color-background);
+    transition: all 0.15s ease-in-out;
+    transform: translateY(var(--global--spacing-vertical));
+}
 @media only screen and (max-width: 481px) {
+
     .primary-navigation > .primary-menu-container {
         height: 100vh;
@@ -6077 +4718 @@
         border: 2px solid transparent;
     }
+
     .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
         position: fixed;
         transform: translateY(0) translateX(100%);
     }
+
     .admin-bar .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
-        top: 32px;
-    }
-    @media only screen and (max-width: 782px){
-        .admin-bar .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container{
-        top: 46px;
-        }
-    }
+        top: var(--global--admin-bar--height);
+    }
+
     .admin-bar .primary-navigation > .primary-menu-container {
-        height: calc(100vh - 32px);
-    }
-    @media only screen and (max-width: 782px){
-        .admin-bar .primary-navigation > .primary-menu-container{
-        height: calc(100vh - 46px);
-        }
-    }
+        height: calc(100vh - var(--global--admin-bar--height));
+    }
+
     .primary-navigation > .primary-menu-container:focus {
-        border: 2px solid #28303d;
-    }
-}
-
+        border: 2px solid var(--global--color-primary);
+    }
+}
 @media only screen and (max-width: 481px) {
+
     .primary-navigation-open .primary-navigation {
         width: 100%;
@@ -6116 +4751 @@
     transform: translateY(0);
 }
-
 @media only screen and (max-width: 481px) {
+
     .primary-navigation-open .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
         transform: translateX(0) translateY(0);
     }
 }
-
 @media only screen and (min-width: 482px) {
+
     .primary-navigation {
         position: relative;
         margin-left: auto;
     }
+
     .primary-navigation > .primary-menu-container {
         visibility: visible;
@@ -6137 +4773 @@
         transform: none;
     }
+
     .primary-navigation #toggle-menu {
         display: none;
     }
-    .primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded="false"] ~ ul {
+
+    .primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded=false] ~ ul {
         display: none;
     }
+
     .admin-bar .primary-navigation {
         top: initial;
     }
+
     .admin-bar .primary-navigation > .primary-menu-container {
         top: initial;
@@ -6161 +4801 @@
     position: relative;
 }
-
 @media only screen and (max-width: 481px) {
+
+    .primary-navigation > div > .menu-wrapper {
+        padding-bottom: 100px;
+    }
+
     .primary-navigation > div > .menu-wrapper ul {
         padding-left: 0;
@@ -6173 +4817 @@
     width: 100%;
 }
-
 @media only screen and (min-width: 482px) {
+
     .primary-navigation > div > .menu-wrapper li {
         margin: 0;
         width: inherit;
     }
-    .primary-navigation > div > .menu-wrapper li:last-child {
+
+    .primary-navigation > div > .menu-wrapper li:last-child() {
         margin-right: 0;
     }
@@ -6186 +4831 @@
 .primary-navigation > div > .menu-wrapper .sub-menu-toggle {
     display: flex;
-    height: calc(27px + 1em);
+    height: calc(2 * var(--primary-nav--padding) + 1.15em + 1px);
     width: 44px;
     padding: 0;
@@ -6197 +4842 @@
 
 .primary-navigation > div > .menu-wrapper .sub-menu-toggle:focus {
-    outline: 2px solid #28303d;
-}
-
+    outline: 2px solid var(--wp--style--color--link, var(--global--color-primary));
+}
 @media only screen and (max-width: 481px) {
+
     .primary-navigation > div > .menu-wrapper .sub-menu-toggle {
         display: none;
@@ -6222 +4867 @@
 }
 
-.primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded="true"] .icon-minus {
+.primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded=true] .icon-minus {
     display: flex;
 }
 
-.primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded="true"] .icon-plus {
+.primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded=true] .icon-plus {
     display: none;
 }
@@ -6233 +4878 @@
     position: relative;
 }
-
 @media only screen and (min-width: 482px) {
+
     .primary-navigation > div > .menu-wrapper > li > .sub-menu {
         left: 0;
@@ -6245 +4890 @@
         z-index: 88888;
     }
-    .primary-navigation > div > .menu-wrapper > li > .sub-menu:before {
-        content: "";
-        display: block;
-        position: absolute;
-        width: 0;
-        top: -10px;
-        left: 25px;
-        border-style: solid;
-        border-color: #28303d transparent;
-        border-width: 0 7px 10px 7px;
-    }
+
+    .primary-navigation > div > .menu-wrapper > li > .sub-menu:before,
     .primary-navigation > div > .menu-wrapper > li > .sub-menu:after {
         content: "";
@@ -6262 +4898 @@
         width: 0;
         top: -10px;
-        left: 25px;
+        left: var(--global--spacing-horizontal);
         border-style: solid;
-        border-color: #28303d transparent;
+        border-color: var(--primary-nav--border-color) transparent;
         border-width: 0 7px 10px 7px;
     }
+
     .primary-navigation > div > .menu-wrapper > li > .sub-menu:after {
         top: -9px;
-        border-color: #d1e4dd transparent;
-    }
+        border-color: var(--global--color-background) transparent;
+    }
+
     .primary-navigation > div > .menu-wrapper > li > .sub-menu li {
-        background: #d1e4dd;
-    }
+        background: var(--global--color-background);
+    }
+
     .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left {
+
         /* rtl:ignore */
         left: 0;
+
         /* rtl:ignore */
         right: auto;
     }
-    .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:before {
+
+    .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:before,
+    .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:after {
+
         /* rtl:ignore */
-        left: 25px;
+        left: var(--global--spacing-horizontal);
+
         /* rtl:ignore */
         right: auto;
     }
-    .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:after {
-        /* rtl:ignore */
-        left: 25px;
-        /* rtl:ignore */
-        right: auto;
-    }
+
     .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right {
+
         /* rtl:ignore */
         right: 0;
+
         /* rtl:ignore */
         left: auto;
     }
-    .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:before {
+
+    .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:before,
+    .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:after {
+
         /* rtl:ignore */
         left: auto;
+
         /* rtl:ignore */
-        right: 25px;
-    }
-    .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:after {
-        /* rtl:ignore */
-        left: auto;
-        /* rtl:ignore */
-        right: 25px;
+        right: var(--global--spacing-horizontal);
     }
 }
 
 .primary-navigation .primary-menu > .menu-item:hover > a {
-    color: #28303d;
-}
-
+    color: var(--primary-nav--color-link-hover);
+}
 @media only screen and (min-width: 482px) {
+
     .primary-navigation .primary-menu-container {
-        margin-right: -13px;
-        margin-left: -13px;
-    }
+        margin-right: calc(0px - var(--primary-nav--padding));
+        margin-left: calc(0px - var(--primary-nav--padding));
+    }
+
     .primary-navigation .primary-menu-container > ul > .menu-item {
         display: flex;
     }
+
     .primary-navigation .primary-menu-container > ul > .menu-item > a {
-        padding-left: 13px;
-        padding-right: 13px;
-    }
+        padding-left: var(--primary-nav--padding);
+        padding-right: var(--primary-nav--padding);
+    }
+
     .primary-navigation .primary-menu-container > ul > .menu-item > a + .sub-menu-toggle {
-        margin-left: -13px;
+        margin-left: calc(0px - var(--primary-nav--padding));
     }
 }
@@ -6335 +4978 @@
 .primary-navigation a {
     display: block;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-size: 1.125rem;
-    font-weight: normal;
-    padding: 13px 0;
+    font-family: var(--primary-nav--font-family-mobile);
+    font-size: var(--primary-nav--font-size-mobile);
+    font-weight: var(--primary-nav--font-weight);
+    padding: var(--primary-nav--padding) 0;
     text-decoration: none;
 }
-
 @media only screen and (min-width: 482px) {
+
     .primary-navigation a {
         display: block;
-        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-        font-size: 1.25rem;
-        font-weight: normal;
+        font-family: var(--primary-nav--font-family);
+        font-size: var(--primary-nav--font-size);
+        font-weight: var(--primary-nav--font-weight);
     }
 }
 
 .primary-navigation a + svg {
-    fill: #28303d;
-}
-
-.primary-navigation a:hover {
-    color: #28303d;
-}
-
-.primary-navigation a:link {
-    color: #28303d;
-}
-
+    fill: var(--primary-nav--color-text);
+}
+
+.primary-navigation a:hover,
+.primary-navigation a:link,
 .primary-navigation a:visited {
-    color: #28303d;
+    color: var(--primary-nav--color-link-hover);
 }
 
@@ -6394 +5031 @@
     padding: 0;
     list-style: none;
-    margin-left: 13px;
-    border: 1px solid #28303d;
+    margin-left: var(--primary-nav--padding);
+    border: 1px solid var(--primary-nav--border-color);
 }
 
@@ -6401 +5038 @@
     border: none;
 }
-
 @media only screen and (min-width: 482px) {
+
     .primary-navigation .sub-menu > .menu-item > .sub-menu {
         padding: 0;
     }
 }
-
 @media only screen and (max-width: 481px) {
-    .primary-navigation .sub-menu .menu-item:last-child {
+
+    .primary-navigation .sub-menu .menu-item:last-child() {
         margin-bottom: 0;
     }
@@ -6415 +5052 @@
 
 .primary-navigation .sub-menu .menu-item > a {
-    padding: 17px 13px;
+    padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding);
     display: block;
-    font-size: 1.125rem;
-    font-style: normal;
-}
-
+    font-size: var(--primary-nav--font-size-sub-menu-mobile);
+    font-style: var(--primary-nav--font-style-sub-menu-mobile);
+}
 @media only screen and (min-width: 482px) {
+
     .primary-navigation .sub-menu .menu-item > a {
-        font-size: 1rem;
-        font-style: normal;
+        font-size: var(--primary-nav--font-size-sub-menu);
+        font-style: var(--primary-nav--font-style);
     }
 }
@@ -6431 +5068 @@
     display: none;
 }
-
 @media only screen and (min-width: 482px) {
+
     .primary-navigation .menu-item-has-children > .svg-icon {
         display: inline-block;
         height: 100%;
     }
+
     .primary-navigation .menu-item-has-children .sub-menu .svg-icon {
         display: none;
@@ -6445 +5083 @@
     display: block;
     clear: both;
-    font-size: 1rem;
+    font-size: var(--global--font-size-xs);
     text-transform: none;
     line-height: 1.7;
@@ -6455 +5093 @@
 
 @media only screen and (max-width: 481px) {
+
     .lock-scrolling .site {
         position: fixed;
@@ -6461 +5100 @@
     }
 }
-
 @keyframes twentytwentyone-close-button-transition {
+
     from {
         opacity: 0;
     }
+
     to {
         opacity: 1;
@@ -6472 +5112 @@
 
 .footer-navigation {
-    margin-top: 60px;
-    margin-bottom: 30px;
-    color: #28303d;
-    font-size: 1rem;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    margin-top: calc(2 * var(--global--spacing-vertical));
+    margin-bottom: var(--global--spacing-vertical);
+    color: var(--footer--color-text);
+    font-size: var(--global--font-size-xs);
+    font-family: var(--footer--font-family);
 }
 
@@ -6493 +5133 @@
 
 .footer-navigation-wrapper li a {
-    padding: 17px 13px;
+    padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding);
     transition: transform 0.1s ease;
-    color: #28303d;
-}
-
-.footer-navigation-wrapper li a:link {
-    color: #28303d;
-}
-
-.footer-navigation-wrapper li a:visited {
-    color: #28303d;
-}
-
+    color: var(--footer--color-link);
+}
+
+.footer-navigation-wrapper li a:link,
+.footer-navigation-wrapper li a:visited,
 .footer-navigation-wrapper li a:active {
-    color: #28303d;
+    color: var(--footer--color-link);
 }
 
@@ -6514 +5148 @@
     text-decoration-style: dotted;
     text-decoration-skip-ink: none;
-    color: #28303d;
+    color: var(--footer--color-link-hover);
+}
+
+.is-dark-theme .footer-navigation-wrapper li a:focus .svg-icon {
+    fill: var(--wp--style--color--link, var(--global--color-background));
 }
 
 .footer-navigation-wrapper li .svg-icon {
     vertical-align: middle;
-    fill: #28303d;
+    fill: var(--footer--color-link);
 }
 
@@ -6533 +5171 @@
 /* Next/Previous navigation */
 .navigation {
-    color: #28303d;
+    color: var(--global--color-primary);
 }
 
 .navigation a {
-    color: #28303d;
+    color: var(--global--color-primary);
     text-decoration: none;
 }
 
 .navigation a:hover {
-    color: #28303d;
+    color: var(--global--color-primary-hover);
     text-decoration: underline;
 }
 
 .navigation a:focus {
-    color: #39414d;
+    color: var(--global--color-secondary);
 }
 
 .navigation a:active {
-    color: #28303d;
+    color: var(--global--color-primary);
 }
 
@@ -6568 +5206 @@
     text-align: center;
 }
-
 @media only screen and (min-width: 592px) {
+
     .navigation .nav-links {
         display: flex;
@@ -6575 +5213 @@
         flex-wrap: wrap;
     }
-    .navigation .nav-links .nav-next {
-        flex: 0 1 auto;
-        margin-bottom: inherit;
-        margin-top: inherit;
-        max-width: calc(50% - 10px);
-    }
+
+    .navigation .nav-links .nav-next,
     .navigation .nav-links .nav-previous {
         flex: 0 1 auto;
         margin-bottom: inherit;
         margin-top: inherit;
-        max-width: calc(50% - 10px);
-    }
+        max-width: calc(50% - (0.5 * var(--global--spacing-unit)));
+    }
+
     .navigation .nav-links .nav-next {
         text-align: right;
@@ -6599 +5234 @@
 }
 
-.navigation .nav-previous .svg-icon {
-    top: -2px;
-    margin-right: 5px;
-}
-
+.navigation .nav-previous .svg-icon,
 .navigation .prev .svg-icon {
     top: -2px;
-    margin-right: 5px;
-}
-
-.navigation .nav-next .svg-icon {
-    top: -1px;
-    margin-left: 5px;
-}
-
+    margin-right: calc(0.25 * var(--global--spacing-unit));
+}
+
+.navigation .nav-next .svg-icon,
 .navigation .next .svg-icon {
     top: -1px;
-    margin-left: 5px;
+    margin-left: calc(0.25 * var(--global--spacing-unit));
 }
 
 .post-navigation {
-    margin: 30px auto;
-}
-
+    margin: var(--global--spacing-vertical) auto;
+}
 @media only screen and (min-width: 822px) {
+
     .post-navigation {
-        margin: 30px auto;
+        margin: var(--global--spacing-vertical) auto;
     }
 }
 
 .post-navigation .meta-nav {
-    line-height: 1.7;
-    color: #28303d;
+    line-height: var(--global--line-height-body);
+    color: var(--global--color-primary);
 }
 
 .post-navigation .post-title {
     display: inline-block;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-size: 1.5rem;
-    font-weight: 600;
-    line-height: 1.3;
-}
-
+    font-family: var(--global--font-primary);
+    font-size: var(--global--font-size-lg);
+    font-weight: var(--pagination--font-weight-strong);
+    line-height: var(--global--line-height-heading);
+}
 @media only screen and (min-width: 822px) {
+
     .post-navigation .post-title {
-        margin: 5px 29px 0;
-    }
-}
-
+        margin: 5px calc(24px + (0.25 * var(--global--spacing-unit))) 0;
+    }
+}
 @media only screen and (min-width: 482px) {
+
     .post-navigation .nav-links {
         justify-content: space-between;
@@ -6654 +5281 @@
 }
 
-.post-navigation .nav-next {
-    margin-top: 30px;
-    margin-bottom: 30px;
-}
-
+.post-navigation .nav-next,
 .post-navigation .nav-previous {
-    margin-top: 30px;
-    margin-bottom: 30px;
+    margin-top: var(--global--spacing-vertical);
+    margin-bottom: var(--global--spacing-vertical);
 }
 
@@ -6680 +5303 @@
 }
 
-.pagination {
-    border-top: 3px solid #28303d;
-    padding-top: 30px;
-    margin: 30px auto;
-}
-
+.pagination,
 .comments-pagination {
-    border-top: 3px solid #28303d;
-    padding-top: 30px;
-    margin: 30px auto;
-}
-
+    border-top: 3px solid var(--global--color-border);
+    padding-top: var(--global--spacing-vertical);
+    margin: var(--global--spacing-vertical) auto;
+}
 @media only screen and (min-width: 822px) {
-    .pagination {
-        margin: 30px auto;
-    }
+
+    .pagination,
     .comments-pagination {
-        margin: 30px auto;
-    }
-}
-
-.pagination .nav-links {
-    margin-top: -30px;
-}
-
+        margin: var(--global--spacing-vertical) auto;
+    }
+}
+
+.pagination .nav-links,
 .comments-pagination .nav-links {
-    margin-top: -30px;
-}
-
-.pagination .nav-links > * {
-    color: #28303d;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-size: 1.5rem;
-    font-weight: normal;
-    margin-top: 30px;
-    margin-left: 13px;
-    margin-right: 13px;
-}
-
+    margin-top: calc(-1 * var(--global--spacing-vertical));
+}
+
+.pagination .nav-links a:hover,
+.comments-pagination .nav-links a:hover {
+    color: var(--pagination--color-link-hover);
+}
+
+.pagination .nav-links > *,
 .comments-pagination .nav-links > * {
-    color: #28303d;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-size: 1.5rem;
-    font-weight: normal;
-    margin-top: 30px;
-    margin-left: 13px;
-    margin-right: 13px;
-}
-
-.pagination .nav-links > *.current {
-    border-bottom: 1px solid #28303d;
-}
-
+    color: var(--pagination--color-text);
+    font-family: var(--pagination--font-family);
+    font-size: var(--pagination--font-size);
+    font-weight: var(--pagination--font-weight);
+    margin-top: var(--global--spacing-vertical);
+    margin-left: calc(0.66 * var(--global--spacing-unit));
+    margin-right: calc(0.66 * var(--global--spacing-unit));
+}
+
+.pagination .nav-links > *.current,
 .comments-pagination .nav-links > *.current {
-    border-bottom: 1px solid #28303d;
+    border-bottom: 1px solid var(--pagination--color-text);
 }
 
@@ -6742 +5348 @@
 }
 
-.pagination .nav-links > *a:hover {
-    color: #28303d;
-}
-
-.comments-pagination .nav-links > *a:hover {
-    color: #28303d;
-}
-
 .pagination .nav-links > *:last-child,
 .comments-pagination .nav-links > *:last-child {
@@ -6764 +5362 @@
     margin-right: auto;
 }
-
 @media only screen and (max-width: 821px) {
+
     .pagination .nav-links,
     .comments-pagination .nav-links {
@@ -6771 +5369 @@
         flex-wrap: wrap;
     }
+
     .pagination .page-numbers,
     .comments-pagination .page-numbers {
         display: none;
     }
-    .pagination .page-numbers.prev, .pagination .page-numbers.next,
+
+    .pagination .page-numbers.prev,
+    .pagination .page-numbers.next,
     .comments-pagination .page-numbers.prev,
     .comments-pagination .page-numbers.next {
@@ -6782 +5383 @@
     }
 }
+@media only screen and (max-width: 481px) {
+
+    .pagination .nav-short,
+    .comments-pagination .nav-short {
+        display: none;
+    }
+}
 
 .comments-pagination {
-    padding-top: 20px;
-    margin: 90px auto;
-}
-
+    padding-top: calc(0.66 * var(--global--spacing-vertical));
+    margin: calc(3 * var(--global--spacing-vertical)) auto;
+}
 @media only screen and (min-width: 822px) {
+
     .comments-pagination {
-        margin: 90px auto 120px auto;
+        margin: calc(3 * var(--global--spacing-vertical)) auto calc(4 * var(--global--spacing-vertical)) auto;
     }
 }
 
 .comments-pagination .nav-links > * {
-    font-size: 1.25rem;
+    font-size: var(--global--font-size-md);
 }
 
 .widget-area {
-    margin-top: 180px;
-    padding-bottom: 10px;
-    color: #28303d;
-    font-size: 1.125rem;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-}
-
+    margin-top: calc(6 * var(--global--spacing-vertical));
+    padding-bottom: calc(var(--global--spacing-vertical) / 3);
+    color: var(--footer--color-text);
+    font-size: var(--footer--font-size);
+    font-family: var(--footer--font-family);
+}
 @media only screen and (min-width: 652px) {
+
     .widget-area {
         display: grid;
         grid-template-columns: repeat(2, 1fr);
-        column-gap: 50px;
-    }
-}
-
+        column-gap: calc(2 * var(--global--spacing-horizontal));
+    }
+}
 @media only screen and (min-width: 1024px) {
+
     .widget-area {
         grid-template-columns: repeat(3, 1fr);
@@ -6826 +5434 @@
 
 .widget-area ul li {
-    line-height: 1.9;
-}
-
-.widget-area ul.sub-menu {
-    margin-left: 13px;
-}
-
+    line-height: var(--widget--line-height-list);
+}
+
+.widget-area ul.sub-menu,
 .widget-area ul.children {
-    margin-left: 13px;
+    margin-left: var(--widget--spacing-menu);
 }
 
@@ -6842 +5447 @@
 
 .widget-area a {
-    color: #28303d;
+    color: var(--footer--color-link);
     text-decoration: underline;
     text-decoration-style: solid;
@@ -6848 +5453 @@
 }
 
-.widget-area a:link {
-    color: #28303d;
-}
-
-.widget-area a:visited {
-    color: #28303d;
-}
-
+.widget-area a:link,
+.widget-area a:visited,
 .widget-area a:active {
-    color: #28303d;
+    color: var(--footer--color-link);
 }
 
 .widget-area a:hover {
-    color: #28303d;
+    color: var(--footer--color-link-hover);
     text-decoration-style: dotted;
 }
 
 .widget-area .wp-block-social-links.alignright {
-    margin-top: 30px;
+    margin-top: var(--global--spacing-vertical);
     justify-content: flex-end;
 }
 
 .widget-area .wp-block-social-links.alignleft {
-    margin-top: 30px;
+    margin-top: var(--global--spacing-vertical);
 }
 
@@ -6881 +5480 @@
 
 .widget-title {
-    font-size: 1.125rem;
-    font-weight: 700;
-    line-height: 1.4;
+    font-size: var(--global--font-size-sm);
+    font-weight: var(--widget--font-weight-title);
+    line-height: var(--widget--line-height-title);
 }
 
@@ -6890 +5489 @@
     flex-wrap: wrap;
     margin: auto;
-    max-width: calc(100vw - 30px);
-}
-
-@media only screen and (min-width: 482px){
-    .search-form{
-    max-width: min(calc(100vw - 100px), 610px);
-    }
-}
-
-@media only screen and (min-width: 822px){
-    .search-form{
-    max-width: min(calc(100vw - 200px), 610px);
-    }
+    max-width: var(--responsive--aligndefault-width);
 }
 
@@ -6908 +5495 @@
     width: 100%;
     margin-bottom: 0;
-    font-weight: 500;
+    font-weight: var(--form--label-weight);
 }
 
@@ -6914 +5501 @@
     flex-grow: 1;
     max-width: inherit;
-    margin-top: 10px;
-    margin-right: 17px;
+    margin-top: calc(var(--global--spacing-vertical) / 3);
+    margin-right: calc(0.66 * var(--global--spacing-horizontal));
 }
 
 .search-form .search-submit {
-    margin-top: 10px;
+    margin-top: calc(var(--global--spacing-vertical) / 3);
     margin-left: 10px;
 }
 
 .widget_search > .search-form .search-field {
-    margin-right: -3px;
+    margin-right: calc(-1 * var(--button--border-width));
     -webkit-appearance: none;
-    margin-bottom: 15px;
+    margin-bottom: calc(0.5 * var(--global--spacing-vertical));
 }
 
@@ -6932 +5519 @@
     margin-left: 0;
     background-color: transparent;
-    color: #39414d;
-    margin-bottom: 15px;
+    color: var(--button--color-text-hover);
+    margin-bottom: calc(0.5 * var(--global--spacing-vertical));
 }
 
 .widget_search > .search-form .search-submit:hover {
-    background-color: #39414d;
-    color: #d1e4dd;
+    background-color: var(--button--color-background);
+    color: var(--button--color-text);
 }
 
@@ -6988 +5575 @@
 
 @media (prefers-reduced-motion) {
+
     * {
         transition-delay: 0s !important;
@@ -6995 +5583 @@
 
 .has-black-color[class] {
-    color: #000;
+    color: var(--global--color-black);
 }
 
 .has-gray-color[class] {
-    color: #39414d;
+    color: var(--global--color-gray);
 }
 
 .has-dark-gray-color[class] {
-    color: #28303d;
+    color: var(--global--color-dark-gray);
 }
 
 .has-green-color[class] {
-    color: #d1e4dd;
+    color: var(--global--color-green);
 }
 
 .has-blue-color[class] {
-    color: #d1dfe4;
+    color: var(--global--color-blue);
 }
 
 .has-purple-color[class] {
-    color: #d1d1e4;
+    color: var(--global--color-purple);
 }
 
 .has-red-color[class] {
-    color: #e4d1d1;
+    color: var(--global--color-red);
 }
 
 .has-orange-color[class] {
-    color: #e4dad1;
+    color: var(--global--color-orange);
 }
 
 .has-yellow-color[class] {
-    color: #eeeadd;
+    color: var(--global--color-yellow);
 }
 
 .has-white-color[class] {
-    color: #fff;
+    color: var(--global--color-white);
 }
 
@@ -7046 +5634 @@
 
 .has-black-background-color[class] {
-    background-color: #000;
+    background-color: var(--global--color-black);
 }
 
 .has-gray-background-color[class] {
-    background-color: #39414d;
+    background-color: var(--global--color-gray);
 }
 
 .has-dark-gray-background-color[class] {
-    background-color: #28303d;
+    background-color: var(--global--color-dark-gray);
 }
 
 .has-green-background-color[class] {
-    background-color: #d1e4dd;
+    background-color: var(--global--color-green);
 }
 
 .has-blue-background-color[class] {
-    background-color: #d1dfe4;
+    background-color: var(--global--color-blue);
 }
 
 .has-purple-background-color[class] {
-    background-color: #d1d1e4;
+    background-color: var(--global--color-purple);
 }
 
 .has-red-background-color[class] {
-    background-color: #e4d1d1;
+    background-color: var(--global--color-red);
 }
 
 .has-orange-background-color[class] {
-    background-color: #e4dad1;
+    background-color: var(--global--color-orange);
 }
 
 .has-yellow-background-color[class] {
-    background-color: #eeeadd;
+    background-color: var(--global--color-yellow);
 }
 
 .has-white-background-color[class] {
-    background-color: #fff;
-}
-
-:not(.has-text-color).has-black-background-color[class] {
-    color: #fff;
-}
-
-:not(.has-text-color).has-gray-background-color[class] {
-    color: #fff;
-}
-
+    background-color: var(--global--color-white);
+}
+
+:not(.has-text-color).has-black-background-color[class],
+:not(.has-text-color).has-gray-background-color[class],
 :not(.has-text-color).has-dark-gray-background-color[class] {
-    color: #fff;
-}
-
-:not(.has-text-color).has-green-background-color[class] {
-    color: #28303d;
-}
-
-:not(.has-text-color).has-blue-background-color[class] {
-    color: #28303d;
-}
-
-:not(.has-text-color).has-purple-background-color[class] {
-    color: #28303d;
-}
-
-:not(.has-text-color).has-red-background-color[class] {
-    color: #28303d;
-}
-
-:not(.has-text-color).has-orange-background-color[class] {
-    color: #28303d;
-}
-
-:not(.has-text-color).has-yellow-background-color[class] {
-    color: #28303d;
-}
-
+    color: var(--global--color-white);
+}
+
+:not(.has-text-color).has-green-background-color[class],
+:not(.has-text-color).has-blue-background-color[class],
+:not(.has-text-color).has-purple-background-color[class],
+:not(.has-text-color).has-red-background-color[class],
+:not(.has-text-color).has-orange-background-color[class],
+:not(.has-text-color).has-yellow-background-color[class],
 :not(.has-text-color).has-white-background-color[class] {
-    color: #28303d;
+    color: var(--global--color-dark-gray);
 }
 
 .has-purple-to-yellow-gradient-background {
-    background: linear-gradient(160deg, #d1d1e4, #eeeadd);
+    background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-yellow));
 }
 
 .has-yellow-to-purple-gradient-background {
-    background: linear-gradient(160deg, #eeeadd, #d1d1e4);
+    background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-purple));
 }
 
 .has-green-to-yellow-gradient-background {
-    background: linear-gradient(160deg, #d1e4dd, #eeeadd);
+    background: linear-gradient(160deg, var(--global--color-green), var(--global--color-yellow));
 }
 
 .has-yellow-to-green-gradient-background {
-    background: linear-gradient(160deg, #eeeadd, #d1e4dd);
+    background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-green));
 }
 
 .has-red-to-yellow-gradient-background {
-    background: linear-gradient(160deg, #e4d1d1, #eeeadd);
+    background: linear-gradient(160deg, var(--global--color-red), var(--global--color-yellow));
 }
 
 .has-yellow-to-red-gradient-background {
-    background: linear-gradient(160deg, #eeeadd, #e4d1d1);
+    background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-red));
 }
 
 .has-purple-to-red-gradient-background {
-    background: linear-gradient(160deg, #d1d1e4, #e4d1d1);
+    background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-red));
 }
 
 .has-red-to-purple-gradient-background {
-    background: linear-gradient(160deg, #e4d1d1, #d1d1e4);
-}
-
-header * {
-    max-width: unset;
-}
-
-main * {
-    max-width: unset;
-}
-
+    background: linear-gradient(160deg, var(--global--color-red), var(--global--color-purple));
+}
+
+header *,
+main *,
 footer * {
-    max-width: unset;
+    max-width: var(--global--spacing-measure);
 }
 
@@ -7183 +5741 @@
 }
 
-.is-IE.has-background-dark {
+.is-IE.is-dark-theme {
     color: #fff;
 }
 
-.is-IE.has-background-dark *,
-.is-IE.has-background-dark a,
-.is-IE.has-background-dark .site-description,
-.is-IE.has-background-dark .entry-title,
-.is-IE.has-background-dark .entry-footer,
-.is-IE.has-background-dark .widget-area,
-.is-IE.has-background-dark .post-navigation .meta-nav,
-.is-IE.has-background-dark .footer-navigation-wrapper li a:link,
-.is-IE.has-background-dark .site-footer > .site-info,
-.is-IE.has-background-dark .site-footer > .site-info a,
-.is-IE.has-background-dark .site-footer > .site-info a:visited {
+.is-IE.is-dark-theme *,
+.is-IE.is-dark-theme a,
+.is-IE.is-dark-theme .site-description,
+.is-IE.is-dark-theme .entry-title,
+.is-IE.is-dark-theme .entry-footer,
+.is-IE.is-dark-theme .widget-area,
+.is-IE.is-dark-theme .post-navigation .meta-nav,
+.is-IE.is-dark-theme .footer-navigation-wrapper li a:link,
+.is-IE.is-dark-theme .site-footer > .site-info,
+.is-IE.is-dark-theme .site-footer > .site-info a,
+.is-IE.is-dark-theme .site-footer > .site-info a:visited {
     color: #fff;
 }
 
-.is-IE.has-background-dark .sub-menu-toggle svg,
-.is-IE.has-background-dark .sub-menu-toggle path,
-.is-IE.has-background-dark .post-navigation .meta-nav svg,
-.is-IE.has-background-dark .post-navigation .meta-nav path {
+.is-IE.is-dark-theme .sub-menu-toggle svg,
+.is-IE.is-dark-theme .sub-menu-toggle path,
+.is-IE.is-dark-theme .post-navigation .meta-nav svg,
+.is-IE.is-dark-theme .post-navigation .meta-nav path {
     fill: #fff;
 }
 
-.is-IE.has-background-dark .primary-navigation > div > .menu-wrapper > li > .sub-menu li {
+.is-IE.is-dark-theme .primary-navigation > div > .menu-wrapper > li > .sub-menu li {
     background: #000;
 }
-
 @media only screen and (max-width: 481px) {
-    .is-IE.has-background-dark.primary-navigation-open .primary-navigation > .primary-menu-container,
-    .is-IE.has-background-dark.primary-navigation-open .menu-button-container {
+
+    .is-IE.is-dark-theme.primary-navigation-open .primary-navigation > .primary-menu-container,
+    .is-IE.is-dark-theme.primary-navigation-open .menu-button-container {
         background-color: #000;
     }
 }
 
-.is-IE.has-background-dark .skip-link:focus {
+.is-IE.is-dark-theme .skip-link:focus {
     color: #21759b;
 }
@@ -7230 +5788 @@
     min-width: auto;
 }
-/*# sourceMappingURL=ie.css.map */

trunk/src/wp-content/themes/twentytwentyone/assets/css/print.css

@@ -3 +3 @@
 Andreas Hecht in https://www.jotform.com/blog/css-perfect-print-stylesheet-98272/.
 */
+
 /*--------------------------------------------------------------
 >>> TABLE OF CONTENTS:
 ----------------------------------------------------------------
-# Margins
+# Margins & paddings
 # Typography
 # Page breaks
@@ -13 +14 @@
 --------------------------------------------------------------*/
 @media print {
-    /* Margins */
+
+    /* Margins & paddings */
     @page {
         margin: 2cm;
     }
-    .entry {
-        margin-top: 1em;
+
+    .entry .entry-header,
+    .entry,
+    .single .site-main > article > .entry-footer {
+        margin-top: 0;
+        margin-bottom: 0;
     }
-    .entry .entry-header,
+
     .site-footer .site-info {
         margin: 0;
     }
+
+    .site-header {
+        padding: 0;
+    }
+
     /* Fonts */
     body {
@@ -32 +43 @@
         color: #000;
     }
-    h1 {
-        font-size: 24pt;
+
+    .has-background-dark * {
+        color: #000 !important;
     }
+
+    h1,
+    .entry-title,
+    .singular .entry-title,
+    .page-title {
+        font-size: 22pt;
+        font-weight: bold;
+    }
+
     h2,
     h3,
@@ -42 +63 @@
     h2.author-title,
     p.author-bio,
-    .comments-title {
+    .comments-title,
+    .archive-description {
         font-size: 14pt;
         margin-top: 25px;
     }
+
+    .comment-meta,
+    .comment-meta .comment-author .fn {
+        font-size: 13pt;
+    }
+
     /* Page breaks */
     a {
         page-break-inside: avoid;
     }
+
     blockquote {
         page-break-inside: avoid;
     }
+
     h1,
     h2,
@@ -62 +92 @@
         page-break-inside: avoid;
     }
+
     img {
         page-break-inside: avoid;
         page-break-after: avoid;
     }
+
     table,
-    pre {
+    pre,
+    figure {
         page-break-inside: avoid;
     }
+
     ul,
     ol,
@@ -75 +109 @@
         page-break-before: avoid;
     }
+
     /* Links */
     a:link,
@@ -84 +119 @@
         text-align: left;
     }
-    a[href^="http"]:after {
+
+    a[href^=http]:after {
         content: " < " attr(href) "> ";
     }
+
     a:after > img {
         content: "";
     }
+
     article a[href^="#"]:after {
         content: "";
     }
+
     a:not(:local-link):after {
         content: " < " attr(href) "> ";
     }
+
+    .entry-title a:after {
+        content: "\a< " attr(href) "> ";
+        white-space: pre;
+        font-size: 14pt;
+    }
+
+    .cat-links a:after,
+    .tags-links a:after,
+    .byline a:after,
+    .comment-metadata a:after,
+    .wp-block-calendar a:after,
+    .wp-block-tag-cloud a:after,
+    .page-links a:after {
+        content: "";
+    }
+
     /* Visibility */
     .primary-navigation,
     .site-title + .primary-navigation,
-    .site-branding-container:before,
-    .entry .entry-title:before,
+    .footer-navigation,
     .entry-footer,
-    .author-description:before,
     .post-navigation,
+    .navigation.pagination,
     .widget-area,
-    .comment-form-flex,
+    .edit-link,
+    .more-link,
     .comment-reply,
-    .comment .comment-metadata .edit-link {
-        display: none;
+    .reply,
+    .comment .comment-metadata .edit-link,
+    .comment-respond,
+    #dark-mode-toggler {
+        display: none !important;
     }
+
     .entry .entry-content .wp-block-button .wp-block-button__link,
-    .entry .entry-content .button {
+    .entry .entry-content .button,
+    .entry .entry-content .wp-block-file__button {
         color: #000;
         background: none;
     }
-    /* Site Header (With Featured Image) */
-    .site-header.featured-image {
-        min-height: 0;
-    }
-    .site-header.featured-image .primary-navigation a,
-    .site-header.featured-image .primary-navigation a + svg,
-    .site-header.featured-image .site-title a,
-    .site-header.featured-image .site-featured-image a,
-    .site-header.featured-image .site-branding .site-title,
-    .site-header.featured-image .site-branding .site-description,
-    .site-header.featured-image .primary-navigation a:after,
-    .site-header.featured-image .primary-navigation .menu-wrapper > li.menu-item-has-children:after,
-    .site-header.featured-image .primary-navigation li,
-    .site-header.featured-image .entry-title,
-    .site-header.featured-image#masthead .site-title a {
-        color: #000;
-        text-shadow: none;
-    }
-    .site-header.featured-image .site-featured-image .entry-header,
-    .site-header.featured-image .site-branding-container {
-        margin-top: 0;
-        margin-bottom: 0;
-    }
-    .site-header.featured-image .site-featured-image .post-thumbnail img {
-        position: relative;
-        height: initial;
-        width: initial;
-        object-fit: none;
-        min-width: 0;
-        min-height: 0;
-        max-width: 100%;
-        margin-top: 1rem;
-    }
-    /* Remove image filters from featured image */
-    .image-filters-enabled *:after {
-        display: none !important;
-    }
-    .image-filters-enabled .site-header.featured-image .site-featured-image:before {
-        display: none;
-    }
-    .image-filters-enabled .site-header.featured-image .site-featured-image .post-thumbnail img {
-        filter: none;
-    }
 }
-
-/*# sourceMappingURL=print.css.map */

trunk/src/wp-content/themes/twentytwentyone/assets/css/style-dark-mode.css

@@ -1 +1 @@
 /* OS dark theme preference */
-html.is-dark-mode {
-    --global--color-background: var(--global--color-dark-gray);
-    --global--color-primary: var(--global--color-light-gray);
-    --global--color-secondary: var(--global--color-light-gray);
-    --button--color-text: var(--global--color-background);
-    --button--color-text-hover: var(--global--color-secondary);
-    --button--color-text-active: var(--global--color-secondary);
-    --button--color-background: var(--global--color-secondary);
-    --button--color-background-active: var(--global--color-background);
+@media only screen {
+
+    .is-dark-theme.is-dark-theme {
+        --global--color-background: var(--global--color-dark-gray);
+        --global--color-primary: var(--global--color-light-gray);
+        --global--color-secondary: var(--global--color-light-gray);
+        --button--color-text: var(--global--color-background);
+        --button--color-text-hover: var(--global--color-secondary);
+        --button--color-text-active: var(--global--color-secondary);
+        --button--color-background: var(--global--color-secondary);
+        --button--color-background-active: var(--global--color-background);
+        --global--color-border: #ffffff8c;
+    }
+
+    .is-dark-theme.is-dark-theme .site a:focus,
+    .is-dark-theme.is-dark-theme .site a:focus .meta-nav {
+        background: #000;
+        color: #fff;
+        text-decoration: none;
+    }
+
+    .is-dark-theme.is-dark-theme img {
+        filter: brightness(0.85) contrast(1.1);
+    }
+
+    .respect-color-scheme-preference.is-dark-theme body {
+        background-color: var(--global--color-background);
+    }
+
+    #dark-mode-toggler {
+        cursor: pointer;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: var(--global--font-size-xs);
+        padding: 0.5em;
+        min-height: 44px;
+        min-width: max-content;
+        border: 2px solid currentColor;
+        box-shadow: none;
+        background: var(--button--color-text);
+        color: var(--button--color-background);
+        z-index: 9998;
+    }
+
+    .no-js #dark-mode-toggler {
+        display: none;
+    }
+
+    .wp-admin #dark-mode-toggler {
+        display: none;
+    }
+
+    #dark-mode-toggler.fixed-bottom {
+        position: fixed;
+        bottom: 5px;
+        right: 5px;
+        transition: bottom 0.5s;
+    }
+
+    #dark-mode-toggler.fixed-bottom.hide:not(:focus) {
+        bottom: -80px;
+    }
+
+    #dark-mode-toggler.relative {
+        position: absolute;
+        height: 44px;
+        top: calc(2.4 * var(--global--spacing-vertical) - 44px);
+        right: calc(50vw - var(--responsive--alignwide-width) / 2 - 0.5em);
+    }
+
+    .admin-bar #dark-mode-toggler.relative {
+        top: calc(2.4 * var(--global--spacing-vertical) - 44px + 32px);
+    }
 }
+@media only screen and (max-width: 782px) {
 
-html.is-dark-mode body {
-    background-color: var(--global--color-background);
-}
-
-html.is-dark-mode .site a:focus {
-    background: #000;
-}
-
-html.is-dark-mode img {
-    filter: brightness(0.85) contrast(1.1);
-}
-
-#dark-mode-toggler {
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-size: var(--global--font-size-xs);
-    padding: 0.5em;
-    min-height: 44px;
-    min-width: max-content;
-    border: 2px solid currentColor;
-    box-shadow: none;
-    background: var(--button--color-text);
-    color: var(--button--color-background);
-    z-index: 9998;
-}
-
-.wp-admin #dark-mode-toggler {
-    z-index: 99999;
-    /* Necessary for the editor. */
-}
-
-#dark-mode-toggler.fixed-bottom {
-    position: fixed;
-    bottom: 5px;
-    right: 5px;
-}
-
-#dark-mode-toggler.relative {
-    position: absolute;
-    height: 44px;
-    top: calc(2.4 * var(--global--spacing-vertical) - 44px);
-    right: calc(50vw - var(--responsive--alignwide-width) / 2 - 0.5em);
-}
-
-.admin-bar #dark-mode-toggler.relative {
-    top: calc(2.4 * var(--global--spacing-vertical) - 44px + 32px);
-}
-
-@media only screen and (max-width: 782px) {
     .admin-bar #dark-mode-toggler.relative {
         top: calc(2.4 * var(--global--spacing-vertical) - 44px + 46px);
     }
 }
+@media only screen and (max-width: 481px) {
 
-@media only screen and (max-width: 481px) {
     .admin-bar #dark-mode-toggler.relative {
         top: calc(2.4 * var(--global--spacing-vertical) - 44px + 26px);
     }
 }
+@media only screen and (max-width: 481px) {
 
-@media only screen and (max-width: 481px) {
     body:not(.primary-navigation-open) #dark-mode-toggler.relative ~ nav {
         top: calc(44px + 44px);
     }
 }
+@media only screen {
 
-.primary-navigation-open #dark-mode-toggler {
-    display: none;
+    .primary-navigation-open #dark-mode-toggler {
+        display: none;
+    }
 }
+@media only screen {
 
-#dark-mode-toggler:hover, #dark-mode-toggler:focus {
-    color: var(--button--color-background-active);
-    border: 2px solid var(--button--color-text-active);
-    background-color: var(--button--color-text-active);
+    #dark-mode-toggler:hover,
+    #dark-mode-toggler:focus {
+        color: var(--button--color-background-active);
+        border: 2px solid var(--button--color-text-active);
+        background-color: var(--button--color-text-active);
+    }
 }
+@media only screen {
 
-.is-IE #dark-mode-toggler {
-    display: none;
+    .is-IE #dark-mode-toggler {
+        display: none;
+    }
 }
-
-/*# sourceMappingURL=style-dark-mode.css.map */

trunk/src/wp-content/themes/twentytwentyone/assets/css/style-editor.css

@@ -1 +1 @@
 @charset "UTF-8";
+
 /**
  * These styles should be loaded by the Block Editor only
  */
+
 /* Variables */
 :root {
+
     /* Font Family */
     --global--font-primary: var(--font-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
     --global--font-secondary: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
+
     /* Font Size */
     --global--font-size-base: 1.25rem;
@@ -19 +23 @@
     --global--font-size-page-title: var(--global--font-size-xxl);
     --global--letter-spacing: normal;
+
     /* Line Height */
     --global--line-height-body: 1.7;
     --global--line-height-heading: 1.3;
     --global--line-height-page-title: 1.1;
+
     /* Headings */
     --heading--font-family: var(--global--font-primary);
@@ -46 +52 @@
     --heading--font-weight-page-title: 300;
     --heading--font-weight-strong: 600;
+
     /* Block: Latest posts */
     --latest-posts--title-font-family: var(--heading--font-family);
@@ -53 +60 @@
     --list--font-family: var(--global--font-secondary);
     --definition-term--font-family: var(--global--font-primary);
+
     /* Colors */
     --global--color-black: #000;
@@ -68 +76 @@
     --global--color-white-90: rgba(255, 255, 255, 0.9);
     --global--color-primary: var(--global--color-dark-gray);
+
     /* Body text color, site title, footer text color. */
     --global--color-secondary: var(--global--color-gray);
+
     /* Headings */
     --global--color-primary-hover: var(--global--color-primary);
     --global--color-background: var(--global--color-green);
+
     /* Mint, default body background */
     --global--color-border: var(--global--color-primary);
+
     /* Used for borders (separators) */
+
     /* Spacing */
     --global--spacing-unit: 20px;
@@ -81 +94 @@
     --global--spacing-horizontal: 25px;
     --global--spacing-vertical: 30px;
+
     /* Elevation */
     --global--elevation: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
+
     /* Forms */
     --form--font-family: var(--global--font-secondary);
@@ -94 +109 @@
     --form--border-radius: 0;
     --form--spacing-unit: calc(0.5 * var(--global--spacing-unit));
+
     /* Cover block */
     --cover--height: calc(15 * var(--global--spacing-vertical));
     --cover--color-foreground: var(--global--color-white);
     --cover--color-background: var(--global--color-black);
+
     /* Buttons */
     --button--color-text: var(--global--color-background);
@@ -112 +129 @@
     --button--padding-vertical: 15px;
     --button--padding-horizontal: calc(2 * var(--button--padding-vertical));
+
     /* entry */
     --entry-header--color: var(--global--color-primary);
@@ -121 +139 @@
     --entry-author-bio--font-family: var(--heading--font-family);
     --entry-author-bio--font-size: var(--heading--font-size-h4);
+
     /* Header */
     --branding--color-text: var(--global--color-primary);
@@ -137 +156 @@
     --branding--logo--max-width-mobile: 96px;
     --branding--logo--max-height-mobile: 96px;
+
     /* Main navigation */
     --primary-nav--font-family: var(--global--font-secondary);
@@ -154 +174 @@
     --primary-nav--padding: calc(0.66 * var(--global--spacing-unit));
     --primary-nav--border-color: var(--global--color-primary);
+
     /* Pagination */
     --pagination--color-text: var(--global--color-primary);
@@ -161 +182 @@
     --pagination--font-weight: normal;
     --pagination--font-weight-strong: 600;
+
     /* Footer */
     --footer--color-text: var(--global--color-primary);
@@ -167 +189 @@
     --footer--font-family: var(--global--font-primary);
     --footer--font-size: var(--global--font-size-sm);
+
     /* Block: Pull quote */
     --pullquote--font-family: var(--global--font-primary);
@@ -181 +204 @@
     --quote--font-size-large: var(--global--font-size-xl);
     --quote--font-style: normal;
-    --quote--font-weight: normal;
-    --quote--font-weight-strong: 700;
+    --quote--font-weight: 700;
+    --quote--font-weight-strong: bolder;
     --quote--font-style-large: normal;
     --quote--font-style-cite: normal;
@@ -189 +212 @@
     --separator--border-color: var(--global--color-border);
     --separator--height: 1px;
+
     /* Block: Table */
     --table--stripes-border-color: var(--global--color-light-gray);
     --table--stripes-background-color: var(--global--color-light-gray);
     --table--has-background-text-color: var(--global--color-dark-gray);
+
     /* Widgets */
     --widget--line-height-list: 1.9;
@@ -198 +223 @@
     --widget--font-weight-title: 700;
     --widget--spacing-menu: calc(0.66 * var(--global--spacing-unit));
+
     /* Admin-bar height */
     --global--admin-bar--height: 0;
@@ -205 +231 @@
     --global--admin-bar--height: 32px;
 }
-
 @media only screen and (max-width: 782px) {
+
     .admin-bar {
         --global--admin-bar--height: 46px;
@@ -213 +239 @@
 
 @media only screen and (min-width: 652px) {
+
     :root {
         --global--font-size-xl: 2.5rem;
@@ -225 +252 @@
  * Repsonsive Styles
  */
+
 /**
  * Required Variables
  */
+
 /**
  * Root Media Query Variables
@@ -241 +270 @@
 
 @media only screen and (min-width: 482px) {
+
     :root {
         --responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 610px);
@@ -248 +278 @@
     }
 }
-
 @media only screen and (min-width: 822px) {
+
     :root {
         --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 610px);
@@ -272 +302 @@
 
 @media only screen and (min-width: 482px) {
+
     .full-max-width {
         max-width: var(--responsive--alignfull-width);
@@ -304 +335 @@
     font-size: var(--quote--font-size);
     font-style: var(--quote--font-style);
-    font-weight: var(--quote--font-weight-strong);
+    font-weight: var(--quote--font-weight);
     line-height: var(--quote--line-height);
 }
@@ -316 +347 @@
 }
 
-blockquote.alignleft, blockquote.alignright {
+blockquote.alignleft,
+blockquote.alignright {
     padding-left: inherit;
 }
 
-blockquote.alignleft p, blockquote.alignright p {
+blockquote.alignleft p,
+blockquote.alignright p {
     font-size: var(--heading--font-size-h5);
     max-width: inherit;
@@ -327 +360 @@
 
 blockquote.alignleft cite,
-blockquote.alignleft footer, blockquote.alignright cite,
+blockquote.alignleft footer,
+blockquote.alignright cite,
 blockquote.alignright footer {
     font-size: var(--global--font-size-xs);
@@ -334 +368 @@
 
 blockquote strong {
-    font-weight: var(--quote--font-weight);
+    font-weight: var(--quote--font-weight-strong);
 }
 
 blockquote:before {
-    content: "\201C";
+    content: "“";
     font-size: var(--quote--font-size);
     line-height: var(--quote--line-height);
-    position: absolute;
-    left: calc(-0.5 * var(--global--spacing-horizontal));
 }
 
@@ -352 +384 @@
     font-style: var(--quote--font-style-cite);
 }
-
 @media only screen and (max-width: 481px) {
+
     blockquote {
         padding-left: calc(0.5 * var(--global--spacing-horizontal));
     }
+
     blockquote:before {
         left: 0;
@@ -394 +427 @@
 
 .alignleft figcaption,
-.alignright figcaption, .alignleft
-.wp-caption,
-.alignright
-.wp-caption, .alignleft
-.wp-caption-text,
-.alignright
-.wp-caption-text {
+.alignright figcaption,
+.alignleft .wp-caption,
+.alignright .wp-caption,
+.alignleft .wp-caption-text,
+.alignright .wp-caption-text {
     margin-bottom: 0;
 }
@@ -423 +454 @@
     appearance: none;
     padding: var(--form--spacing-unit) calc(3 * var(--form--spacing-unit)) var(--form--spacing-unit) var(--form--spacing-unit);
-    /* stylelint-disable */
     background: var(--global--color-white) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;
-    /* stylelint-enable */
     background-position: right var(--form--spacing-unit) top 60%;
 }
@@ -447 +476 @@
 
 .site a:focus {
+
     /* Only visible in Windows High Contrast mode */
     outline: 2px solid transparent;
@@ -452 +482 @@
 }
 
-.has-background-dark .site a:focus,
-.has-background-dark .site a:focus .meta-nav {
+.is-dark-theme .site a:focus,
+.is-dark-theme .site a:focus .meta-nav {
     color: var(--wp--style--color--link, var(--global--color-background));
 }
@@ -467 +497 @@
 
 .site a:focus.skip-link {
+
     /* Only visible in Windows High Contrast mode */
     outline: 2px solid transparent;
@@ -500 +531 @@
 }
 
-.wp-block-button__link:before, .wp-block-button__link:after {
+.wp-block-button__link:before,
+.wp-block-button__link:after {
     content: "";
     display: block;
@@ -521 +553 @@
 }
 
-.has-background-dark .wp-block-button__link:focus {
+.is-dark-theme .wp-block-button__link:focus {
     color: var(--button--color-background);
 }
@@ -538 +570 @@
  * Block Options
  */
-.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background):not(.has-text-color):active {
-    color: var(--button--color-text-active);
-    background-color: var(--button--color-background-active);
-}
-
-.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background):not(.has-text-color):hover {
-    color: var(--button--color-text-hover);
-    background: transparent;
-}
-
-.wp-block-button:not(.is-style-outline) .wp-block-button__link.has-background:active, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-background:hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-text-color:active, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-text-color:hover {
-    outline-offset: -7px;
-    outline: 2px dotted currentColor;
+[data-block].wp-block-buttons {
+    margin-top: 0;
+    margin-bottom: 0;
+}
+
+[data-block].wp-block-buttons .wp-block-button:first-child {
+    margin-top: var(--global--spacing-vertical);
+}
+
+[data-block].wp-block-buttons .wp-block-button:last-child {
+    margin-bottom: var(--global--spacing-vertical);
+}
+
+.wp-block-button:not(.is-style-outline) .wp-block-button__link:active {
+    color: var(--button--color-text-active) !important;
+    background: transparent !important;
+    border-color: var(--button--color-background);
+}
+
+.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
+    color: var(--button--color-text-hover) !important;
+    background: transparent !important;
+    border-color: var(--button--color-background);
 }
 
@@ -560 +602 @@
 }
 
-.wp-block-button.is-style-outline .wp-block-button__link:active, .wp-block-button.is-style-outline .wp-block-button__link:hover {
+.wp-block-button.is-style-outline .wp-block-button__link:active,
+.wp-block-button.is-style-outline .wp-block-button__link:hover {
     background-color: var(--button--color-background);
     color: var(--button--color-text);
-    border: var(--button--border-width) solid var(--button--color-background);
+    border-color: var(--button--color-background);
 }
 
 .wp-block-button.is-style-outline .wp-block-button__link.has-background {
-    background: transparent !important;
-}
-
-.wp-block-button.is-style-outline .wp-block-button__link.has-background:active, .wp-block-button.is-style-outline .wp-block-button__link.has-background:hover, .wp-block-button.is-style-outline .wp-block-button__link.has-text-color:active, .wp-block-button.is-style-outline .wp-block-button__link.has-text-color:hover {
-    color: var(--button--color-background);
-    outline-offset: -7px;
-    background: transparent;
-    outline: 2px dotted currentColor;
-    border: var(--button--border-width) solid currentColor;
+    border-color: var(--button--color-background);
+}
+
+.wp-block-button.is-style-outline .wp-block-button__link.has-background:active,
+.wp-block-button.is-style-outline .wp-block-button__link.has-background:hover {
+    background-color: var(--button--color-background) !important;
+}
+
+.wp-block-button.is-style-outline .wp-block-button__link.has-background:not(.has-text-color) {
+    color: var(--global--color-dark-gray);
+}
+
+.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-gray-background-color:not(.has-text-color),
+.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-dark-gray-background-color:not(.has-text-color),
+.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-black-background-color:not(.has-text-color) {
+    color: var(--global--color-white);
+}
+
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-white-background-color,
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-green-background-color,
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-blue-background-color,
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-purple-background-color,
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-red-background-color,
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-orange-background-color,
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-yellow-background-color {
+    color: var(--global--color-dark-gray);
+}
+
+.wp-block-button.is-style-outline .wp-block-button__link.has-text-color {
+    border-color: currentColor;
+}
+
+.wp-block-button.is-style-outline .wp-block-button__link.has-text-color:active,
+.wp-block-button.is-style-outline .wp-block-button__link.has-text-color:hover {
+    color: var(--button--color-text) !important;
+    border-color: var(--button--color-background);
 }
 
@@ -582 +652 @@
 }
 
-.is-selected.is-style-outline .wp-block-button__link:hover {
-    background-color: transparent;
-    color: var(--button--color-background);
-}
-
-.is-style-outline .wp-block-button__link[style*="radius"],
-.wp-block-button__link[style*="radius"] {
+.is-style-outline .wp-block-button__link[style*=radius],
+.wp-block-button__link[style*=radius] {
     outline-offset: 2px;
 }
@@ -618 +683 @@
 .wp-block-cover-image:not(.alignwide):not(.alignfull) {
     clear: both;
+}
+
+[data-align=full] .wp-block-cover,
+[data-align=full] .wp-block-cover-image {
+    margin-top: 0;
+    margin-bottom: 0;
 }
 
@@ -653 +724 @@
 }
 
-.wp-block-cover:not([class*="background-color"]) .wp-block-cover__inner-container,
-.wp-block-cover:not([class*="background-color"]) .wp-block-cover-image-text,
-.wp-block-cover:not([class*="background-color"]) .wp-block-cover-text,
-.wp-block-cover:not([class*="background-color"]) .block-editor-block-list__block,
-.wp-block-cover-image:not([class*="background-color"]) .wp-block-cover__inner-container,
-.wp-block-cover-image:not([class*="background-color"]) .wp-block-cover-image-text,
-.wp-block-cover-image:not([class*="background-color"]) .wp-block-cover-text,
-.wp-block-cover-image:not([class*="background-color"]) .block-editor-block-list__block {
+.wp-block-cover:not([class*=background-color]) .wp-block-cover__inner-container,
+.wp-block-cover:not([class*=background-color]) .wp-block-cover-image-text,
+.wp-block-cover:not([class*=background-color]) .wp-block-cover-text,
+.wp-block-cover:not([class*=background-color]) .block-editor-block-list__block,
+.wp-block-cover-image:not([class*=background-color]) .wp-block-cover__inner-container,
+.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-image-text,
+.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-text,
+.wp-block-cover-image:not([class*=background-color]) .block-editor-block-list__block {
     color: var(--cover--color-foreground);
 }
@@ -702 +773 @@
     max-width: inherit;
 }
-
 @media only screen and (min-width: 652px) {
+
     .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) {
         margin-left: calc(-2 * var(--global--spacing-horizontal));
@@ -709 +780 @@
         z-index: 2;
     }
+
     .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background),
     .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background),
@@ -722 +794 @@
         padding: var(--global--spacing-unit);
     }
+
     .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background),
     .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) {
         padding-left: calc(2 * var(--global--spacing-horizontal));
     }
+
     .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n).is-vertically-aligned-center {
         margin-top: 0;
@@ -731 +805 @@
 }
 
-.wp-block[data-align="full"] .wp-block-columns p:not(.has-background),
-.wp-block[data-align="full"] .wp-block-columns h1:not(.has-background),
-.wp-block[data-align="full"] .wp-block-columns h2:not(.has-background),
-.wp-block[data-align="full"] .wp-block-columns h3:not(.has-background),
-.wp-block[data-align="full"] .wp-block-columns h4:not(.has-background),
-.wp-block[data-align="full"] .wp-block-columns h5:not(.has-background),
-.wp-block[data-align="full"] .wp-block-columns h6:not(.has-background) {
+.wp-block[data-align=full] .wp-block-columns p:not(.has-background),
+.wp-block[data-align=full] .wp-block-columns h1:not(.has-background),
+.wp-block[data-align=full] .wp-block-columns h2:not(.has-background),
+.wp-block[data-align=full] .wp-block-columns h3:not(.has-background),
+.wp-block[data-align=full] .wp-block-columns h4:not(.has-background),
+.wp-block[data-align=full] .wp-block-columns h5:not(.has-background),
+.wp-block[data-align=full] .wp-block-columns h6:not(.has-background) {
     padding-left: var(--global--spacing-unit);
     padding-right: var(--global--spacing-unit);
@@ -768 +842 @@
 }
 
-.wp-block-file .wp-block-file__button:before, .wp-block-file .wp-block-file__button:after {
+.wp-block-file .wp-block-file__button:before,
+.wp-block-file .wp-block-file__button:after {
     content: "";
     display: block;
@@ -789 +864 @@
 }
 
-.has-background-dark .wp-block-file .wp-block-file__button:focus {
+.is-dark-theme .wp-block-file .wp-block-file__button:focus {
     color: var(--button--color-background);
 }
@@ -822 +897 @@
 }
 
-.wp-block-group:before, .wp-block-group:after {
+.wp-block-group:before,
+.wp-block-group:after {
     content: "";
     display: block;
@@ -832 +908 @@
 }
 
+[data-align=full] .wp-block-group.has-background {
+    margin-top: 0;
+    margin-bottom: 0;
+}
+
 .wp-block-group.is-style-twentytwentyone-border {
     border: calc(3 * var(--separator--height)) solid var(--global--color-border);
@@ -837 +918 @@
 }
 
-.wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > [data-align="full"] {
+.wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > [data-align=full] {
     max-width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical)));
     width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical)));
@@ -847 +928 @@
 }
 
-.wp-block-group .wp-block-group.has-background > .block-editor-block-list__layout > [data-align="full"] {
+.wp-block-group .wp-block-group.has-background > .block-editor-block-list__layout > [data-align=full] {
     margin: 0;
     width: 100%;
@@ -1061 +1142 @@
 }
 
-[class*="inner-container"] .wp-block-latest-posts .wp-block-latest-posts__post-date,
+[class*=inner-container] .wp-block-latest-posts .wp-block-latest-posts__post-date,
 .has-background .wp-block-latest-posts .wp-block-latest-posts__post-date {
     color: currentColor;
@@ -1107 +1188 @@
     padding-bottom: var(--global--spacing-vertical);
 }
-
 @media screen and (min-width: 600px) {
+
     .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-2 li {
         width: calc((100% / 2));
     }
+
     .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-3 li {
         width: calc((100% / 3));
     }
+
     .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-4 li {
         width: calc((100% / 4));
     }
+
     .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-5 li {
         width: calc((100% / 5));
     }
+
     .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-6 li {
         width: calc((100% / 6));
@@ -1215 +1300 @@
 }
 
+[data-align=full] .wp-block-media-text {
+    margin-top: 0;
+    margin-bottom: 0;
+}
+
 .wp-block-media-text .wp-block-media-text__content {
     padding: var(--global--spacing-horizontal);
@@ -1250 +1340 @@
 }
 
-.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover, .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus {
+.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover,
+.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus {
     color: var(--primary-nav--color-link-hover);
 }
@@ -1285 +1376 @@
 .wp-block-pullquote blockquote::before {
     color: currentColor;
-    content: "\201C";
+    content: "“";
     display: block;
     font-size: 3rem;
@@ -1326 +1417 @@
     border-color: var(--pullquote--border-color);
 }
-
 @media (min-width: 600px) {
+
     .wp-block-pullquote.is-style-solid-color {
         padding: calc(5 * var(--global--spacing-unit));
@@ -1359 +1450 @@
 }
 
-.wp-block[data-align="full"] .wp-block-pullquote:not(.is-style-solid-color) blockquote {
+.wp-block[data-align=full] .wp-block-pullquote:not(.is-style-solid-color) blockquote {
     padding: 0 calc(2 * var(--global--spacing-unit));
 }
@@ -1373 +1464 @@
     font-size: var(--quote--font-size);
     font-style: var(--quote--font-style);
+    font-weight: var(--quote--font-weight);
+    line-height: var(--quote--line-height);
+}
+
+.wp-block-quote strong {
     font-weight: var(--quote--font-weight-strong);
-    line-height: var(--quote--line-height);
-}
-
-.wp-block-quote strong {
-    font-weight: var(--quote--font-weight);
 }
 
 .wp-block-quote:before {
-    content: "\201C";
+    content: "“";
     font-size: var(--quote--font-size);
     line-height: var(--quote--line-height);
@@ -1396 +1487 @@
 
 .has-background:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
-[class*="background-color"]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
-[style*="background-color"]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
-.wp-block-cover[style*="background-image"] .wp-block-quote .wp-block-quote__citation {
+[class*=background-color]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
+[style*=background-color]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
+.wp-block-cover[style*=background-image] .wp-block-quote .wp-block-quote__citation {
     color: currentColor;
 }
@@ -1409 +1500 @@
 
 .wp-block-quote.has-text-align-right:before {
-    content: "\201D";
+    content: "”";
     left: initial;
     right: calc(-0.5 * var(--global--spacing-horizontal));
@@ -1422 +1513 @@
 }
 
-.wp-block-quote.is-large, .wp-block-quote.is-style-large {
+.wp-block-quote.is-large,
+.wp-block-quote.is-style-large {
     padding-left: 0;
+
     /* Resetting margins to match _block-container.scss */
     margin-top: var(--global--spacing-vertical);
@@ -1429 +1522 @@
 }
 
-.wp-block-quote.is-large p, .wp-block-quote.is-style-large p {
+.wp-block-quote.is-large p,
+.wp-block-quote.is-style-large p {
     font-size: var(--quote--font-size-large);
     font-style: var(--quote--font-style-large);
@@ -1435 +1529 @@
 }
 
-.wp-block-quote.is-large:before, .wp-block-quote.is-style-large:before {
+.wp-block-quote.is-large:before,
+.wp-block-quote.is-style-large:before {
     font-size: var(--quote--font-size-large);
     line-height: var(--quote--line-height-large);
@@ -1441 +1536 @@
 }
 
-.wp-block-quote.is-large.has-text-align-right:before, .wp-block-quote.is-style-large.has-text-align-right:before {
+.wp-block-quote.is-large.has-text-align-right:before,
+.wp-block-quote.is-style-large.has-text-align-right:before {
     left: initial;
     right: calc(-1 * var(--global--spacing-horizontal));
 }
-
 @media only screen and (max-width: 481px) {
-    .wp-block-quote.is-large, .wp-block-quote.is-style-large {
+
+    .wp-block-quote.is-large,
+    .wp-block-quote.is-style-large {
         padding-left: var(--global--spacing-horizontal);
     }
-    .wp-block-quote.is-large:before, .wp-block-quote.is-style-large:before {
+
+    .wp-block-quote.is-large:before,
+    .wp-block-quote.is-style-large:before {
         left: 0;
     }
-    .wp-block-quote.is-large.has-text-align-right, .wp-block-quote.is-style-large.has-text-align-right {
+
+    .wp-block-quote.is-large.has-text-align-right,
+    .wp-block-quote.is-style-large.has-text-align-right {
         padding-left: 0;
         padding-right: var(--global--spacing-horizontal);
     }
-    .wp-block-quote.is-large.has-text-align-right:before, .wp-block-quote.is-style-large.has-text-align-right:before {
+
+    .wp-block-quote.is-large.has-text-align-right:before,
+    .wp-block-quote.is-style-large.has-text-align-right:before {
         right: 0;
     }
 }
-
 @media only screen and (max-width: 481px) {
+
     .wp-block-quote {
         padding-left: calc(0.5 * var(--global--spacing-horizontal));
     }
+
     .wp-block-quote:before {
         left: 0;
     }
+
     .wp-block-quote.has-text-align-right {
         padding-left: 0;
         padding-right: calc(0.5 * var(--global--spacing-horizontal));
     }
+
     .wp-block-quote.has-text-align-right:before {
         right: 0;
     }
+
     .wp-block-quote.has-text-align-center {
         padding-left: 0;
@@ -1481 +1588 @@
     }
 }
-
 @media only screen and (min-width: 482px) {
+
     .wp-block-quote {
         margin-left: auto;
     }
+
     .wp-block-quote.has-text-align-right {
         margin-right: auto;
@@ -1520 +1628 @@
 }
 
-.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1),
-.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1) ~ li,
-.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1),
-.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1) ~ li,
-.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1),
-.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1) ~ li,
-.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1),
-.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1) ~ li,
-.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1),
-.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1) ~ li {
+.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1),
+.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1) ~ li,
+.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1),
+.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1) ~ li,
+.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1),
+.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1) ~ li,
+.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1),
+.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1) ~ li,
+.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1),
+.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1) ~ li {
     margin-bottom: 0;
 }
@@ -1567 +1675 @@
 }
 
-[class*="inner-container"] .wp-block-rss .wp-block-rss__item-publish-date,
+[class*=inner-container] .wp-block-rss .wp-block-rss__item-publish-date,
 .has-background .wp-block-rss .wp-block-rss__item-publish-date {
     color: currentColor;
@@ -1585 +1693 @@
 }
 
-.entry-content [class*="inner-container"] .wp-block-rss.alignfull,
+.entry-content [class*=inner-container] .wp-block-rss.alignfull,
 .entry-content .has-background .wp-block-rss.alignfull {
     padding-left: 0;
@@ -1612 +1720 @@
 }
 
-.wp-block-search .wp-block-search__input:focus {
-    border-color: var(--form--border-color);
+.is-dark-theme .wp-block-search .wp-block-search__input {
+    background: var(--global--color-white-90);
+}
+
+.is-dark-theme .has-background.has-white-background-color .wp-block-search .wp-block-search__input,
+.is-dark-theme .has-background.has-green-background-color .wp-block-search .wp-block-search__input,
+.is-dark-theme .has-background.has-blue-background-color .wp-block-search .wp-block-search__input,
+.is-dark-theme .has-background.has-purple-background-color .wp-block-search .wp-block-search__input,
+.is-dark-theme .has-background.has-red-background-color .wp-block-search .wp-block-search__input,
+.is-dark-theme .has-background.has-orange-background-color .wp-block-search .wp-block-search__input,
+.is-dark-theme .has-background.has-yellow-background-color .wp-block-search .wp-block-search__input {
+    border-color: var(--form--color-text);
+}
+
+.has-background.has-gray-background-color .wp-block-search .wp-block-search__input,
+.has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__input,
+.has-background.has-black-background-color .wp-block-search .wp-block-search__input {
+    border-color: var(--global--color-white);
 }
 
@@ -1634 +1758 @@
 }
 
-.wp-block-search .wp-block-search__button:before, .wp-block-search .wp-block-search__button:after {
+.wp-block-search .wp-block-search__button:before,
+.wp-block-search .wp-block-search__button:after {
     content: "";
     display: block;
@@ -1655 +1780 @@
 }
 
-.has-background-dark .wp-block-search .wp-block-search__button:focus {
+.is-dark-theme .wp-block-search .wp-block-search__button:focus {
     color: var(--button--color-background);
 }
@@ -1670 +1795 @@
 
 .wp-block-search .wp-block-search__button:hover {
+    color: var(--button--color-text);
     background-color: var(--button--color-background);
+}
+
+.wp-block-search .wp-block-search__button.has-icon {
+    padding: calc(2 * var(--button--padding-vertical)) calc(0.5 * var(--button--padding-horizontal));
+}
+
+.wp-block-search .wp-block-search__button.has-icon svg {
+    width: 40px;
+    height: 40px;
+}
+
+.has-background.has-gray-background-color .wp-block-search .wp-block-search__button,
+.has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__button,
+.has-background.has-black-background-color .wp-block-search .wp-block-search__button {
+    color: var(--global--color-white);
+    border-color: currentColor;
+}
+
+.has-background.has-gray-background-color .wp-block-search .wp-block-search__button:hover,
+.has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__button:hover,
+.has-background.has-black-background-color .wp-block-search .wp-block-search__button:hover {
+    color: var(--global--color-white);
+    background-color: var(--button--color-background);
+    border-color: var(--global--color-white);
+}
+
+.is-dark-theme .has-background.has-gray-background-color .wp-block-search .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-black-background-color .wp-block-search .wp-block-search__button:hover {
     color: var(--button--color-text);
-}
-
-.wp-block[data-align="center"] > * {
+    background-color: var(--button--color-background);
+}
+
+.has-background.has-white-background-color .wp-block-search .wp-block-search__button:hover,
+.has-background.has-green-background-color .wp-block-search .wp-block-search__button:hover,
+.has-background.has-blue-background-color .wp-block-search .wp-block-search__button:hover,
+.has-background.has-purple-background-color .wp-block-search .wp-block-search__button:hover,
+.has-background.has-red-background-color .wp-block-search .wp-block-search__button:hover,
+.has-background.has-orange-background-color .wp-block-search .wp-block-search__button:hover,
+.has-background.has-yellow-background-color .wp-block-search .wp-block-search__button:hover {
+    color: var(--global--color-white);
+    background-color: var(--form--border-color);
+    border-color: var(--form--border-color);
+}
+
+.is-dark-theme .has-background.has-white-background-color .wp-block-search .wp-block-search__button,
+.is-dark-theme .has-background.has-green-background-color .wp-block-search .wp-block-search__button,
+.is-dark-theme .has-background.has-blue-background-color .wp-block-search .wp-block-search__button,
+.is-dark-theme .has-background.has-purple-background-color .wp-block-search .wp-block-search__button,
+.is-dark-theme .has-background.has-red-background-color .wp-block-search .wp-block-search__button,
+.is-dark-theme .has-background.has-orange-background-color .wp-block-search .wp-block-search__button,
+.is-dark-theme .has-background.has-yellow-background-color .wp-block-search .wp-block-search__button {
+    color: var(--form--color-text);
+    border-color: currentColor;
+}
+
+.is-dark-theme .has-background.has-white-background-color .wp-block-search .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-green-background-color .wp-block-search .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-blue-background-color .wp-block-search .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-purple-background-color .wp-block-search .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-red-background-color .wp-block-search .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-orange-background-color .wp-block-search .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-yellow-background-color .wp-block-search .wp-block-search__button:hover {
+    color: var(--global--color-white);
+    background-color: var(--button--color-text);
+    border-color: var(--button--color-text);
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__input,
+.has-background.has-white-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__input,
+.has-background.has-green-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__input,
+.has-background.has-blue-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__input,
+.has-background.has-purple-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__input,
+.has-background.has-red-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__input,
+.has-background.has-orange-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__input,
+.has-background.has-yellow-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__input {
+    border: none;
+}
+
+.wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button {
+    padding: var(--button--padding-vertical) var(--button--padding-horizontal);
+}
+
+.is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__button {
+    color: var(--button--color-text);
+    border-color: currentColor;
+}
+
+.is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover {
+    color: var(--global--color-white);
+    background-color: var(--button--color-text);
+    border-color: var(--button--color-text);
+}
+
+.has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button,
+.has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button,
+.has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button {
+    color: var(--button--color-text-hover);
+    border-color: currentColor;
+}
+
+.has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover,
+.has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover,
+.has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover {
+    color: var(--global--color-white);
+    background-color: var(--button--color-background);
+    border-color: var(--button--color-background);
+}
+
+.is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button,
+.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button,
+.is-dark-theme .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button {
+    color: var(--button--color-text);
+    border-color: currentColor;
+}
+
+.is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover {
+    color: var(--global--color-white);
+    background-color: var(--button--color-text);
+    border-color: var(--button--color-text);
+}
+
+.wp-block[data-align=center] > * {
     text-align: center;
 }
 
-.wp-block[data-align="center"] .wp-block-search__button-only .wp-block-search__inside-wrapper {
+.wp-block[data-align=center] .wp-block-search__button-only .wp-block-search__inside-wrapper {
     justify-content: center;
 }
@@ -1689 +1936 @@
 }
 
-.wp-block-separator[style*="text-align:right"], .wp-block-separator[style*="text-align: right"],
+.wp-block-separator[style*="text-align:right"],
+.wp-block-separator[style*="text-align: right"],
 hr[style*="text-align:right"],
 hr[style*="text-align: right"] {
@@ -1700 +1948 @@
 }
 
-[data-align="full"] > .wp-block-separator,
-[data-align="wide"] > .wp-block-separator, [data-align="full"] >
-hr,
-[data-align="wide"] >
-hr {
+[data-align=full] > .wp-block-separator,
+[data-align=wide] > .wp-block-separator,
+[data-align=full] > hr,
+[data-align=wide] > hr {
     max-width: inherit;
 }
@@ -1718 +1965 @@
 }
 
-.wp-block-separator.is-style-dots.has-background, .wp-block-separator.is-style-dots.has-text-color,
+.wp-block-separator.is-style-dots.has-background,
+.wp-block-separator.is-style-dots.has-text-color,
 hr.is-style-dots.has-background,
 hr.is-style-dots.has-text-color {
@@ -1724 +1972 @@
 }
 
-.wp-block-separator.is-style-dots.has-background:before, .wp-block-separator.is-style-dots.has-text-color:before,
+.wp-block-separator.is-style-dots.has-background:before,
+.wp-block-separator.is-style-dots.has-text-color:before,
 hr.is-style-dots.has-background:before,
 hr.is-style-dots.has-text-color:before {
@@ -1736 +1985 @@
 
 .has-background:not(.has-background-background-color) .wp-block-separator,
-[class*="background-color"]:not(.has-background-background-color) .wp-block-separator,
-[style*="background-color"]:not(.has-background-background-color) .wp-block-separator,
-.wp-block-cover[style*="background-image"] .wp-block-separator, .has-background:not(.has-background-background-color)
-hr,
-[class*="background-color"]:not(.has-background-background-color)
-hr,
-[style*="background-color"]:not(.has-background-background-color)
-hr,
-.wp-block-cover[style*="background-image"]
-hr {
+[class*=background-color]:not(.has-background-background-color) .wp-block-separator,
+[style*=background-color]:not(.has-background-background-color) .wp-block-separator,
+.wp-block-cover[style*=background-image] .wp-block-separator,
+.has-background:not(.has-background-background-color) hr,
+[class*=background-color]:not(.has-background-background-color) hr,
+[style*=background-color]:not(.has-background-background-color) hr,
+.wp-block-cover[style*=background-image] hr {
     border-color: currentColor;
 }
@@ -1985 +2231 @@
 }
 
-.wp-block[data-align="wide"], .wp-block.alignwide {
+.wp-block[data-align=wide],
+.wp-block.alignwide {
     max-width: var(--responsive--alignwide-width);
 }
 
-.wp-block[data-align="full"], .wp-block.alignfull {
+.wp-block[data-align=full],
+.wp-block.alignfull {
     max-width: none;
-}
-
-.block-editor-block-list__layout:not(.edit-site-block-editor__block-list) .wp-block[data-align="full"] > [data-block], .block-editor-block-list__layout:not(.edit-site-block-editor__block-list) .wp-block.alignfull > [data-block] {
-    margin-top: 0;
-    margin-bottom: 0;
 }
 
@@ -2020 +2263 @@
 
 @media only screen and (min-width: 482px) {
-    .wp-block[data-align="left"] > * {
+
+    .wp-block[data-align=left] > * {
         max-width: 290px;
         margin-right: var(--global--spacing-horizontal);
     }
-    .wp-block[data-align="right"] > * {
+
+    .wp-block[data-align=right] > * {
         max-width: 290px;
         margin-left: var(--global--spacing-horizontal);
@@ -2160 +2405 @@
 }
 
-:not(.has-text-color).has-black-background-color[class], :not(.has-text-color).has-gray-background-color[class], :not(.has-text-color).has-dark-gray-background-color[class] {
+:not(.has-text-color).has-black-background-color[class],
+:not(.has-text-color).has-gray-background-color[class],
+:not(.has-text-color).has-dark-gray-background-color[class] {
     color: var(--global--color-white);
 }
 
-:not(.has-text-color).has-green-background-color[class], :not(.has-text-color).has-blue-background-color[class], :not(.has-text-color).has-purple-background-color[class], :not(.has-text-color).has-red-background-color[class], :not(.has-text-color).has-orange-background-color[class], :not(.has-text-color).has-yellow-background-color[class], :not(.has-text-color).has-white-background-color[class] {
+:not(.has-text-color).has-green-background-color[class],
+:not(.has-text-color).has-blue-background-color[class],
+:not(.has-text-color).has-purple-background-color[class],
+:not(.has-text-color).has-red-background-color[class],
+:not(.has-text-color).has-orange-background-color[class],
+:not(.has-text-color).has-yellow-background-color[class],
+:not(.has-text-color).has-white-background-color[class] {
     color: var(--global--color-dark-gray);
 }
@@ -2199 +2452 @@
     background: linear-gradient(160deg, var(--global--color-red), var(--global--color-purple));
 }
-
-/*# sourceMappingURL=style-editor.css.map */