ui/src/app.css

@@ -100,13 +100,13 @@
 /* ── Forest theme — dark green ────────────────────────────────────────── */
 [data-theme="forest"] {
 	--color-brand:     #4ade80;   /* green-400 */
-	--color-brand-dim: #16a34a;   /* green-600 */
+	--color-brand-dim: #22c55e;   /* green-500 — brighter than green-600 for hover */
 	--color-surface:   #0a130d;   /* custom near-black green */
-	--color-surface-2: #111c14;   /* custom dark green */
-	--color-surface-3: #1a2e1e;   /* custom mid green */
-	--color-muted:     #6b9a77;   /* custom muted green */
-	--color-text:      #e8f5e9;   /* custom light green-tinted white */
-	--color-border:    #1e3a24;   /* custom green border */
+	--color-surface-2: #14201a;   /* custom dark green — lifted slightly for card depth */
+	--color-surface-3: #1f3326;   /* custom mid green — more contrast from surface-2 */
+	--color-muted:     #a3c9a8;   /* lightened: readable body text, still green-tinted */
+	--color-text:      #eaf5eb;   /* near-white with green tint */
+	--color-border:    #2c4e34;   /* more visible green border */
 	--color-danger:    #f87171;   /* red-400 */
 	--color-success:   #4ade80;   /* green-400 */
 }