From 48da1cd571b290aa4518b62d52df07862c277a94 Mon Sep 17 00:00:00 2001
From: hobokenchicken <dustin@dustin.coffee>
Date: Thu, 23 Apr 2026 09:48:59 -0400
Subject: [PATCH] style: apply earthy site palette

---
 frontend/src/app/globals.css | 88 ++++++++++++++++++------------------
 1 file changed, 44 insertions(+), 44 deletions(-)

diff --git a/frontend/src/app/globals.css b/frontend/src/app/globals.css
index 4367590..7d7cd9b 100644
--- a/frontend/src/app/globals.css
+++ b/frontend/src/app/globals.css
@@ -32,48 +32,48 @@
 
 @layer base {
 	:root {
-		--background: 48 100% 96%;
-		--foreground: 20 6% 16%;
-		--card: 30 100% 97%;
-		--card-foreground: 20 6% 16%;
-		--popover: 0 0% 100%;
-		--popover-foreground: 20 6% 16%;
-		--primary: 0 72% 42%;
-		--primary-foreground: 48 100% 96%;
-		--secondary: 30 47% 90%;
-		--secondary-foreground: 20 6% 16%;
-		--muted: 28 47% 90%;
-		--muted-foreground: 24 6% 47%;
-		--accent: 28 52% 64%;
-		--accent-foreground: 20 6% 16%;
+		--background: 42 38% 93%; /* Wheat */
+		--foreground: 24 12% 19%;
+		--card: 42 30% 96%;
+		--card-foreground: 24 12% 19%;
+		--popover: 42 30% 96%;
+		--popover-foreground: 24 12% 19%;
+		--primary: 18 58% 44%; /* Terracotta */
+		--primary-foreground: 42 38% 96%;
+		--secondary: 172 18% 84%; /* Duck Egg Blue */
+		--secondary-foreground: 24 12% 19%;
+		--muted: 24 8% 74%; /* Feather Grey */
+		--muted-foreground: 24 8% 38%;
+		--accent: 42 43% 82%; /* Wheat */
+		--accent-foreground: 24 12% 19%;
 		--destructive: 0 72% 50%;
-		--destructive-foreground: 48 100% 96%;
-		--border: 28 24% 87%;
-		--input: 28 24% 87%;
-		--ring: 0 72% 42%;
+		--destructive-foreground: 42 38% 96%;
+		--border: 24 12% 82%;
+		--input: 24 12% 82%;
+		--ring: 18 58% 44%;
 		--radius: 0.5rem;
 	}
 
 	.dark {
-		--background: 20 9% 10%;
-		--foreground: 40 33% 94%;
-		--card: 24 9% 14%;
-		--card-foreground: 40 33% 94%;
-		--popover: 24 9% 14%;
-		--popover-foreground: 40 33% 94%;
-		--primary: 0 72% 50%;
-		--primary-foreground: 20 9% 10%;
-		--secondary: 24 13% 22%;
-		--secondary-foreground: 40 33% 94%;
-		--muted: 24 6% 25%;
-		--muted-foreground: 24 6% 64%;
-		--accent: 28 82% 32%;
-		--accent-foreground: 40 33% 94%;
+		--background: 24 12% 13%;
+		--foreground: 42 38% 94%;
+		--card: 24 10% 16%;
+		--card-foreground: 42 38% 94%;
+		--popover: 24 10% 16%;
+		--popover-foreground: 42 38% 94%;
+		--primary: 18 58% 52%;
+		--primary-foreground: 24 12% 13%;
+		--secondary: 172 14% 26%;
+		--secondary-foreground: 42 38% 94%;
+		--muted: 24 8% 28%;
+		--muted-foreground: 24 8% 68%;
+		--accent: 42 24% 34%;
+		--accent-foreground: 42 38% 94%;
 		--destructive: 0 84% 60%;
-		--destructive-foreground: 20 9% 10%;
-		--border: 24 6% 33%;
-		--input: 24 6% 33%;
-		--ring: 0 72% 50%;
+		--destructive-foreground: 24 12% 13%;
+		--border: 24 8% 30%;
+		--input: 24 8% 30%;
+		--ring: 18 58% 52%;
 	}
 }
 
@@ -89,17 +89,17 @@
 				90deg,
 				transparent,
 				transparent 2px,
-				rgba(120, 53, 15, 0.015) 2px,
-				rgba(120, 53, 15, 0.015) 4px
+				rgba(125, 94, 69, 0.018) 2px,
+				rgba(125, 94, 69, 0.018) 4px
 			),
 			radial-gradient(
 				circle at 15% 50%,
-				rgba(217, 119, 6, 0.06) 0%,
+				rgba(18, 147, 164, 0.08) 0%,
 				transparent 50%
 			),
 			radial-gradient(
 				circle at 85% 80%,
-				rgba(185, 28, 28, 0.04) 0%,
+				rgba(192, 111, 74, 0.07) 0%,
 				transparent 40%
 			);
 	}
@@ -110,17 +110,17 @@
 				90deg,
 				transparent,
 				transparent 2px,
-				rgba(251, 191, 36, 0.012) 2px,
-				rgba(251, 191, 36, 0.012) 4px
+				rgba(196, 217, 217, 0.02) 2px,
+				rgba(196, 217, 217, 0.02) 4px
 			),
 			radial-gradient(
 				circle at 15% 50%,
-				rgba(217, 119, 6, 0.05) 0%,
+				rgba(18, 147, 164, 0.08) 0%,
 				transparent 50%
 			),
 			radial-gradient(
 				circle at 85% 80%,
-				rgba(185, 28, 28, 0.03) 0%,
+				rgba(192, 111, 74, 0.05) 0%,
 				transparent 40%
 			);
 	}