diff --git a/assets/custom.css b/assets/custom.css
index 6346139..ec250a1 100644
--- a/assets/custom.css
+++ b/assets/custom.css
@@ -10,22 +10,22 @@
    ============================================================ */
 
 html.light {
-  --surface-primary: 234 243 234;   /* #eaf3ea — dashboard app green background */
-  --surface-secondary: 255 255 255; /* sidebar + composer box: white cards on green */
-  --surface-tertiary: 240 246 239;
-  --surface-hover: 223 237 222;     /* visible green hover on white surfaces */
+  --surface-primary: 250 248 245;   /* --cream #faf8f5 — dashboard page background */
+  --surface-secondary: 255 255 255; /* sidebar + composer box: white cards */
+  --surface-tertiary: 244 242 236;  /* #f4f2ec — dashboard chip background */
+  --surface-hover: 234 243 234;     /* #eaf3ea — dashboard green wash as hover */
   --surface-submit: 91 140 90;      /* --green-deep #5b8c5a */
   --surface-submit-hover: 107 168 107; /* --green-mid #6ba86b */
   --accent-primary: 91 140 90;      /* --green-deep */
   --accent-primary-hover: 107 168 107; /* --green-mid */
-  --ring-primary: 91 140 90;        /* --green-deep */
-  --link: 91 140 90;                /* --green-deep */
+  --ring-primary: 91 140 90;
+  --link: 74 122 74;
   --text-primary: 45 51 39;         /* --ink #2d3327 */
   --text-secondary: 107 122 98;     /* --muted #6b7a62 */
-  --border-light: 205 224 203;      /* green-tinted border */
-  --presentation: 234 243 234;      /* chat-form backdrop (was white) */
-  --surface-chat: 255 255 255;      /* chat box text areas: white, highlighted on green */
-  --surface-composer-hover: 223 237 222;
+  --border-light: 228 224 216;      /* --border #e4e0d8 */
+  --presentation: 250 248 245;      /* cream — composer band matches page */
+  --surface-chat: 255 255 255;      /* chat box text areas: white */
+  --surface-composer-hover: 244 242 236;
 }
 
 html.dark {
@@ -79,7 +79,7 @@ html.dark {
 
 /* ---- Loading screen: brand the pre-React flash instead of white/black ---- */
 #loading-container {
-  background-color: rgb(234, 243, 234); /* dashboard green */
+  background-color: rgb(250, 248, 245); /* cream */
 }
 @media (prefers-color-scheme: dark) {
   #loading-container {