diff --git a/make_post_sell/static/css/common.css b/make_post_sell/static/css/common.css
index 1c647e0..c9c76f3 100644
--- a/make_post_sell/static/css/common.css
+++ b/make_post_sell/static/css/common.css
@@ -2296,10 +2296,15 @@ div.edit-page textarea.mps-content-description {
    border accent, and a subtle hover lift. The goal: each section
    reads as a discrete step the owner can act on. */
 div.edit-page > section.well2 {
-    background: var(--surface, #fff);
+    /* --surface / --color-border are NOT real tokens, so these used to
+       fall back to the light literals (#fff / #eee) in dark mode too —
+       glaring white cards on the dark edit page. --surface-base and
+       --border-light DO have dark values (#0d1117 / #5599dd) and keep
+       the light-mode look identical (#FFFFFF / #eeeeee). */
+    background: var(--surface-base, #fff);
     border-radius: var(--radius-lg, 12px);
     box-shadow: var(--elevation-1, 0 1px 3px rgba(0,0,0,0.06));
-    border: 1px solid var(--color-border, #eee);
+    border: 1px solid var(--border-light, #eee);
     transition: box-shadow var(--motion-fast, 150ms) ease,
                 transform var(--motion-fast, 150ms) ease;
 }