missing import for the frontend css

hever/sass/style-child-theme.scss

@@ -27,71 +27,81 @@ Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
  * Abstracts
  * - Mixins, variables and functions
  */
-@import "../../varia/sass/abstracts/imports";
+ @import "../../varia/sass/abstracts/imports";
 
-/**
- * Child Theme Deep
- */
-@import "config-child-theme-deep";
-
-/**
- * Base
- * - Reset the browser
- */
-@import "../../varia/sass/base/imports";
-
-/**
- * Layout
- * - Structral and responsive styles
- */
-@import "../../varia/sass/layout/imports";
-
-/**
- * Elements
- * - Styles for basic HTML elemants
- */
-@import "../../varia/sass/elements/imports";
-
-/**
- * Blocks
- * - These styles replace key Gutenberg Block styles for fonts, colors, and
- *   spacing with CSS-variables overrides
- * - In the future the Block styles may get compiled to individual .css
- *   files and conditionally loaded
- */
-@import "../../varia/sass/blocks/imports";
-
-/**
- * Components
- * - Similar to Blocks but exist outside of the "current" editor context
- */
-@import "../../varia/sass/components/imports";
-
-/**
- * Site Pages
- * - Page specific styles
- */
-@import "../../varia/sass/pages/imports";
-
-/**
- * Responsive Logic
- * - Loading this last to respect cascaing rules
- */
-@import "../../varia/sass/abstracts/responsive-logic";
-
-/**
- * Vendors
- * - Styles for 3rd party plugins and WP extensions
- */
-@import "../../varia/sass/vendors/imports";
-
-/**
- * Child Theme Extra Styles
- */
-@import "extra-child-theme";
-
-/**
- * Full Site Editing
- * - Full Site Editing overrides
- */
- @import "full-site-editing";
+ /**
+  * Global variables
+  */
+  @import "global-variables";
+ 
+ :root {
+	 @include global-variables();
+ }
+ 
+ /**
+  * Child Theme Deep
+  */
+ @import "config-child-theme-deep";
+ 
+ /**
+  * Base
+  * - Reset the browser
+  */
+ @import "../../varia/sass/base/imports";
+ 
+ /**
+  * Layout
+  * - Structral and responsive styles
+  */
+ @import "../../varia/sass/layout/imports";
+ 
+ /**
+  * Elements
+  * - Styles for basic HTML elemants
+  */
+ @import "../../varia/sass/elements/imports";
+ 
+ /**
+  * Blocks
+  * - These styles replace key Gutenberg Block styles for fonts, colors, and
+  *   spacing with CSS-variables overrides
+  * - In the future the Block styles may get compiled to individual .css
+  *   files and conditionally loaded
+  */
+ @import "../../varia/sass/blocks/imports";
+ 
+ /**
+  * Components
+  * - Similar to Blocks but exist outside of the "current" editor context
+  */
+ @import "../../varia/sass/components/imports";
+ 
+ /**
+  * Site Pages
+  * - Page specific styles
+  */
+ @import "../../varia/sass/pages/imports";
+ 
+ /**
+  * Responsive Logic
+  * - Loading this last to respect cascaing rules
+  */
+ @import "../../varia/sass/abstracts/responsive-logic";
+ 
+ /**
+  * Vendors
+  * - Styles for 3rd party plugins and WP extensions
+  */
+ @import "../../varia/sass/vendors/imports";
+ 
+ /**
+  * Child Theme Extra Styles
+  */
+ @import "extra-child-theme";
+ 
+ /**
+  * Full Site Editing
+  * - Full Site Editing overrides
+  */
+  @import "full-site-editing";
+ 

hever/style-rtl.css

