/*
 * Typography utilities — pair with theme.json element styles.
 */

.liv-eyebrow {
	font-family: var(--wp--preset--font-family--body);
	font-size: 0.6875rem;
	font-weight: 500;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--liv-leaf-300);
}

.liv-eyebrow--muted { color: var(--liv-ink-300); }
.liv-eyebrow--paper { color: var(--liv-paper); }

.liv-display {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 900;
	letter-spacing: -0.025em;
	line-height: 1.02;
	text-transform: none;
}

.liv-display--leaf { color: var(--liv-leaf-300); }

.liv-serif {
	font-family: var(--wp--preset--font-family--serif);
	font-weight: 500;
}

/* Price emphasis — brand green, bold Roboto Slab. Scoped to the price element
   itself (via .liv-price) so sibling spec values (Sleeps/Length) and the global
   .liv-card__meta dd used by lineup-archive cards stay unaffected. The
   context-qualified selectors raise specificity above the existing dd rules. */
.liv-hero__price .liv-price,
.liv-build__pick-meta dd.liv-price,
.liv-card__meta dd.liv-price {
	font-family: var(--wp--preset--font-family--serif);
	font-weight: 800;
	color: var(--liv-leaf-300);
	letter-spacing: -0.01em;
	font-feature-settings: "tnum" 1;
}

.liv-label {
	font-size: 0.625rem;
	letter-spacing: 0.25em;
	text-transform: uppercase;
	color: var(--liv-ink-300);
	font-weight: 500;
}

.liv-divider {
	height: 1px;
	background: var(--liv-ink-500);
	border: 0;
	margin-block: var(--wp--preset--spacing--md);
}

.liv-leaf-rule {
	display: inline-block;
	width: 40px;
	height: 2px;
	background: var(--liv-leaf-300);
	margin-block-end: 1rem;
}