style: apply earthy site palette

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