Merge remote-tracking branch 'origin/dev' into dev

# Conflicts:
#	src/scss/_variables.scss
#	src/scss/ui/_buttons.scss
#	src/scss/ui/_cards.scss

src/scss/layout/_core.scss

@@ -1,4 +1,27 @@
 // stylelint-disable property-no-vendor-prefix
+
+:root {
+  font-size: 16px;
+  height: 100%;
+
+  @each $name, $color in $theme-colors {
+    --#{$prefix}#{$name}: #{$color};
+    --#{$prefix}#{$name}-darken: #{theme-color-darker($color)};
+    --#{$prefix}#{$name}-light: #{theme-color-lighter($color)};
+    //--#{$prefix}#{$name}-rgb: #{to-rgb($color)};
+  }
+
+  --#{$prefix}card-bg: #{$card-bg};
+  --#{$prefix}card-bg-hover: #{$card-bg-hover};
+  --#{$prefix}card-color: #{$card-color};
+
+  --#{$prefix}border-color: #{$border-color};
+  --#{$prefix}border-color-light: #{$border-color-light};
+
+  --#{$prefix}icon-color: #{$icon-color};
+  --#{$prefix}disabled-bg: #{$disabled-bg};
+}
+
 body {
   overflow-y: scroll;
   letter-spacing: $body-letter-spacing;