Design hotfixes and improvements.

frontend/src/index.css

@@ -1,28 +1,29 @@
 :root {
-  --primary: #00450d;
-  --on-primary: #ffffff;
-  --primary-container: #1b5e20;
-  --on-primary-container: #90d689;
-  --secondary: #2b5bb5;
-  --on-secondary: #ffffff;
-  --secondary-container: #759efd;
-  --on-secondary-container: #00337c;
-  --tertiary: #4600ad;
-  --on-tertiary: #ffffff;
-  --tertiary-container: #6100e8;
-  --on-tertiary-container: #cebbff;
-  --surface: #f8fafb;
-  --on-surface: #191c1d;
+  /* Pastel, softer palette */
+  --primary: #7fbf8f; /* soft green */
+  --on-primary: #09310a; /* dark accent for contrast */
+  --primary-container: #cfead0;
+  --on-primary-container: #0d2b12;
+  --secondary: #a3b8ff; /* soft blue */
+  --on-secondary: #06204a;
+  --secondary-container: #dbe7ff;
+  --on-secondary-container: #0b2a66;
+  --tertiary: #c9b3ff; /* soft lavender */
+  --on-tertiary: #241342;
+  --tertiary-container: #efe7ff;
+  --on-tertiary-container: #3b2a5a;
+  --surface: #fbfbfb;
+  --on-surface: #111417;
   --on-surface-variant: #41493e;
   --surface-container-lowest: #ffffff;
   --surface-container-low: #f2f4f5;
   --surface-container: #eceeef;
   --surface-container-high: #e6e8e9;
   --surface-container-highest: #e1e3e4;
-  --error: #ba1a1a;
+  --error: #b91c1c;
   --on-error: #ffffff;
-  --error-container: #ffdad6;
-  --on-error-container: #93000a;
+  --error-container: #feecec;
+  --on-error-container: #610909;
   --outline: #717a6d;
   --outline-variant: #c0c9bb;
   --on-background: #191c1d;
@@ -64,12 +65,12 @@
   --glass-border: var(--outline-variant);
   --glass-shadow: var(--shadow-soft);
   --accent: var(--primary);
-  --accent-warm: #b45309;
-  --primary-hover: #1a6b2e;
-  --primary-ring: rgba(0, 69, 13, 0.22);
-  --primary-shadow: rgba(0, 69, 13, 0.18);
-  --primary-light: var(--primary-fixed);
-  --primary-faint: rgba(0, 69, 13, 0.08);
+  --accent-warm: #f5a97a;
+  --primary-hover: #6fb47f; /* slightly darker than primary */
+  --primary-ring: rgba(127, 191, 143, 0.22);
+  --primary-shadow: rgba(127, 191, 143, 0.12);
+  --primary-light: #eaf7ec;
+  --primary-faint: rgba(127, 191, 143, 0.06);
 }
 
 * {
@@ -108,6 +109,14 @@ body::before {
   z-index: -1;
 }
 
+body::after {
+  content: "";
+  position: fixed;
+  inset: 0;
+  background-color: rgba(255, 252, 245, 0.48);
+  z-index: -1;
+}
+
 #root {
   height: 100dvh;
   overflow: hidden;