diff --git a/assets/css/tailwind.css b/assets/css/tailwind.css
index 35c2646..ab90c26 100644
--- a/assets/css/tailwind.css
+++ b/assets/css/tailwind.css
@@ -38,6 +38,22 @@
   --font-serif: "Playfair Display", serif;
   --font-heading: "Playfair Display", serif;
   --font-sans: "Urbanist", sans-serif;
+
+  /* Typography (Prose) - Mapping to semantic variables */
+  --tw-prose-body: var(--text-primary);
+  --tw-prose-headings: var(--brand-primary);
+  --tw-prose-links: var(--brand-primary);
+  --tw-prose-bold: var(--text-primary);
+  --tw-prose-counters: var(--text-secondary);
+  --tw-prose-bullets: var(--brand-primary);
+  --tw-prose-quotes: var(--text-primary);
+  --tw-prose-quote-borders: var(--brand-primary);
+  --tw-prose-captions: var(--text-secondary);
+  --tw-prose-code: var(--text-primary);
+  --tw-prose-pre-code: var(--text-primary);
+  --tw-prose-pre-bg: var(--bg-secondary);
+  --tw-prose-th-borders: var(--bg-tertiary);
+  --tw-prose-td-borders: var(--bg-secondary);
 }
 
 /* Light Theme Overrides */
@@ -83,22 +99,7 @@ html[data-theme='light'] {
     @apply text-[var(--text-primary)] text-3xl font-bold hover:text-[var(--brand-primary)] transition-colors duration-200;
   }
 
-  /* Typography (Prose) Customization - Adaptive through semantic variables */
   .prose {
-    --tw-prose-body: var(--text-primary);
-    --tw-prose-headings: var(--brand-primary);
-    --tw-prose-links: var(--brand-primary);
-    --tw-prose-bold: var(--text-primary);
-    --tw-prose-counters: var(--text-secondary);
-    --tw-prose-bullets: var(--brand-primary);
-    --tw-prose-quotes: var(--text-primary);
-    --tw-prose-quote-borders: var(--brand-primary);
-    --tw-prose-captions: var(--text-secondary);
-    --tw-prose-code: var(--text-primary);
-    --tw-prose-pre-code: var(--text-primary);
-    --tw-prose-pre-bg: var(--bg-secondary);
-    --tw-prose-th-borders: var(--bg-tertiary);
-    --tw-prose-td-borders: var(--bg-secondary);
     max-width: 100%;
   }