/* Design tokens — "Klinische Klarheit". Single accent, 2px base radius,
   one deliberate exception (hero image) carries a larger asymmetric radius. */
:root {
	--primary: #1C3D5A;
	--primary-dark: #142c42;
	--accent: #7A9E8E;
	--accent-dark: #5f8475;
	--bg: #FFFFFF;
	--surface: #F4F3F0;
	--surface-border: #E4E1DA;
	--text: oklch(32% 0.06 240);
	--text-muted: oklch(46% 0.03 240);
	--on-primary: #FFFFFF;
	--radius: 2px;
	--radius-feature: 0 56px 0 56px;

	--font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
	--font-body: 'Source Sans 3', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

	/* Type scale ≈ major third (1.25), anchored so H1 : body ≥ 3x at every width. */
	--step-body: clamp(1.0625rem, 1rem + 0.2vw, 1.125rem);
	--step-small: 0.875rem;
	--step-h4: clamp(1.25rem, 1.15rem + 0.4vw, 1.5rem);
	--step-h3: clamp(1.6rem, 1.4rem + 0.8vw, 2.05rem);
	--step-h2: clamp(2.1rem, 1.7rem + 1.6vw, 2.9rem);
	--step-h1: clamp(3.2rem, 2.3rem + 3.2vw, 5rem);

	--measure: 65ch;

	/* Section rhythm deliberately varies — weit/eng/weit, never a flat repeat. */
	--space-tight: clamp(4rem, 3rem + 3vw, 5rem);
	--space-wide: clamp(6rem, 4rem + 7vw, 10rem);

	--ease-out: cubic-bezier(0.16, 1, 0.3, 1);
	--dur-fast: 180ms;
	--dur-base: 260ms;

	--container: 1240px;
	--gap: clamp(1.5rem, 4vw, 3rem);
}