From a44fdd6fe029a20a5df28051d7e870b1dea60782 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Fri, 17 Oct 2025 18:00:46 +0000
Subject: [PATCH] Fix markdown editor CSS variables

---
 src/styles/markdown-editor.css | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

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 */