@@ -142,8 +142,35 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * It also adds the proper fallback for browsers without support.
  */
 /**
- * Child Theme Deep
- */
+  * Global variables
+  */
+:root {
+	/* Colors */
+	--wp--preset--color--primary: #1279BE;
+	--wp--preset--color--primary-hover: #303030;
+	--wp--preset--color--secondary: #FFB302;
+	--wp--preset--color--secondary-hover: #303030;
+	--wp--preset--color--foreground: #303030;
+	--wp--preset--color--foreground-low-contrast: #757575;
+	--wp--preset--color--foreground-high-contrast: #101010;
+	--wp--preset--color--background: white;
+	--wp--preset--color--background-low-contrast: #C5C5C5;
+	--wp--preset--color--background-high-contrast: #F8F8F8;
+	--wp--preset--color--border: #C5C5C5;
+	--wp--preset--color--border-low-contrast: #A5A5A5;
+	--wp--preset--color--border-high-contrast: #F8F8F8;
+	--wp--preset--color--text-selection: #A9D9F9;
+	--wp--preset--color--alert-success: #33b756;
+	--wp--preset--color--alert-info: #1279BE;
+	--wp--preset--color--alert-warning: #ecc700;
+	--wp--preset--color--alert-error: #de3e33;
+	--wp--preset--color--black: black;
+	--wp--preset--color--white: white;
+}
+
+/**
+  * Child Theme Deep
+  */
 /**
  * Redefine Sass map values for child theme output.
  * - See: style-child-theme.scss
@@ -182,9 +209,9 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Footer
  */
 /**
- * Base
- * - Reset the browser
- */
+  * Base
+  * - Reset the browser
+  */
 /**
  * Base
  * - Reset the browser
@@ -791,9 +818,9 @@ footer {
 }
 
 /**
- * Layout
- * - Structral and responsive styles
- */
+  * Layout
+  * - Structral and responsive styles
+  */
 /**
  * Layout
  * - Structral and responsive styles
@@ -1001,9 +1028,9 @@ footer {
 }
 
 /**
- * Elements
- * - Styles for basic HTML elemants
- */
+  * Elements
+  * - Styles for basic HTML elemants
+  */
 /**
  * Elements
  * - Styles for basic HTML elemants
@@ -1142,12 +1169,12 @@ object {
 }
 
 /**
- * Blocks
- * - These styles replace key Gutenberg Block styles for fonts, colors, and
- *   spacing with CSS-variables overrides
- * - In the future the Block styles may get compiled to individual .css
- *   files and conditionally loaded
- */
+  * Blocks
+  * - These styles replace key Gutenberg Block styles for fonts, colors, and
+  *   spacing with CSS-variables overrides
+  * - In the future the Block styles may get compiled to individual .css
+  *   files and conditionally loaded
+  */
 /**
  * Blocks
  * - These styles replace key Gutenberg Block styles with font, color, and
@@ -2672,9 +2699,9 @@ table.is-style-stripes tbody tr:nth-child(odd),
 }
 
 /**
- * Components
- * - Similar to Blocks but exist outside of the "current" editor context
- */
+  * Components
+  * - Similar to Blocks but exist outside of the "current" editor context
+  */
 /*
  * Components
  * - Similar to Blocks but exist outside of the "current" editor context
@@ -3581,9 +3608,9 @@ img#wpstats {
 }
 
 /**
- * Site Pages
- * - Page specific styles
- */
+  * Site Pages
+  * - Page specific styles
+  */
 /**
  * Site Pages
  * - Page specific styles
@@ -3604,9 +3631,9 @@ img#wpstats {
 }
 
 /**
- * Responsive Logic
- * - Loading this last to respect cascaing rules
- */
+  * Responsive Logic
+  * - Loading this last to respect cascaing rules
+  */
 /**
  * Page Layout Styles & Repsonsive Styles
  */
@@ -3848,9 +3875,9 @@ body:not(.fse-enabled) #colophon {
 }
 
 /**
- * Vendors
- * - Styles for 3rd party plugins and WP extensions
- */
+  * Vendors
+  * - Styles for 3rd party plugins and WP extensions
+  */
 /**
  * Vendors
  * - 3rd-party compatibility styles
@@ -4009,8 +4036,8 @@ body.admin-bar .widget_eu_cookie_law_widget.widget.top {
 }
 
 /**
- * Child Theme Extra Styles
- */
+  * Child Theme Extra Styles
+  */
 /**
  * Extra Child Theme Styles
  */
