/**
 * Eyebrow — Paragraph Style Variations
 *
 * Spec: specs/block-variations/heading.spec.json
 * Registers: eyebrow, eyebrow-on-dark
 *
 * The eyebrow text is small, uppercased, heavily tracked, and is a label
 * rather than a section heading. Apply it to a core paragraph block.
 * The horizontal accent rule that visually accompanies the eyebrow is a
 * separate core/separator block (composed in patterns), not part of
 * this variation.
 */

/* ---------- Eyebrow (light bg) ---------- */

.is-style-eyebrow {
	font-family: var(--wp--preset--font-family--dm-sans);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1.68px;
	color: var(--wp--preset--color--primary-red);
	line-height: 1.55;
	margin: 0 0 12px 0;
}

/* ---------- Eyebrow on dark sections ---------- */

.is-style-eyebrow-on-dark {
	font-family: var(--wp--preset--font-family--dm-sans);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1.68px;
	color: var(--wp--preset--color--border-light);
	line-height: 1.55;
	margin: 0 0 12px 0;
}

/* If balanced wrapping is needed, scope it to specific components/patterns instead of all headings/paragraphs. */