:root {
	/* ===== Brand palette (основная, для home.css / base.css bento) ===== */
	--color-brand-bg: #FAF8F4;
	--color-brand-surface: #FFFFFF;
	--color-brand-text: #23272E;
	--color-brand-text-muted: #6B7280;
	--color-brand-border: #ECE7DE;
	--color-brand-accent: #C26B3D;
	--color-brand-accent-2: #2C7A7B;
	--color-brand-accent-soft: #F3E4D8;
	--color-brand-on-accent: #FFFFFF;

	/* ===== Алиасы (legacy --color-*) ===== */
	--color-bg: #FAF8F4;
	--color-surface: #FFFFFF;
	--color-text: #23272E;
	--color-text-muted: #6B7280;
	--color-border: #ECE7DE;
	--color-accent: #C26B3D;
	--color-accent-2: #2C7A7B;
	--color-accent-soft: #F3E4D8;
	--color-on-accent: #FFFFFF;

	/* ===== Шрифты ===== */
	--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	--font-display: "Space Grotesk", "Inter", sans-serif;
	--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;
	--font-body: var(--font-sans);
	--font-head: var(--font-display);

	/* ===== Радиусы / тени ===== */
	--radius-sm: 8px;
	--radius: 12px;
	--radius-lg: 20px;
	--radius-xl: 16px;
	--radius-2xl: 24px;
	--shadow-sm: 0 1px 2px 0 rgba(35, 39, 46, 0.05);
	--shadow: 0 8px 24px rgba(35, 39, 46, 0.08);
	--transition: 200ms ease;
}