/**
 * Crowd Favorite — reusable typography utilities.
 * Loaded site-wide (front-end + editor) so these classes can be used on any
 * page or landing template. Keep additions here generic and content-agnostic.
 */

/**
 * cf-accent-underline
 * A CF-red accent underline that hugs the inline content width. Put it on any
 * inline text element (span, em, strong, a) inside a heading, paragraph,
 * button, etc.  e.g.  <span class="cf-accent-underline">word</span>
 * Uses text-decoration so it tracks the content width, wraps across lines,
 * and scales with the element's font size.
 */
.cf-accent-underline {
	text-decoration-color: var(--wp--preset--color--red, #e72412);
	text-decoration-line: underline;
	text-decoration-skip-ink: none;
	text-decoration-thickness: 0.08em;
	text-underline-offset: 0.12em;
}