diff --git a/src/app/articles/[slug]/ArticleDetailClient.tsx b/src/app/articles/[slug]/ArticleDetailClient.tsx
index 1a6bb2f..cddcd51 100644
--- a/src/app/articles/[slug]/ArticleDetailClient.tsx
+++ b/src/app/articles/[slug]/ArticleDetailClient.tsx
@@ -252,7 +252,7 @@ export default function ArticleDetailClient({ article, relatedArticles, relatedF
                 <span className="text-xs text-[#555]">·</span>
                 <span className="text-xs text-[#777]">{article.readTime}</span>
               </div>
-              <h1 className="font-heading text-3xl md:text-4xl font-bold mb-4 leading-tight text-[#0F172A]">
+              <h1 className="font-serif text-3xl md:text-4xl font-bold mb-4 leading-tight text-[#1e293b]">
                 {article.title}
               </h1>
               <div className="mb-4">
@@ -271,7 +271,7 @@ export default function ArticleDetailClient({ article, relatedArticles, relatedF
                   <div>
                     <Link
                       href={`/authors/${article.authorSlug}`}
-                      className="font-heading font-bold text-sm hover:text-[#1D4ED8] transition-colors text-[#e0e0e0]">
+                      className="font-serif font-bold text-sm hover:text-[#1D4ED8] transition-colors text-[#1e293b]">
                       {article.author}
                     </Link>
                     <p className="font-body text-xs text-[#777]">{article.authorTitle}</p>
diff --git a/src/app/news/[slug]/NewsArticleDetailClient.tsx b/src/app/news/[slug]/NewsArticleDetailClient.tsx
index 6d286d6..5dd5533 100644
--- a/src/app/news/[slug]/NewsArticleDetailClient.tsx
+++ b/src/app/news/[slug]/NewsArticleDetailClient.tsx
@@ -306,13 +306,13 @@ export default function NewsArticleDetailClient({
                 <span className="text-xs text-[#777]">{article.readTime}</span>
               </div>
 
-              <h1 className="font-heading text-3xl md:text-4xl font-bold mb-4 leading-tight text-[#0F172A]">
+              <h1 className="font-serif text-3xl md:text-4xl font-bold mb-4 leading-tight text-[#1e293b]">
                 {article.title}
               </h1>
               <div className="mb-4">
                 <StarRating seed={article.slug} publishedAt={article.publishedAt || article.date} size="md" />
               </div>
-              <p className="font-body text-lg text-[#999] mb-6 leading-relaxed">
+              <p className="font-serif text-lg text-[#1e293b] mb-6 leading-relaxed">
                 {article.excerpt}
               </p>
 
@@ -329,7 +329,7 @@ export default function NewsArticleDetailClient({
                   <div>
                     <Link
                       href={`/authors/${article.authorSlug}`}
-                      className="font-heading font-bold text-sm hover:text-[#1D4ED8] transition-colors text-[#e0e0e0]">
+                      className="font-serif font-bold text-sm hover:text-[#1D4ED8] transition-colors text-[#1e293b]">
                       {article.author}
                     </Link>
                     <p className="font-body text-xs text-[#777]">{article.authorTitle}</p>