// Gutenberg Font-size utility classes
:root {

	.is-extra-small-text,
	.has-extra-small-font-size {
		font-size: var(--global--font-size-xs);
	}

	.is-small-text,
	.has-small-font-size {
		font-size: var(--global--font-size-sm);
	}

	.is-regular-text,
	.has-regular-font-size,
	.is-normal-font-size,
	.has-normal-font-size,
	.has-medium-font-size {
		font-size: var(--global--font-size-base);
	}

	.is-large-text,
	.has-large-font-size {
		font-size: var(--global--font-size-lg);
		line-height: var(--global--line-height-heading);
	}

	.is-larger-text,
	.has-larger-font-size,
	.is-extra-large-text,
	.has-extra-large-font-size {
		font-size: var(--global--font-size-xl);
		line-height: var(--global--line-height-heading);
	}

	.is-huge-text,
	.has-huge-font-size {
		font-size: var(--global--font-size-xxl);
		line-height: var(--global--line-height-heading);

		// This size is meant to mimic the page titles, so the font weight is reduced to match.
		font-weight: var(--heading--font-weight-page-title);
	}

	.is-gigantic-text,
	.has-gigantic-font-size {
		font-size: var(--global--font-size-xxxl);
		line-height: var(--global--line-height-heading);

		// This size is meant to mimic the page titles, so the font weight is reduced to match.
		font-weight: var(--heading--font-weight-page-title);
	}
}