/**
 * FocalX — Typography base styles.
 *
 * Globale defaults for overskrifter og body text: konsistent margin-bottom
 * + line-height. Komponent-klasser (fx .fx-cta__title) overrider frit.
 *
 * Loader globalt efter tokens.css så alle sider og templates picker det op.
 */

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 16px;
	line-height: 1.2;
	font-weight: 700;
	color: var(--fx-text, #2d2f31);
}

h1 { margin-bottom: 24px; }
h2 { margin-bottom: 20px; }
h3 { margin-bottom: 16px; }
h4 { margin-bottom: 14px; }
h5 { margin-bottom: 12px; }
h6 { margin-bottom: 12px; }

/* Body text: konsistent margin-bottom mellem paragraffer */
p {
	margin: 0 0 20px;
}

p:last-child {
	margin-bottom: 0;
}

/* Strong: altid primær text-color site-wide, så fremhævninger står klart
   også i prose med muted body-color (fx .fx-vi-prose, .fx-ai-prose). */
strong, b {
	color: var(--fx-text, #2d2f31);
	font-weight: 700;
}

/* Fjern den globale margin på overskrifter der står som sidste barn i
   en container (fx. kun-heading sektioner) — undgår visuel "luft" nedad. */
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child {
	margin-bottom: 0;
}