The body-font rule explicitly targeted span/a/p/li, which broke any
heading rendered as <span> (e.g. Typography variant="h3" as="span") or
any heading containing inline span/anchor children — those elements
matched the rule and reset their font to the body font, overriding
inheritance from the parent heading.
Set the body font once on `body` and let descendants inherit. Form
controls (button/input/textarea/select) get `font-family: inherit` so
they pick up the surrounding context instead of the UA default.
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Vite already compiles Tailwind via globals.css, so the runtime CDN
script duplicated styles and slowed first paint.
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
- Pulse theme tokens in app.schema.json: Archivo Black headings (weight 400)
+ Inter body, white bg / black pill buttons, xl radius, AI-generated
athletic imagery
- Add headerFontWeight theme prop so single-weight fonts (Archivo Black)
load and render correctly; ThemeProvider applies font-family + weight
inline so Typography works regardless of `as` element
- New shared Heading component (tagline / title / subtitle with size +
align + tone variants) and Typography caption variant for taglines;
refactor features, faq, cta, testimonials, products-carousel,
products-grid, collection-grid, recommended-products, image-gallery,
newsletter-cta to use them
- Hero accepts a `buttons` array (label / href / variant) replacing
primaryCta/secondaryCta; cover-image component removed and existing
cover blocks migrated to Hero blocks with `buttons: []`
- Newsletter CTA uses shadcn Button + Input so it inherits theme radius;
stacked layout fixed to keep the image
- Product/collection card titles use Typography subtitle variants
(font-body), heading font weight is theme-controlled
- Remove orphan commerce/shop-header.tsx and commerce/shop-footer.tsx;
the editor-driven navigation/footer are the live chrome
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
- Drop buttonRadius prop; button now uses --radius via rounded-md
- Inject @theme radius mappings into ThemeProvider so rounded-* utilities
pick up --radius inside the Tailwind CDN iframe
- Add shared Container that consumes --container-max-width set from the
global maxWidth prop, replacing ad-hoc "container mx-auto max-w-7xl px-6"
wrappers across commerce, landing, footer, navigation, and others
- Simplify maxWidth options to Small/Medium/Large/X-Large/Full bleed and
shift the scale up so Large (1280px) matches the previous default
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Replace the always-visible sidebar and inline mobile filter panel with a
single Filters button that opens a left-side Sheet, with Clear (outline)
and Search (default) actions in the footer for consistency across pages.
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
