/* Semantic h1-h6 sizes come from base.css (fluid clamp scale).
   This file only carries eyebrow grouping, alignment, and visual-size escapes. */

.dt-heading-group {
	display: flex;
	flex-direction: column;
	gap: var(--space-3);
}

.dt-heading-group--center { align-items: center; text-align: center; }

.dt-heading--center { text-align: center; }

/* Visual-size overrides (rare; needs a reason). */
.dt-heading--size-xs       { font-size: var(--fs-xs); }
.dt-heading--size-sm       { font-size: var(--fs-sm); }
.dt-heading--size-base     { font-size: var(--fs-base); }
.dt-heading--size-md       { font-size: var(--fs-md); }
.dt-heading--size-lg       { font-size: var(--fs-lg); }
.dt-heading--size-xl       { font-size: var(--fs-xl); }
.dt-heading--size-2xl      { font-size: var(--fs-2xl); }
.dt-heading--size-3xl      { font-size: var(--fs-3xl); }
.dt-heading--size-section  { font-size: var(--fs-section); line-height: var(--lh-tight); letter-spacing: var(--ls-snug); }
.dt-heading--size-hero     { font-size: var(--fs-hero);    line-height: var(--lh-tight); letter-spacing: var(--ls-tight); }
.dt-heading--size-display  { font-size: var(--fs-display); line-height: var(--lh-tight); letter-spacing: var(--ls-tight); }

.dt-heading--weight-regular  { font-weight: var(--fw-regular); }
.dt-heading--weight-medium   { font-weight: var(--fw-medium); }
.dt-heading--weight-semibold { font-weight: var(--fw-semibold); }
.dt-heading--weight-bold     { font-weight: var(--fw-bold); }