Add variable for font-gradient-color

css/structure/background.css

@@ -18,6 +18,9 @@
 
 .uk-background-secondary, .uk-section-secondary{
     background-color: var(--secondary-background);
-    color: var(--secondary-background-color);
     background-image: var(--secondary-background-image);
 }
+
+.uk-background-secondary, .uk-section-secondary:not(.uk-preserve-color) {
+    color: var(--secondary-background-color);
+}

css/structure/button.css

@@ -1,11 +1,15 @@
 :root {
+    /* Primary */
   --button-primary-background: var(--primary-color);
+  --button-primary-background-hover: var(--secondary-color);
   --button-primary-background-image: linear-gradient(51deg, var(--primary-color) 50%,var(--primary-color) 75%, var(--secondary-color) 100%);
   --button-primary-background-image-hover: none;
-  --button-secondary-background: var(--secondary-color);
-  --button-secondary-background-image: none;
   --button-primary-color: var(--light-color);
   --button-primary-color-hover: var(--light-color);
+
+  /* Secondary */
+  --button-secondary-background: var(--secondary-color);
+  --button-secondary-background-image: none;
   --button-secondary-color: var(--light-color);
 }
 
@@ -16,7 +20,7 @@
 }
 
 .uk-button-primary:hover {
-  background-color: var(--button-secondary-background);
+  background-color: var(--button-primary-background-hover);
   background-image: var(--button-primary-background-image-hover);
   color: var(--button-primary-color-hover);
 }

css/structure/icons.css

@@ -45,7 +45,6 @@
 
 /* Default circle element for SVGs */
 .uk-icon-bg-shadow {
-  background: var(--default-color);
   border-radius: 100px;
   width: 48px;
   height: 48px;
@@ -64,3 +63,4 @@
   width: 96px;
   height: 96px;
 }
+/**/

css/structure/text.css

@@ -2,8 +2,15 @@
     --font-default-color: var(--grey-color);
     --font-primary-color: var(--primary-color);
     --font-secondary-color: var(--secondary-color);
+    --font-gradient-color: none;
 }
 
 .uk-text-primary, .uk-section-primary:not(.uk-preserve-color) .uk-text-primary {
     color: var(--font-primary-color) !important;
 }
+
+.uk-text-primary-gradient {
+    background: var(--font-gradient-color);
+    -webkit-text-fill-color: transparent;
+    -webkit-background-clip: text;
+}