fix: standardize Blueprint empty state headings to font-heading

Replaced manual font-serif [font-style:var(--heading-style)] with the
font-heading class on the main heading and three step titles so the
Deployments empty state follows the same heading convention as the
rest of the app and respects the Calm/Signature theme toggle.
This commit is contained in:
SaelixCode
2026-07-03 14:16:52 -04:00
parent b0cb5b70d0
commit ff98eb3cd8
@@ -16,7 +16,7 @@ export function BlueprintEmptyState({ onCreate, canCreate }: BlueprintEmptyState
<span className="font-mono text-[10px] uppercase tracking-[0.2em]">Deployments · Blueprints</span>
</div>
</div>
<h3 className="font-serif text-2xl [font-style:var(--heading-style)] leading-tight tracking-[-0.01em] text-stat-value">
<h3 className="font-heading text-2xl leading-tight tracking-[-0.01em] text-stat-value">
Declare once. Distribute everywhere.
</h3>
<p className="font-sans text-sm leading-relaxed text-stat-subtitle">
@@ -47,7 +47,7 @@ function Step({ kicker, title, copy }: { kicker: string; title: string; copy: st
return (
<div className="flex flex-col gap-1.5">
<span className="font-mono text-[10px] uppercase tracking-[0.18em] text-brand">{kicker}</span>
<span className="font-serif [font-style:var(--heading-style)] text-base text-stat-value">{title}</span>
<span className="font-heading text-base text-stat-value">{title}</span>
<span className="text-xs text-stat-subtitle leading-relaxed">{copy}</span>
</div>
);