/*
 * Design-System "Industrieller Vertrauensanker"
 * Anthrazit + Kupfer, geerdet und technisch-präzise.
 */

:root {
	/* Farben (oklch, mit --primary/--accent per Customizer überschreibbar als Hex) */
	--primary: oklch(22% 0.02 260);
	--primary-soft: oklch(30% 0.02 260);
	--accent: oklch(52% 0.15 45);
	--accent-dark: oklch(42% 0.15 45);
	--accent-soft: oklch(94% 0.03 55);
	--bg: oklch(96.5% 0.008 80);
	--surface: oklch(99% 0.003 80);
	--ink: oklch(22% 0.02 260);
	--ink-soft: oklch(46% 0.015 260);
	--ink-faint: oklch(62% 0.012 260);
	--border: oklch(89% 0.008 80);
	--border-strong: oklch(80% 0.01 80);

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

	/* Radius (bewusst knapp, industriell statt verspielt) */
	--radius: 4px;
	--radius-lg: 6px;

	/* Abstände */
	--space-3xs: 0.25rem;
	--space-2xs: 0.5rem;
	--space-xs: 0.75rem;
	--space-sm: 1rem;
	--space-md: 1.5rem;
	--space-lg: 2.5rem;
	--space-xl: 4rem;
	--space-2xl: 6rem;
	--space-3xl: 8rem;

	/* Layout */
	--container-width: 1280px;
	--header-height: 92px;
	--header-height-condensed: 68px;

	/* Schatten (sanft statt harter Kontraste) */
	--shadow-sm: 0 1px 2px oklch(22% 0.02 260 / 0.06), 0 1px 1px oklch(22% 0.02 260 / 0.04);
	--shadow-md: 0 8px 24px oklch(22% 0.02 260 / 0.10), 0 2px 6px oklch(22% 0.02 260 / 0.06);
	--shadow-lg: 0 24px 48px oklch(22% 0.02 260 / 0.16), 0 8px 16px oklch(22% 0.02 260 / 0.08);

	/* Motion */
	--ease-out: cubic-bezier(0.16, 1, 0.3, 1);
	--duration-fast: 150ms;
	--duration-base: 240ms;
	--duration-slow: 400ms;
}