important para hover, spacers y sizes

_sass/helpers.scss

@@ -307,7 +307,7 @@ $directions: (top, right, bottom, left);
       .hover-#{$color} {
         &:hover,
         &:focus-within {
-          color: var(--#{$color});
+          color: var(--#{$color}) !important;
         }
       }
 

assets/css/styles.scss

@@ -53,8 +53,33 @@ $colors: (
 $theme-colors: (
 );
 
+$spacer: 1rem !default;
+$spacers: (
+  6: ($spacer * 4),
+  7: ($spacer * 5),
+  8: ($spacer * 6),
+  9: ($spacer * 7),
+  10: ($spacer * 8),
+  11: ($spacer * 9),
+  12: ($spacer * 10),
+  13: ($spacer * 11), 
+  14: ($spacer * 12),  
+  15: ($spacer * 13),
+);
+
 /// Tamaños (anchos y altos) redefinidos desde Bootstrap.
 $sizes: (
+  10: 10%,
+  20: 20%,
+  30: 30%,
+  40: 40%,
+  50: 50%,
+  60: 60%,
+  70: 70%,
+  80: 80%,
+  90: 90%,
+  50vh: 50vh,
+  75vh: 75vh
   100vh: 100vh,
   100vw: 100vw
 );