/*
 * BuildControl Eco Health – Design-Tokens (CSS Custom Properties).
 * © BuildControl Eco Health UG · Entwicklung: Tobias Krug – IT-Krug.de
 *
 * Farbwerte vorläufig aus dem Logo (Grün/Blau) bzw. den Entwurfs-Screenshots
 * (Petrol-Headings) abgeleitet. Final gegen die Vektorquelle verifizieren
 * (Desktop/BuildControl/Images/*BuildControl MK.eps/.pdf).
 */
:root {
	/* Markenfarben (final, vom Auftraggeber bestätigt: Logo-Blau #009ee3, Logo-Grün #61b344) */
	--bc-green: #61b344;
	--bc-green-dark: #4f9a35;
	--bc-blue: #009ee3;
	--bc-blue-dark: #0080bd;
	--bc-teal: #1b5e6f;

	/* Neutrals */
	--bc-ink: #1f2a2e;
	--bc-muted: #5a6b6e;
	--bc-bg: #ffffff;
	--bc-bg-soft: #f4f7f6;
	--bc-border: #e3e9e8;

	/* Typografie */
	--bc-font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--bc-font-head: "Manrope", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
	--bc-line: 1.65;

	/* Layout */
	--bc-container: 1200px;
	--bc-container-narrow: 760px;
	--bc-gutter: clamp(1rem, 4vw, 2rem);

	/* Abstände */
	--bc-space-s: 1rem;
	--bc-space-m: 1.75rem;
	--bc-space-l: 3rem;
	--bc-space-xl: clamp(3.5rem, 8vw, 6rem);

	/* Radius / Schatten / Übergänge */
	--bc-radius: 14px;
	--bc-radius-sm: 8px;
	--bc-shadow: 0 10px 30px rgba(15, 91, 94, 0.08);
	--bc-shadow-hover: 0 16px 40px rgba(15, 91, 94, 0.14);
	--bc-transition: 0.2s ease;
}