/*
 * Design tokens — Zellseeds (Project_docs/design-spec.md §1)
 * Единая точка правды для цвета/типографики/отступов/радиусов/теней/брейкпоинтов.
 * Подключается до остальных стилей child-темы.
 */

:root {
	/* --- Farbe (§1.1) --- */
	--zs-primary: #1F4D3A;
	--zs-primary-tint: #E4ECE8;
	--zs-ink: #14181A;
	--zs-accent: #B8862E;
	--zs-accent-tint: #F7EEDD;
	--zs-accent-text-on-tint: #8A611F;
	--zs-bg: #F7F5F0;
	--zs-surface: #FFFFFF;
	--zs-border: #D8D3C8;
	--zs-text-secondary: #6B675C;
	--zs-success: #2F7049;
	--zs-error: #B3261E;
	--zs-discount: #C23B3B;
	--zs-warning: #E0A526;
	--zs-neutral-tint: #EFEDE8;

	/* --- Typografie (§1.2) --- */
	--zs-font-display: 'Fraunces', Georgia, serif;
	--zs-font-text: 'Inter', -apple-system, Helvetica, Arial, sans-serif;

	--zs-fs-display: 2.75rem;
	--zs-fs-h1: 2.25rem;
	--zs-fs-h2: 1.75rem;
	--zs-fs-h3: 1.25rem;
	--zs-fs-body: 1rem;
	--zs-fs-small: 0.875rem;
	--zs-fs-micro: 0.75rem;

	/* --- Abstände / Radien / Schatten (§1.3) --- */
	--zs-space-1: 4px;
	--zs-space-2: 8px;
	--zs-space-3: 12px;
	--zs-space-4: 16px;
	--zs-space-5: 24px;
	--zs-space-6: 32px;
	--zs-space-7: 48px;
	--zs-space-8: 64px;
	--zs-space-9: 96px;

	--zs-radius-sm: 4px;
	--zs-radius-md: 8px;
	--zs-radius-pill: 999px;

	--zs-shadow-card: 0 1px 2px rgba(20, 24, 26, 0.06), 0 1px 1px rgba(20, 24, 26, 0.04);
	--zs-shadow-card-hover: 0 4px 12px rgba(20, 24, 26, 0.10);
	--zs-shadow-modal: 0 8px 32px rgba(20, 24, 26, 0.18);

	--zs-container-max: 1280px;
}

/* Mobile Typografie-Korrekturen (§1.2, ≤480px) */
@media (max-width: 480px) {
	:root {
		--zs-fs-display: 2rem;
		--zs-fs-h1: 1.75rem;
		--zs-fs-h2: 1.375rem;
	}
}