/* Phase 2 Fluid Typography Layer
 * This file augments fonts.css (which holds @font-face declarations) with
 * scale documentation or overrides. Currently core scale is defined inside fonts.css.
 * If you want to decouple later, move the :root clamp scale block here and remove from fonts.css.
 */

/* Placeholder: additional responsive overrides example
@media (min-width:1400px){
	:root {
		--step-6: clamp(3.6rem, 2.6rem + 2.2vw, 4.6rem);
	}
}
*/

/* Provide a class to opt-in legacy sections to the new fluid scale without refactoring markup */
.use-fluid-type .legacy-heading-xl { font-size: var(--text-4xl); line-height:1.15; }
.use-fluid-type .legacy-heading-lg { font-size: var(--text-3xl); line-height:1.18; }
.use-fluid-type .legacy-heading-md { font-size: var(--text-2xl); line-height:1.22; }
.use-fluid-type .legacy-heading-sm { font-size: var(--text-xl); line-height:1.28; }