/* ==============================================
   Fluid Typography Scale - App Style Mobile-First
   ============================================== */

/* --- Display (Hero / Statement) --- */

.fs-display-0 {
	font-size: clamp(3.125rem, 2.625rem + 2vw, 4.5rem);
	/* Mobile: 50px → Desktop: 72px */
	line-height: clamp(1.0em, 0.98em + 0.08vw, 1.1em);
	letter-spacing: -0.02em;
}

.fs-display-1 {
	font-size: clamp(2.5rem, 1.9545rem + 2.1818vw, 4rem);
	/* Mobile: 40px → Desktop: 64px */
	line-height: clamp(1.05em, 1.02em + 0.12vw, 1.15em);
	letter-spacing: -0.02em;
}

.fs-display-2 {
	font-size: clamp(2.125rem, 1.8068rem + 1.2727vw, 3rem);
	/* Mobile: 34px → Desktop: 48px */
	line-height: clamp(1.05em, 1.02em + 0.12vw, 1.15em);
	letter-spacing: -0.02em;
}

/* --- Heading Scale --- */

h1, .fs-h1 {
	font-size: clamp(1.875rem, 1.6477rem + 0.9091vw, 2.375rem);
	/* Mobile: 30px → Desktop: 38px */
}

h2, .fs-h2 {
	font-size: clamp(1.625rem, 1.4318rem + 0.7727vw, 2.0625rem);
	/* Mobile: 26px → Desktop: 33px */
}

h3, .fs-h3 {
	font-size: clamp(1.4375rem, 1.2614rem + 0.7045vw, 1.8125rem);
	/* Mobile: 23px → Desktop: 29px */
}

h4, .fs-h4 {
	font-size: clamp(1.25rem, 1.1136rem + 0.5455vw, 1.5625rem);
	/* Mobile: 20px → Desktop: 25px */
}

h5, .fs-h5 {
	font-size: clamp(1.125rem, 1.0114rem + 0.4545vw, 1.375rem);
	/* Mobile: 18px → Desktop: 22px */
}

h6, .fs-h6 {
	font-size: clamp(1.0625rem, 0.9659rem + 0.3864vw, 1.25rem);
	/* Mobile: 17px → Desktop: 20px */
}

/* --- Body / Paragraph Scale --- */

p, .fs-p {
	font-size: clamp(1rem, 0.9318rem + 0.2727vw, 1.125rem);
	/* Mobile: 16px → Desktop: 18px */
}

.fs-psm {
	font-size: clamp(0.875rem, 0.8182rem + 0.2273vw, 0.9375rem);
	/* Mobile: 14px → Desktop: 15px */
}

.fs-pxs {
	font-size: clamp(0.75rem, 0.7273rem + 0.0909vw, 0.8125rem);
	/* Mobile: 12px → Desktop: 13px */
}

/* ==============================================
   Line-height fluido
   ============================================== */

h1, .fs-h1 {
	line-height: clamp(1.1em, 1.05em + 0.2vw, 1.25em);
}

h2, .fs-h2 {
	line-height: clamp(1.15em, 1.1em + 0.2vw, 1.3em);
}

h3, h4, h5, h6 {
	line-height: clamp(1.2em, 1.15em + 0.2vw, 1.35em);
}

p, .fs-p {
	line-height: clamp(1.5em, 1.4em + 0.4vw, 1.7em);
}

.fs-psm {
	line-height: clamp(1.4em, 1.35em + 0.2vw, 1.6em);
}

.fs-pxs {
	line-height: clamp(1.4em, 1.35em + 0.2vw, 1.6em);
}