Act as a senior web designer. Set one type scale and vertical rhythm for the whole of {{business_name}}'s site, using our fonts: {{brand_fonts}}. Read the existing styles first and list every font size, line height and text margin in use, with how often each appears. Build the system: - a fluid scale from a 16 to 18px body: ratio 1.2 on mobile, 1.25 to 1.333 on desktop, using clamp so sizes grow between 360 and 1280px; give each level its minimum and maximum - named roles, not sizes: display, h1, h2, h3, h4, body-large, body, small, label, caption - line height per role: 1.5 to 1.65 for body, 1.1 to 1.25 for headings, 1.0 to 1.05 for display - letter-spacing: -0.02 to -0.03em on large headings, 0 for body, +0.04 to +0.08em on small uppercase labels - measure: body text capped at 60 to 75 characters, set in ch - rhythm: a 4px baseline unit; space above a heading about twice the space below it, so headings belong to their content; paragraph spacing of one body line; lists, quotes and figures on the same units - weights: three at most, each tied to roles Apply it: replace one-off sizes with the roles, keep the framework and components, and give long-form pages (blog, about, legal) a prose style on the same rhythm. Test with real content at 360, 768 and 1280px: a 3-line headline, a 1-word headline, a long paragraph, nested lists and a table. Nothing overflows, and text zooms to 200% without breaking. Avoid: more than eight sizes, headings that shrink below body size on mobile, centered paragraphs, hand-tuned margins on single elements. Finish with the scale as a table and a list of every file you changed and why.