dropdown shadow fix, colors fix

src/scss/_variables.scss

@@ -485,7 +485,7 @@ $input-btn-padding-y-lg: .5rem !default;
 $input-btn-focus-width: .25rem !default;
 
 // Inputs
-$input-box-shadow: none !default;
+$input-box-shadow: null !default;
 $input-height: null !default;
 $input-height-sm: null !default;
 $input-height-lg: null !default;

src/scss/layout/_root.scss

@@ -4,12 +4,12 @@
   height: 100%;
 
   @each $name, $color in map-merge($theme-colors, $gray-colors) {
+    --#{$prefix}#{$name}: $color;
     --#{$prefix}#{$name}-rgb: #{to-rgb($color)};
-    --#{$prefix}#{$name}: rgb(var(--#{$prefix}#{$name}-rgb));
     --#{$prefix}#{$name}-fg: #{if(contrast-ratio($color) > $min-contrast-ratio, var(--#{$prefix}light), var(--#{$prefix}dark))};
     --#{$prefix}#{$name}-darken: #{theme-color-darker($color)};
+    --#{$prefix}#{$name}-lt: theme-color-lighter($color);
     --#{$prefix}#{$name}-lt-rgb: #{to-rgb(theme-color-lighter($color))};
-    --#{$prefix}#{$name}-lt: rgb(var(--#{$prefix}#{$name}-lt-rgb));
   }
 
   --#{$prefix}bg-surface: #{$bg-surface};