:root {
--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
--font-display: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
--font-h1: "Space Grotesk", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
--fw-h1: 700; --fw-h2: 700; --fw-h3: 600;
--fs-utility: 14px;    --fw-utility: 500;
--fs-cat: 15px;        --fw-cat: 500;
--fs-section: 22px;    --fw-section: 700;
--fs-card-title: 15px;
--fs-card-meta: 11px;
--fs-card-price: 17px;
--fs-pdp-title: 28px;
--fs-pdp-price: 36px;
--fs-body: 15px;
--fs-btn-lg: 21px;
--fs-ribbon: 9.5px;
--fs-navy-h: 40px;
--fs-quote: 44px;
--fs-display-hero: 76px;
--fs-promo-name: 38px;
--text-section-title: var(--fw-section) var(--fs-section)/1.1 var(--font);
--text-card-title: 700 var(--fs-card-title)/1.2 var(--font);
--text-body-font: 400 var(--fs-body)/1.5 var(--font);
}
h1, h1 * { font-family: var(--font-h1) !important; }