/* Shared typography size utilities.
	These classes mimic Tailwind's default text-* scale so templates and the editor
	can rely on consistent sizing without requiring Tailwind on rendered templates.
*/

.text-xs { font-size: 0.75rem; line-height: 1rem; }
.text-sm { font-size: 0.875rem; line-height: 1.25rem; }
.text-base { font-size: 1rem; line-height: 1.5rem; }
.text-lg { font-size: 1.125rem; line-height: 1.75rem; }
.text-xl { font-size: 1.25rem; line-height: 1.75rem; }
.text-2xl { font-size: 1.5rem; line-height: 2rem; }
.text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
.text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
.text-5xl { font-size: 3rem; line-height: 1; }
.text-6xl { font-size: 3.75rem; line-height: 1; }
.text-7xl { font-size: 4.5rem; line-height: 1; }
.text-8xl { font-size: 6rem; line-height: 1; }
.text-9xl { font-size: 8rem; line-height: 1; }

/* Responsive overrides (Webflow-ish breakpoints: 991 / 767 / 479).
   Keep smaller sizes stable; scale down the big headings on smaller screens. */

@media (max-width: 991px) {
	.text-5xl { font-size: 2.5rem; line-height: 1.05; }
	.text-6xl { font-size: 3rem; line-height: 1.05; }
	.text-7xl { font-size: 3.75rem; line-height: 1.05; }
	.text-8xl { font-size: 4.5rem; line-height: 1.05; }
	.text-9xl { font-size: 6rem; line-height: 1.05; }
}

@media (max-width: 767px) {
	.text-4xl { font-size: 2rem; line-height: 1.1; }
	.text-5xl { font-size: 2.25rem; line-height: 1.1; }
	.text-6xl { font-size: 2.5rem; line-height: 1.1; }
	.text-7xl { font-size: 3rem; line-height: 1.1; }
	.text-8xl { font-size: 3.75rem; line-height: 1.05; }
	.text-9xl { font-size: 4.5rem; line-height: 1.05; }
}

@media (max-width: 479px) {
	.text-4xl { font-size: 1.75rem; line-height: 1.15; }
	.text-5xl { font-size: 2rem; line-height: 1.15; }
	.text-6xl { font-size: 2.25rem; line-height: 1.12; }
	.text-7xl { font-size: 2.5rem; line-height: 1.1; }
	.text-8xl { font-size: 3rem; line-height: 1.05; }
	.text-9xl { font-size: 3.5rem; line-height: 1.02; }
}

svg {color: var(--text-color--text-primary); fill: var(--text-color--text-primary);}