/* Design-System "Klinische Klarheit" — Design-Tokens */

:root {
	/* Farben: Primär/Akzent pflegbar (Customizer liefert --c-*-hex), Rest fest in oklch */
	--primary: var(--c-primary-hex, #1c3a52);
	--primary-ink: oklch(98% 0.003 240);
	--accent: var(--c-accent-hex, #7a9c83);
	--accent-ink: oklch(18% 0.02 160);

	--bg: oklch(98% 0.003 240);
	--surface: oklch(99.4% 0.002 240);
	--ink: oklch(22% 0.01 240);
	--ink-muted: oklch(45% 0.015 240);
	--line: oklch(85% 0.012 240);
	--line-strong: oklch(68% 0.02 240);

	--shadow-sm: 0 1px 2px oklch(22% 0.01 240 / 7%);
	--shadow-md: 0 16px 40px oklch(22% 0.01 240 / 12%);

	--radius: 4px;
	--radius-feature: 20px;

	--ease-out: cubic-bezier(0.16, 1, 0.3, 1);
	--dur-fast: 150ms;
	--dur: 220ms;
	--dur-slow: 320ms;

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

	--fs-body: 1.125rem;
	--fs-small: 0.9375rem;
	--fs-eyebrow: 0.875rem;
	--fs-h1: clamp(2.5rem, 1.9rem + 2.8vw, 3.75rem);
	--fs-h2: clamp(1.9rem, 1.55rem + 1.6vw, 2.65rem);
	--fs-h3: clamp(1.4rem, 1.25rem + 0.8vw, 1.75rem);
	--fs-h4: 1.25rem;

	--lh-tight: 1.1;
	--lh-heading: 1.25;
	--lh-body: 1.6;

	--measure: 62ch;

	--space-2xs: 0.5rem;
	--space-xs: 1rem;
	--space-sm: 1.5rem;
	--space-md: 2.5rem;
	--space-lg: 4rem;
	--space-xl: 6rem;
	--space-2xl: 8rem;
	--space-3xl: 10rem;

	--container-max: 1280px;
	--container-narrow: 760px;
	--gap: clamp(1rem, 3vw, 2.5rem);
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--dur-fast: 1ms;
		--dur: 1ms;
		--dur-slow: 1ms;
	}
}