/**
 * Design tokens — единый источник для темы и модулей Kernel.
 * Согласовано с dashboard-home / entity-create (MYT).
 *
 * Будущая витрина: страница /components (все компоненты на этих переменных).
 */

:root {
	--ds-bg: #f2f4fa;
	--ds-surface: #ffffff;
	--ds-text: #1a1d26;
	--ds-muted: #5c6578;
	--ds-border: #e0e4ee;
	--ds-accent: #041046;
	--ds-accent-soft: rgba(4, 16, 70, 0.12);
	--ds-danger: #c0392b;

	--ds-radius: 10px;
	--ds-radius-control: 8px;
	--ds-section-gap: 16px;
	--ds-shadow: 0 1px 3px rgba(4, 16, 70, 0.07);
	--ds-shadow-dialog: 0 12px 40px rgba(4, 16, 70, 0.18);

	--ds-font: Gilroy, "Segoe UI", system-ui, -apple-system, sans-serif;
	--ds-font-size-control: 0.9375rem;
	--ds-line-height-control: 1.4;
	--ds-control-padding-y: 10px;
	--ds-control-padding-x: 12px;
}

html[data-theme="dark"] {
	--ds-bg: #050a18;
	--ds-surface: #0c1428;
	--ds-text: #e8eaef;
	--ds-muted: #9aa3b5;
	--ds-border: rgba(255, 255, 255, 0.1);
	--ds-accent: #8eb4ff;
	--ds-accent-soft: rgba(142, 180, 255, 0.16);
	--ds-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
	--ds-shadow-dialog: 0 12px 40px rgba(0, 0, 0, 0.55);
}