Move around box shadow vars

diff --git a/scss/_root.scss b/scss/_root.scss
index 96a9459fa6c221ff27603e6d5c0df2662cfaa7d9..99f2969973abe24506992e434d79dbdd57ca502c 100644 (file)
--- a/scss/_root.scss
+++ b/scss/_root.scss
@@ -125,10 +125,10 @@
   --#{$prefix}border-radius-pill: 50rem;
   // scss-docs-end root-border-var
 
-  --#{$prefix}box-shadow: #{$box-shadow};
-  --#{$prefix}box-shadow-sm: #{$box-shadow-sm};
-  --#{$prefix}box-shadow-lg: #{$box-shadow-lg};
-  --#{$prefix}box-shadow-inset: #{$box-shadow-inset};
+  --#{$prefix}box-shadow: light-dark(0 .5rem 1rem rgb(0 0 0 / 15%), 0 .5rem 1rem rgb(255 0 0 / 50%));
+  --#{$prefix}box-shadow-sm: 0 .125rem .25rem rgb(0 0 0 / 7.5%);
+  --#{$prefix}box-shadow-lg: 0 1rem 3rem rgb(0 0 0 / 17.5%);
+  --#{$prefix}box-shadow-inset: inset 0 1px 2px rgb(0 0 0 / 7.5%);
 
   // Focus styles
   // scss-docs-start root-focus-variables

diff --git a/scss/_variables.scss b/scss/_variables.scss
index 8f136475583f529156f0901a97438e0c5e55e881..0a2d6040fc105e1a3b5836a8d3bcab15e464f846 100644 (file)
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -1,6 +1,7 @@
 @use "config" as *;
 @use "colors" as *;
 @use "functions" as *;
+@use "vendor/rfs" as *;
 
 // Variables
 //
@@ -273,10 +274,10 @@ $border-radii: (
 ) !default;
 
 // scss-docs-start box-shadow-variables
-$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;
-$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;
-$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;
-$box-shadow-inset: inset 0 1px 2px rgba($black, .075) !default;
+$box-shadow: var(--#{$prefix}box-shadow) !default;
+$box-shadow-sm: var(--#{$prefix}box-shadow-sm) !default;
+$box-shadow-lg: var(--#{$prefix}box-shadow-lg) !default;
+$box-shadow-inset: var(--#{$prefix}box-shadow-inset) !default;
 // scss-docs-end box-shadow-variables
 
 $component-active-color:      $white !default;