From f9c74a0974d1899a3b7941083ab4e5c2f5c21188 Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Mon, 14 Apr 2025 09:58:07 -0700
Subject: [PATCH] Move around box shadow vars

---
 scss/_root.scss      | 8 ++++----
 scss/_variables.scss | 9 +++++----
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/scss/_root.scss b/scss/_root.scss
index 96a9459fa6..99f2969973 100644
--- 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 8f13647558..0a2d6040fc 100644
--- 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;