diff --git a/src/styles/markdown-editor.css b/src/styles/markdown-editor.css
index d57c2fa0..af707cfc 100644
--- a/src/styles/markdown-editor.css
+++ b/src/styles/markdown-editor.css
@@ -1,19 +1,19 @@
 /* MDEditor theme integration with shadcn/ui using data-color-mode */
 
-/* Light mode variables - pass HSL values WITHOUT hsl() wrapper */
+/* Light mode - explicit HSL values from theme */
 [data-color-mode="light"] {
-  --color-fg-default: var(--foreground);
-  --color-canvas-default: var(--background);
-  --color-border-default: var(--border);
-  --color-neutral-muted: var(--muted);
+  --color-fg-default: hsl(240, 10%, 3.9%);
+  --color-canvas-default: hsl(0, 0%, 100%);
+  --color-border-default: hsl(240, 5.9%, 90%);
+  --color-neutral-muted: hsl(240, 4.8%, 95.9%);
 }
 
-/* Dark mode variables - pass HSL values WITHOUT hsl() wrapper */
+/* Dark mode - explicit HSL values from theme */
 [data-color-mode="dark"] {
-  --color-fg-default: var(--foreground);
-  --color-canvas-default: var(--background);
-  --color-border-default: var(--border);
-  --color-neutral-muted: var(--muted);
+  --color-fg-default: hsl(0, 0%, 98%);
+  --color-canvas-default: hsl(240, 10%, 3.9%);
+  --color-border-default: hsl(240, 6%, 15%);
+  --color-neutral-muted: hsl(240, 5%, 20%);
 }
 
 /* Container styling */