Rebrand store as Pulse with athletic theme and shared typography

- 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>

components/navigation/navigation.tsx

@@ -4,6 +4,7 @@ import { Link } from "react-router";
 import { useShopifyCart } from "@/hooks/use-shopify-cart";
 import { Sheet, SheetContent, SheetHeader, SheetTitle } from "@/components/ui/sheet";
 import { Container } from "@/components/layout/Container";
+import { Typography } from "@/components/Typography";
 import { cn } from "@/lib/utils";
 
 export type NavigationProps = {
@@ -51,11 +52,7 @@ export function Navigation({
         )}
       >
         <Container className="flex h-16 items-center justify-between md:h-20">
-          <Link
-            to="/"
-            className="inline-flex items-center font-semibold tracking-tight"
-            style={{ fontSize: "1.125rem", letterSpacing: "0.02em" }}
-          >
+          <Link to="/" className="inline-flex items-center">
             {logo ? (
               <img
                 src={logo}
@@ -63,7 +60,9 @@ export function Navigation({
                 className="h-8 w-auto object-contain"
               />
             ) : (
-              brand || "Brand Logo"
+              <Typography variant="h3" as="span">
+                {brand || "Brand Logo"}
+              </Typography>
             )}
           </Link>