/* aeterno-lp-2026 · SION Design
   Design-Tokens. Farbwerte stehen ausschließlich hier — site.css und die
   Modul-Stylesheets arbeiten nur mit var(). */

:root {
	/* Flächen und Marke */
	--c-primary: #2f2969;
	--c-primary-hover: #211d4a;
	--c-primary-soft: #eceaf2;
	--c-surface: #f7f6fa;
	--c-bg: #ffffff;
	--c-white: #ffffff;

	/* Text */
	--c-text: #26232e;
	--c-text-2: #55516b;
	--c-text-3: #8a87a6;
	--c-placeholder: #a09db8;
	--c-star: #f5b301;
	--c-err: #c0392b;

	/* Auf Primärfläche */
	--c-on-primary: #dedbee;
	--c-on-primary-label: #b7b3d4;
	--c-footer-text: #c8c4e0;
	--c-footer-kicker: #a6a1cc;

	/* Linien */
	--line-1: #eceaf2;
	--line-2: #e8e6ef;
	--line-3: #e3e1ec;
	--line-4: #dedbe8;
	--line-input: #d8d5e6;

	/* Halbtransparente Flächen auf Foto bzw. Primärfläche */
	--c-footer-line: rgba(255, 255, 255, .22);
	--c-badge-bg: rgba(255, 255, 255, .94);
	--c-on-primary-circle: rgba(255, 255, 255, .15);

	/* Schrift */
	--sans: "Source Sans 3", Arial, sans-serif;
	--serif: Georgia, "Times New Roman", serif;

	/* Maße */
	--maxw: 1184px;
	--maxw-hero: 1280px;
	--maxw-narrow: 900px;
	--pad-section: 60px 48px;
	--pad-section-m: 44px 20px;
	/* Der einzige Umbruch der Seite. Media Queries können keine Custom
	   Properties lesen — der Wert steht dort als 900px, hier zur Dokumentation. */
	--bp: 900px;

	/* Radien */
	--r-pill: 999px;
	--r-card: 12px;
	--r-badge: 10px;
	--r-btn: 8px;

	/* Schriftgrößen */
	--fs-h1: 50px;
	--fs-h2: 34px;
	--fs-kpi: 28px;
	--fs-sum: 26px;
	--fs-card: 21px;
	--fs-lede: 19px;
	--fs-body: 17px;
	--fs-meta: 15px;
}

@media (max-width: 900px) {
	:root {
		--fs-h1: 34px;
	}
}