From aeff448448353f72c041d0755558f872af562ccc Mon Sep 17 00:00:00 2001
From: Local Administrator <localadministrator@onsethost.com>
Date: Wed, 3 Jun 2026 16:12:33 +0000
Subject: [PATCH] =?UTF-8?q?revert:=20typography=20phase-1=20=E2=80=94=20ba?=
 =?UTF-8?q?ck=20out=20body=20smoothing=20block=20+=20hero=20serif=20tighte?=
 =?UTF-8?q?ning?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Reverts the two typography-aesthetic edits from f1ecfe3:
  - src/styles/tailwind.css body rule: restore the 'smoothing intentionally NOT overridden' state (drops -webkit-font-smoothing antialiased, -moz-osx-font-smoothing grayscale, text-rendering optimizeLegibility, font-feature-settings, letter-spacing -0.005em).
  - src/components/FeaturedBentoFromDb.tsx:115 cinematic hero headline: restore text-2xl md:text-4xl lg:text-5xl leading-tight (drops text-[40px]/[48px]/[56px], leading-[1.05], tracking-[-0.02em], font-bold).

Intentionally kept from f1ecfe3:
  - NewsArticleDetailClient.tsx + ArticleDetailClient.tsx H1 navy fix (#0F172A) — readability bug, not typography aesthetic.
  - ArticleFeed.tsx Topics chip row removal — separate UI direction.
---
 src/components/FeaturedBentoFromDb.tsx | 2 +-
 src/styles/tailwind.css                | 9 ++++-----
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/components/FeaturedBentoFromDb.tsx b/src/components/FeaturedBentoFromDb.tsx
index ab676ec..e4eac25 100644
--- a/src/components/FeaturedBentoFromDb.tsx
+++ b/src/components/FeaturedBentoFromDb.tsx
@@ -112,7 +112,7 @@ export default async function FeaturedBento() {
                     {hero.category}
                   </div>
                 )}
-                <h3 className="font-serif text-[40px] md:text-[48px] lg:text-[56px] text-white leading-[1.05] tracking-[-0.02em] font-bold max-w-3xl group-hover:text-[var(--color-text-info,#60a5fa)] transition-colors">
+                <h3 className="font-serif text-2xl md:text-4xl lg:text-5xl text-white leading-tight max-w-3xl group-hover:text-[var(--color-text-info,#60a5fa)] transition-colors">
                   {hero.title}
                 </h3>
                 {hero.excerpt && (
diff --git a/src/styles/tailwind.css b/src/styles/tailwind.css
index f851f91..11b73e9 100644
--- a/src/styles/tailwind.css
+++ b/src/styles/tailwind.css
@@ -56,11 +56,10 @@ body {
   font-family: var(--font-body);
   background-color: var(--color-bg);
   color: var(--color-foreground);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-rendering: optimizeLegibility;
-  font-feature-settings: 'kern', 'liga';
-  letter-spacing: -0.005em;
+  /* Smoothing intentionally NOT overridden — `antialiased`/`grayscale` was
+     correct for the old dark theme but renders thinner/harsher on the new
+     light theme. Default OS smoothing (subpixel on Windows/older macOS,
+     `auto` elsewhere) gives Inter + Lora their intended weight. */
 }
 
 /* =====================