@@ -4599,9 +4626,9 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
 }
 
 /**
- * Full Site Editing
- * - Full Site Editing overrides
- */
+  * Full Site Editing
+  * - Full Site Editing overrides
+  */
 .fse-template-part {
 	margin-bottom: 0;
 	margin-top: 0;

hever/style.css

@@ -142,8 +142,35 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * It also adds the proper fallback for browsers without support.
  */
 /**
- * Child Theme Deep
- */
+  * Global variables
+  */
+:root {
+	/* Colors */
+	--wp--preset--color--primary: #1279BE;
+	--wp--preset--color--primary-hover: #303030;
+	--wp--preset--color--secondary: #FFB302;
+	--wp--preset--color--secondary-hover: #303030;
+	--wp--preset--color--foreground: #303030;
+	--wp--preset--color--foreground-low-contrast: #757575;
+	--wp--preset--color--foreground-high-contrast: #101010;
+	--wp--preset--color--background: white;
+	--wp--preset--color--background-low-contrast: #C5C5C5;
+	--wp--preset--color--background-high-contrast: #F8F8F8;
+	--wp--preset--color--border: #C5C5C5;
+	--wp--preset--color--border-low-contrast: #A5A5A5;
+	--wp--preset--color--border-high-contrast: #F8F8F8;
+	--wp--preset--color--text-selection: #A9D9F9;
+	--wp--preset--color--alert-success: #33b756;
+	--wp--preset--color--alert-info: #1279BE;
+	--wp--preset--color--alert-warning: #ecc700;
+	--wp--preset--color--alert-error: #de3e33;
+	--wp--preset--color--black: black;
+	--wp--preset--color--white: white;
+}
+
+/**
+  * Child Theme Deep
+  */
 /**
  * Redefine Sass map values for child theme output.
  * - See: style-child-theme.scss
@@ -182,9 +209,9 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Footer
  */
 /**
- * Base
- * - Reset the browser
- */
+  * Base
+  * - Reset the browser
+  */
 /**
  * Base
  * - Reset the browser
@@ -791,9 +818,9 @@ footer {
 }
 
 /**
- * Layout
- * - Structral and responsive styles
- */
+  * Layout
+  * - Structral and responsive styles
+  */
 /**
  * Layout
  * - Structral and responsive styles
@@ -1001,9 +1028,9 @@ footer {
 }
 
 /**
- * Elements
- * - Styles for basic HTML elemants
- */
+  * Elements
+  * - Styles for basic HTML elemants
+  */
 /**
  * Elements
  * - Styles for basic HTML elemants
@@ -1142,12 +1169,12 @@ object {
 }
 
 /**
- * Blocks
- * - These styles replace key Gutenberg Block styles for fonts, colors, and
- *   spacing with CSS-variables overrides
- * - In the future the Block styles may get compiled to individual .css
- *   files and conditionally loaded
- */
+  * Blocks
+  * - These styles replace key Gutenberg Block styles for fonts, colors, and
+  *   spacing with CSS-variables overrides
+  * - In the future the Block styles may get compiled to individual .css
+  *   files and conditionally loaded
+  */
 /**
  * Blocks
  * - These styles replace key Gutenberg Block styles with font, color, and
@@ -2691,9 +2718,9 @@ table.is-style-stripes tbody tr:nth-child(odd),
 }
 
 /**
- * Components
- * - Similar to Blocks but exist outside of the "current" editor context
- */
+  * Components
+  * - Similar to Blocks but exist outside of the "current" editor context
+  */
 /*
  * Components
  * - Similar to Blocks but exist outside of the "current" editor context
@@ -3600,9 +3627,9 @@ img#wpstats {
 }
 
 /**
- * Site Pages
- * - Page specific styles
- */
+  * Site Pages
+  * - Page specific styles
+  */
 /**
  * Site Pages
  * - Page specific styles
@@ -3623,9 +3650,9 @@ img#wpstats {
 }
 
 /**
- * Responsive Logic
- * - Loading this last to respect cascaing rules
- */
+  * Responsive Logic
+  * - Loading this last to respect cascaing rules
+  */
 /**
  * Page Layout Styles & Repsonsive Styles
  */
@@ -3877,9 +3904,9 @@ body:not(.fse-enabled) #colophon {
 }
 
 /**
- * Vendors
- * - Styles for 3rd party plugins and WP extensions
- */
+  * Vendors
+  * - Styles for 3rd party plugins and WP extensions
+  */
 /**
  * Vendors
  * - 3rd-party compatibility styles
@@ -4038,8 +4065,8 @@ body.admin-bar .widget_eu_cookie_law_widget.widget.top {
 }
 
 /**
- * Child Theme Extra Styles
- */
+  * Child Theme Extra Styles
+  */
 /**
  * Extra Child Theme Styles
  */
@@ -4628,9 +4655,9 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
 }
 
 /**
- * Full Site Editing
- * - Full Site Editing overrides
- */
+  * Full Site Editing
+  * - Full Site Editing overrides
+  */
 .fse-template-part {
 	margin-bottom: 0;
 	margin-top: 0;