/* ============================================================ Site-wide typography system — SMSACTIVE Two families only: DM Sans for headings, Inter for everything else. Include this file in every page's , together with the Google Fonts tags (see any page for the exact markup), before that page's own stylesheet so page rules can still override specifics. Category Font Weight H1 (main heading) DM Sans 700 Bold H2 (headings) DM Sans 700 Bold H3 (small headings) DM Sans 600 SemiBold Body text Inter 400 Regular Buttons Inter 600 SemiBold Lists / Navigation Inter 500 Medium Prices Inter 700 Bold Secondary text Inter 400 Regular ============================================================ */ @import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@600;700&family=Inter:wght@400;500;600;700&display=swap'); :root{ --font-heading:'DM Sans',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; --font-body:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; } body{ font-family:var(--font-body); font-weight:400; } h1{font-family:var(--font-heading);font-weight:700;} h2{font-family:var(--font-heading);font-weight:700;} h3{font-family:var(--font-heading);font-weight:600;} button, .btn, [type="button"], [type="submit"]{ font-family:var(--font-body); font-weight:600; } /* Prices: apply this class to any $ amount that isn't already covered by a page-specific rule. */ .price{ font-family:var(--font-body); font-weight:700; }