/* yepx/text — own color token + inherit. WP text-color class unused. */

.yepx-text {
	margin: 0;
	max-width: 100%;
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
}

.yepx-text--align-left {
	text-align: left;
}

.yepx-text--align-center {
	text-align: center;
}

.yepx-text--align-right {
	text-align: right;
}

.yepx-text--align-justify {
	text-align: justify;
}

.yepx-text--ff-sans {
	font-family: var(--wp--preset--font-family--sans, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif);
}

.yepx-text--fs-sm {
	font-size: var(--wp--preset--font-size--sm, 0.875rem);
}

.yepx-text--fs-md {
	font-size: var(--wp--preset--font-size--md, 1rem);
}

.yepx-text--fs-lg {
	font-size: var(--wp--preset--font-size--lg, 1.25rem);
}

.yepx-text--fs-xl {
	font-size: var(--wp--preset--font-size--xl, clamp(1.75rem, 4vw, 2.5rem));
}

.yepx-text--fs-h1 {
	font-size: var(--wp--preset--font-size--h1, var(--yepx-h1, clamp(2.1rem, 4vw, 4.4rem)));
}

.yepx-text--fs-h2 {
	font-size: var(--wp--preset--font-size--h2, var(--yepx-h2, clamp(2rem, 3vw, 3.25rem)));
}

.yepx-text--fs-h3 {
	font-size: var(--wp--preset--font-size--h3, var(--yepx-h3, clamp(1.25rem, 1.2vw, 1.5rem)));
}

.yepx-text--fw-400 {
	font-weight: 400;
}

.yepx-text--fw-500 {
	font-weight: 500;
}

.yepx-text--fw-600 {
	font-weight: 600;
}

.yepx-text--fw-700 {
	font-weight: 700;
}

.yepx-text--fw-800 {
	font-weight: 800;
}

.yepx-text--has-color {
	color: var(--yepx-text-color);
}

.yepx-text--has-color :where(p, a, strong, em, i, b):not([style*="color"]) {
	color: inherit;
}
.yepx-text--has-color span:not([style*="color"]):not(.has-inline-color) {
	color: inherit;
}
.yepx-text span[style*="color"],
.yepx-text mark,
.yepx-text .has-inline-color {
	color: revert-layer;
}

.yepx-text p,
.yepx-text__edit {
	margin: 0;
}

.yepx-text a {
	text-decoration: underline;
}

.yepx-text--has-bg {
	padding-inline: 0.25em;
}