/*
 * Design-System „Klares Handwerk – Klempner-Präzision"
 * Farb-Guardrail: gedämpfte, natürliche Palette – kein Neon, kein Vollton.
 */

:root {
	/* Kernfarben (können per Customizer überschrieben werden) */
	--primary: #0F3D5C;      /* Klempnerblau */
	--primary-dark: oklch(24% 0.055 240);
	--primary-soft: oklch(94% 0.02 240);
	--accent: #B8722C;       /* Kupfer */
	--accent-soft: oklch(90% 0.05 65);
	--slate: #3A4750;

	--bg: #FAFAF7;
	--bg-alt: oklch(96.5% 0.006 90);
	--surface: #FFFFFF;
	--ink: oklch(22% 0.03 240);
	--ink-soft: oklch(40% 0.035 240);
	--ink-faint: oklch(58% 0.02 240);
	--border: oklch(89% 0.012 90);
	--border-strong: oklch(78% 0.015 90);

	--white: #FFFFFF;

	/* Typografie */
	--font-display: 'Fraunces', 'Iowan Old Style', Georgia, serif;
	--font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

	/* Radius & Bewegung */
	--radius: 4px;
	--radius-lg: 8px;
	--ease-out: cubic-bezier(0.16, 1, 0.3, 1);
	--dur-ui: 220ms;
	--dur-section: 640ms;

	/* Schatten (weich, navy-getönt statt hart schwarz) */
	--shadow-sm: 0 1px 2px oklch(22% 0.03 240 / 0.06), 0 1px 1px oklch(22% 0.03 240 / 0.04);
	--shadow-md: 0 8px 24px oklch(22% 0.03 240 / 0.10), 0 2px 8px oklch(22% 0.03 240 / 0.06);
	--shadow-lg: 0 24px 56px oklch(22% 0.03 240 / 0.16), 0 8px 20px oklch(22% 0.03 240 / 0.08);

	/* Layout */
	--container: 1280px;
	--container-narrow: 860px;
	--gutter: clamp(1.25rem, 4vw, 3rem);
	--section-space: clamp(3.5rem, 8vw, 7.5rem);
	--grid-gap: clamp(1.5rem, 3vw, 3rem);

	--header-h: 92px;
	--header-h-condensed: 68px;
}