From a80b914a1715b91b69386ef5eee2edd007fb1326 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= <valknar@pivoine.art>
Date: Fri, 20 Feb 2026 08:54:47 +0100
Subject: [PATCH] style: fix prose styling with native Tailwind v4 opacity
 syntax

---
 assets/css/tailwind.css | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)

diff --git a/assets/css/tailwind.css b/assets/css/tailwind.css
index 4ac973d..519a99b 100644
--- a/assets/css/tailwind.css
+++ b/assets/css/tailwind.css
@@ -83,6 +83,34 @@ html[data-theme='light'] {
   #mobile-menu nav ul li a {
     @apply text-[var(--text-primary)] text-3xl font-bold hover:text-[var(--brand-primary)] transition-colors duration-200;
   }
+
+  /* Typography (Prose) Customization */
+  .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%;
+  }
+
+  .prose h1, .prose h2, .prose h3, .prose h4, .prose h5, .prose h6 {
+    font-family: var(--font-heading);
+    @apply font-bold tracking-tight;
+  }
+
+  .prose a {
+    @apply font-medium no-underline border-b border-[var(--brand-primary)]/30 hover:border-[var(--brand-primary)] transition-all duration-200;
+  }
 }
 
 .site-logo {