diff --git a/src/css/app.scss b/src/css/app.scss
index 266dba31..579cd4a2 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -20,6 +20,9 @@ html {
   --negative: var(--red-9-hsl);
   --gender-male: var(--blue-5-hsl);
   --gender-female: var(--pink-7-hsl);
+  --shadow-color: 220 3% 15%;
+  --shadow-strength: 5%;
+  --inner-shadow-highlight: inset 0 -.5px 0 0 #fff, inset 0 .5px 0 0 rgba(0, 0, 0, .067);
 
   color: var(--foreground);
   background-color: var(--background);
@@ -36,6 +39,9 @@ html {
   --surface-2: var(--gray-10);
   --surface-3: var(--gray-9);
   --text-mute: var(--stone-8-hsl);
+  --shadow-color: 220 0% 100%;
+  --shadow-strength: 25%;
+  --inner-shadow-highlight: inset 0 -.5px 0 0 hsla(0, 0%, 100%, .067), inset 0 .5px 0 0 rgba(0, 0, 0, .467);
 }
 
 ::-webkit-scrollbar {