diff --git a/web/src/styles.css b/web/src/styles.css
index 8245ab0..70b62c1 100644
--- a/web/src/styles.css
+++ b/web/src/styles.css
@@ -1,11 +1,11 @@
 :root {
-  --bg: #f6f7f9;
+  --bg: #f2f7f4;
   --surface: #ffffff;
-  --surface-2: #f1f3f5;
-  --border: #e3e6ea;
-  --border-strong: #d1d6dc;
-  --text: #1a1f27;
-  --muted: #6b7480;
+  --surface-2: #eaf2ec;
+  --border: #dde8e1;
+  --border-strong: #c9d6cd;
+  --text: #17211b;
+  --muted: #6a7c71;
   --accent: #3f9c72;
   --accent-hover: #34825f;
   --accent-soft: #e6f3ec;
@@ -1001,13 +1001,13 @@ select.zeitraum:hover { color: var(--text); }
 /* ---------- Dark theme ---------- */
 @media (prefers-color-scheme: dark) {
   :root {
-    --bg: #0d1117;
-    --surface: #161b22;
-    --surface-2: #1c2230;
-    --border: #262d38;
-    --border-strong: #333c4a;
-    --text: #e6edf3;
-    --muted: #8b949e;
+    --bg: #0b1610;
+    --surface: #11211a;
+    --surface-2: #172a20;
+    --border: #223629;
+    --border-strong: #304637;
+    --text: #e6f0ea;
+    --muted: #8aa396;
     --accent: #6cc39d;
     --accent-hover: #82d0af;
     --accent-soft: #16291f;
@@ -1022,14 +1022,14 @@ select.zeitraum:hover { color: var(--text); }
   .alert.ok { background: #14301f; border-color: #21503a; }
 }
 :root[data-theme="dark"] {
-  --bg: #0d1117; --surface: #161b22; --surface-2: #1c2230; --border: #262d38;
-  --border-strong: #333c4a; --text: #e6edf3; --muted: #8b949e; --accent: #6cc39d;
+  --bg: #0b1610; --surface: #11211a; --surface-2: #172a20; --border: #223629;
+  --border-strong: #304637; --text: #e6f0ea; --muted: #8aa396; --accent: #6cc39d;
   --accent-hover: #82d0af; --accent-soft: #16291f; --danger: #f0857a; --danger-soft: #2a1a1a;
   --warn: #e0a955; --warn-soft: #2a2312; --ok: #5fbf8c;
 }
 :root[data-theme="light"] {
-  --bg: #f6f7f9; --surface: #ffffff; --surface-2: #f1f3f5; --border: #e3e6ea;
-  --border-strong: #d1d6dc; --text: #1a1f27; --muted: #6b7480; --accent: #3f9c72;
+  --bg: #f2f7f4; --surface: #ffffff; --surface-2: #eaf2ec; --border: #dde8e1;
+  --border-strong: #c9d6cd; --text: #17211b; --muted: #6a7c71; --accent: #3f9c72;
   --accent-hover: #34825f; --accent-soft: #e6f3ec; --danger: #c0392b; --danger-soft: #fbeceb;
   --warn: #b06f14; --warn-soft: #fbf3e6; --ok: #2e7d55;
 }