update

src/app/globals.css

@@ -1,8 +1,32 @@
 @import "tailwindcss";
 
 :root {
-  --background: #ffffff;
-  --foreground: #171717;
+  /* Neo-brutalist muted color palette */
+  --background: #FAF8F5;
+  --foreground: #3D3D3D;
+  --card-bg: #FEFDFB;
+  --border-color: #3D3D3D;
+
+  /* Muted accent colors */
+  --sage: #B8C5B3;
+  --sage-light: #CBD6C8;
+  --sage-dark: #A8B5A0;
+
+  --terracotta: #D4B5A0;
+  --terracotta-light: #E0C9B8;
+  --terracotta-dark: #C9A88E;
+
+  --blue-grey: #A5B4BE;
+  --blue-grey-light: #B8C5CE;
+  --blue-grey-dark: #9BAAB5;
+
+  --rose: #D4B5B8;
+  --rose-light: #E0C9CC;
+  --rose-dark: #C9A8AB;
+
+  --sand: #E8DCC8;
+  --sand-light: #F0E8D8;
+  --sand-dark: #DDD0BB;
 }
 
 @theme inline {
@@ -14,8 +38,30 @@
 
 @media (prefers-color-scheme: dark) {
   :root {
-    --background: #0a0a0a;
-    --foreground: #ededed;
+    --background: #1A1A1A;
+    --foreground: #E8E3D8;
+    --card-bg: #242424;
+    --border-color: #4D4D4D;
+
+    --sage: #8A9985;
+    --sage-light: #9BAA96;
+    --sage-dark: #7A8975;
+
+    --terracotta: #A38E7D;
+    --terracotta-light: #B29E8D;
+    --terracotta-dark: #937E6D;
+
+    --blue-grey: #7D8C95;
+    --blue-grey-light: #8D9CA5;
+    --blue-grey-dark: #6D7C85;
+
+    --rose: #A38E91;
+    --rose-light: #B39EA1;
+    --rose-dark: #937E81;
+
+    --sand: #B8AC98;
+    --sand-light: #C8BCA8;
+    --sand-dark: #A89C88;
   }
 }
 
@@ -24,3 +70,20 @@ body {
   color: var(--foreground);
   font-family: Arial, Helvetica, sans-serif;
 }
+
+/* Neo-brutalist shadow utilities */
+.shadow-neo-brutal {
+  box-shadow: 5px 5px 0px var(--border-color);
+}
+
+.shadow-neo-brutal-hover {
+  box-shadow: 7px 7px 0px var(--border-color);
+}
+
+.shadow-brutal {
+  box-shadow: 5px 5px 0px var(--border-color);
+}
+
+.shadow-brutal-hover {
+  box-shadow: 7px 7px 0px var(--border-color);
+}