/**
 * Revival Typography — shared type components
 *
 * Type-level patterns that aren't controls: section headings, and whatever
 * else joins them. Controls live in ui.css; this file is its sibling, not
 * its subset.
 *
 * Tune the token block and every instance follows. Do not hardcode values
 * in component sections — add a token instead.
 */

 :root {
	/* ---- Section heading ---- */
	--rv-section-heading-size: var(--text-s);
	--rv-section-heading-weight: 750;
	--rv-section-heading-tracking: 0.05em;
	--rv-section-heading-color: var(--neutral-semi-dark);
}

/* ===========================================================================
   SECTION HEADING
   The small uppercase label above a group of content — footer and nav
   submenu headers, sidebar section titles, card eyebrows, block labels.

   Kept as .section-heading since that class already exists and is the
   canonical treatment. Nothing else should reimplement uppercase-and-
   tracked text.
   =========================================================================== */

.section-heading {
	font-family: var(--text-font-family);
	font-size: var(--rv-section-heading-size);
	font-weight: var(--rv-section-heading-weight);
	line-height: var(--heading-line-height);
	color: var(--rv-section-heading-color);
	text-transform: uppercase;
	letter-spacing: var(--rv-section-heading-tracking);
}