From bdbc2d9bf54767d0dfe572e235fcbbbd0bf484dd Mon Sep 17 00:00:00 2001
From: chihlasm <michael@chihlas.com>
Date: Tue, 24 Mar 2026 21:00:38 +0000
Subject: [PATCH] fix: add font-heading to branching component headings
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Match production design system — Bricolage Grotesque on h1/h2 elements.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 frontend/src/components/session/HandoffModal.tsx | 2 +-
 frontend/src/pages/DevBranchingPage.tsx          | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/session/HandoffModal.tsx b/frontend/src/components/session/HandoffModal.tsx
index 4e2826ac..e7561d1b 100644
--- a/frontend/src/components/session/HandoffModal.tsx
+++ b/frontend/src/components/session/HandoffModal.tsx
@@ -53,7 +53,7 @@ export function HandoffModal({ onClose, onSubmit }: HandoffModalProps) {
       >
         {/* Header */}
         <div className="flex items-center justify-between px-4 py-3 border-b border-default">
-          <h2 className="text-sm font-semibold text-heading">Hand Off Session</h2>
+          <h2 className="text-sm font-heading font-semibold text-heading">Hand Off Session</h2>
           <button
             type="button"
             onClick={onClose}
diff --git a/frontend/src/pages/DevBranchingPage.tsx b/frontend/src/pages/DevBranchingPage.tsx
index db49bd7c..bf3956bc 100644
--- a/frontend/src/pages/DevBranchingPage.tsx
+++ b/frontend/src/pages/DevBranchingPage.tsx
@@ -452,7 +452,7 @@ export default function DevBranchingPage() {
         <div className="max-w-3xl mx-auto w-full flex flex-col gap-6">
           {/* Page header */}
           <div>
-            <h1 className="text-lg font-semibold text-heading">
+            <h1 className="text-lg font-heading font-semibold text-heading">
               Conversational Branching — Component Test
             </h1>
             <p className="text-sm text-secondary mt-1">