/* Design-Tokens — "Systematic Precision" auf natürlicher Basis:
   heller Grund, dunkles Navy als Struktur, EIN gedämpfter Akzent (Markenorange
   aus dem echten Logo), keine Neon-/Vollton-Flächen. */
:root {
	--ink: #10192e;
	--ink-soft: #4b5568;
	--ink-faint: #7c8598;

	--bg: #faf9f7;
	--surface: #ffffff;
	--surface-sunken: #f1f2f5;

	--line: #dfe2e8;
	--line-strong: #c2c7d1;

	--accent: #c84a0d;
	--accent-bright: #e8530e;
	--accent-soft: #fbe8dd;
	--accent-ink: #ffffff;

	--radius: 4px;
	--radius-lg: 8px;

	--font-display: 'Space Grotesk', 'IBM Plex Sans', system-ui, sans-serif;
	--font-body: 'IBM Plex Sans', system-ui, -apple-system, sans-serif;
	--font-mono: 'IBM Plex Mono', ui-monospace, 'SFMono-Regular', monospace;

	--shadow-sm: 0 1px 2px rgba(16, 25, 46, 0.07);
	--shadow-md: 0 12px 32px -12px rgba(16, 25, 46, 0.18);

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

	--header-h: 92px;
	--header-h-shrunk: 68px;
	--container: 1260px;
}

@media (prefers-color-scheme: dark) {
	:root {
		color-scheme: light;
	}
}