/**
 * Fonts — CSS variables and utility classes for the selectable font set
 * (System Einstellungen → Font Einstellungen → Aktivierte Schriftarten).
 *
 * The @font-face declarations live in their own files (fonts-<slug>.css)
 * so a font only loads when it is selected. The variables/classes below are
 * always shipped (weightless) so components can be assigned a font class
 * regardless of which fonts are active — unselected fonts fall back to the
 * theme default (--font-family: "Open Sans").
 *
 * Available variables:
 *   --font-kaushan, --font-lato, --font-poppins, --font-source-sans-3,
 *   --font-cormorant-garamond
 * Available classes:
 *   .font-kaushan, .font-lato, .font-poppins, .font-source-sans-3,
 *   .font-cormorant-garamond
 */

:root {
	--font-kaushan: 'Kaushan Script', cursive;
	--font-lato: 'Lato', sans-serif;
	--font-poppins: 'Poppins', sans-serif;
	--font-source-sans-3: 'Source Sans 3', sans-serif;
	--font-cormorant-garamond: 'Cormorant Garamond', serif;
}

.font-kaushan {
	font-family: var(--font-kaushan);
}

.font-lato {
	font-family: var(--font-lato);
}

.font-poppins {
	font-family: var(--font-poppins);
}

.font-source-sans-3 {
	font-family: var(--font-source-sans-3);
}

.font-cormorant-garamond {
	font-family: var(--font-cormorant-garamond);
}