/*
 * Typography-Foundation
 *
 * Alle Defaults via :where() (Specificity 0) — Plugin-Widget-CSS (auch :where()
 * mit Specificity 0) und Elementor-Style-Tab-Controls (Specificity 0,2,0) gewinnen
 * immer. Verhindert dass theme-Typography Widget-Defaults überschreibt.
 */

:where(body) {
	font-family: var(--ln-font-body);
	font-size: var(--ln-font-size-base);
	line-height: 1.6;
	color: var(--ln-dark);
	background: var(--ln-white);
}

:where(h1, h2, h3, h4, h5, h6) {
	font-family: var(--ln-font-heading);
	font-weight: 900;
	line-height: 1.15;
	color: var(--ln-dark);
}

:where(h1) { font-size: clamp(32px, 4.5vw, 52px); letter-spacing: -1px; }
:where(h2) { font-size: clamp(28px, 3.5vw, 42px); letter-spacing: -0.5px; }
:where(h3) { font-size: clamp(20px, 2.2vw, 24px); }
:where(h4) { font-size: 18px; }
:where(h5) { font-size: 16px; }
:where(h6) { font-size: 14px; text-transform: uppercase; letter-spacing: 1px; }

:where(p) {
	color: var(--ln-mid);
	line-height: 1.7;
}

strong, b {
	font-weight: 700;
}

:where(a) {
	color: var(--ln-primary);
	transition: color var(--ln-transition);
}

:where(a:hover) {
	color: var(--ln-primary-dark);
}

:where(small) {
	font-size: 12px;
}

/* Eyebrow-Label */
.ln-eyebrow {
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 3px;
	color: var(--ln-primary);
}