diff --git a/tailwind.config.js b/tailwind.config.js
index dfed06b1..4f7f7f3a 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -53,6 +53,12 @@ export default {
                     muted: color('--border-muted', colors.slate[100]),
                 },
 
+                shadow: {
+                    emphasis: color('--shadow-emphasis', colors.slate[900]),
+                    DEFAULT: color('--shadow', colors.slate[700]),
+                    muted: color('--shadow-muted', colors.slate[500]),
+                },
+
                 background: {
                     emphasis: color('--background-emphasis', colors.slate[200]),
                     DEFAULT: color('--background', colors.slate[100]),
@@ -91,8 +97,8 @@ export default {
                 ...theme('colors.border'),
             }),
             boxShadowColor: (theme) => ({
-                default: theme('colors.border'),
-                ...theme('colors.border'),
+                default: theme('colors.shadow'),
+                ...theme('colors.shadow'),
             }),
         },
         container: {