From e4aa7a2a4308af4ae66f6211da36c46be92d2892 Mon Sep 17 00:00:00 2001
From: Brendan Chen <me@bchen.dev>
Date: Sat, 13 Sep 2025 15:51:35 -0700
Subject: [PATCH] Adjust background color for mobile navigation menu

---
 assets/css/colors.css     | 3 +++
 assets/css/global.css     | 3 ++-
 assets/css/navigation.css | 3 +--
 3 files changed, 6 insertions(+), 3 deletions(-)
 create mode 100644 assets/css/colors.css

diff --git a/assets/css/colors.css b/assets/css/colors.css
new file mode 100644
index 0000000..cb2e54b
--- /dev/null
+++ b/assets/css/colors.css
@@ -0,0 +1,3 @@
+:root {
+    --background-color: #f4f4f4;
+}
diff --git a/assets/css/global.css b/assets/css/global.css
index a1c817c..968fd75 100644
--- a/assets/css/global.css
+++ b/assets/css/global.css
@@ -1,8 +1,9 @@
 @import url('fonts.css');
 @import url('navigation.css');
+@import url('colors.css');
 
 html {
-    background-color: #f4f4f4;
+    background-color: var(--background-color);
 }
 
 body {
diff --git a/assets/css/navigation.css b/assets/css/navigation.css
index e3d6453..3bc5c56 100644
--- a/assets/css/navigation.css
+++ b/assets/css/navigation.css
@@ -90,9 +90,8 @@
         left: -100%;
         top: 80px;
         flex-direction: column;
-        background-color: white;
+        background-color: var(--background-color);
         width: 100%;
-        box-shadow: 0 10px 27px rgba(0, 0, 0, 0.05);
         z-index: 1000;
         gap: 0;
     }