/*
 * Font-Dateien liegen in fonts/Titillium-Web/fonts.css (nur @font-face-
 * Regeln, kein CSS @import hier: das würde den Font-Request seriell hinter
 * globals.css hängen statt parallel zu laden – siehe includes/assets.php,
 * wo fonts.css als eigenes, aber an globals.css gekoppeltes Stylesheet
 * eingebunden wird). Für einen Theme-Wechsel: neuen Font-Ordner anlegen,
 * hier + in assets.php den Pfad austauschen.
 */

/*** globals ***/
:root {
	--main-color: #11568C;
	--main-color-dark: #01467c;
	--sec-color: #C90230;
	--sec-color-dark: #A8021F;
	--text-color: #4A5565;
	--negativ-color: #FFF;

	--text-font: "DIN Next LT W01", sans-serif;
	--hl-font: "DIN Next LT W01", sans-serif;

	--h1-fs: clamp(30px, 6vw, 64px);
	--h2-fs: clamp(25px, 5vw, 48px);
	--h3-fs: clamp(22px, 3vw, 36px);
	--h4-fs: clamp(20px, 3vw, 24px);
	--h1-lh: 1.15;

	--text-fs: clamp(16px, 2vw, 20px);
	--text-lh: 145%;
	--p-fs: var(--text-fs);
	--p-lh: var(--text-lh);
	--btn-fs: calc(var(--text-fs) + 2px);

	--border-radius: 15px;
}