/**
 * Heading Block — Styles
 *
 * PHASE 4 — BLOCK SYSTEM (ATOMS ONLY). TOKEN-ONLY STYLING.
 *
 * Visual size classes (.atb-heading--lg etc.) are intentionally
 * decoupled from the semantic <h1>-<h6> tag rendered by heading.php —
 * the CSS here targets classes, never element selectors like h1/h2,
 * so the same visual size can be applied regardless of which heading
 * level the caller chose. No [data-atb-section="..."] selector
 * appears anywhere in this file.
 */

.atb-heading {
	margin: 0;
	font-family: var(--atb-font-family-heading, sans-serif);
	font-weight: var(--atb-font-weight-bold, 700);
	line-height: var(--atb-line-height-tight, 1.2);
	color: var(--atb-color-text, #171717);
}

/* Visual sizes */

.atb-heading--sm {
	font-size: var(--atb-font-size-lg, 1.125rem);
}

.atb-heading--md {
	font-size: var(--atb-font-size-xl, 1.25rem);
}

.atb-heading--lg {
	font-size: var(--atb-font-size-2xl, 1.5rem);
}

.atb-heading--xl {
	font-size: var(--atb-font-size-3xl, 1.875rem);
}

.atb-heading--2xl {
	font-size: var(--atb-font-size-4xl, 2.25rem);
}

.atb-heading--3xl {
	font-size: var(--atb-font-size-5xl, 3rem);
}

/* Alignment */

.atb-heading--align-left {
	text-align: left;
}

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

.atb-heading--align-right {
	text-align: right;
}