/*
 * Vlad Springs — дизайн-токены (эталон: design-handoff/design/Дизайн-система.dc.html).
 * Значения палитры дублируют Kadence Global Colors 1–9; служебные токены
 * тёмных секций живут только здесь.
 */

:root {
	/* Палитра (= Kadence Global Colors 1–9) */
	--vs-accent: #D6202B;        /* palette1 — фирменный красный, только CTA/акценты */
	--vs-accent-hover: #B81B24;  /* palette2 */
	--vs-ink: #121212;           /* palette3 — основной тёмный фон */
	--vs-ink-2: #1C1F20;         /* palette4 — поверхность на тёмном */
	--vs-slate: #4D5D64;         /* palette5 — вторичный текст */
	--vs-mist: #CCD1D4;          /* palette6 — светлые плашки, разделители */
	--vs-bg-light: #F3F4F5;      /* palette7 — светлый фон */
	--vs-white: #FFFFFF;         /* palette8 */
	--vs-line-light: #DDE1E3;    /* palette9 — линии на светлом */

	/* Служебные токены тёмных секций (не входят в палитру Kadence) */
	--vs-card-dark: #1C1F20;
	--vs-line-dark: #262B2D;
	--vs-line-dark-2: #3A4144;
	--vs-text-muted-dark: #6E7A80;
	--vs-text-light: #F2F4F5;

	/* Дополнительные значения тёмных поверхностей, снятые с макетов
	   («Шапка и подвал.dc.html», «Главная.dc.html»). */
	--vs-deep: #0D0D0D;          /* верхняя строка шапки, подвал */
	--vs-surface: #161819;       /* мега-меню, активный пункт мобильного меню */
	--vs-border-dark: #2A2F31;   /* рамки иконок и карточек на тёмном */
	--vs-divider-dark: #1E2224;  /* разделители внутри тёмных блоков */
	--vs-text-dim: #8B979C;      /* подписи и мета на тёмном */

	/* Состояние «уточняется» / «сверить» */
	--vs-todo-border: #7A5A22;
	--vs-todo-text: #C7841A;

	/* Контейнер и ритм */
	--vs-container: min(1280px, max(94vw, 1040px));

	/* Типографика */
	--vs-font-heading: "Golos Text", system-ui, sans-serif;
	--vs-font-body: "IBM Plex Sans", system-ui, sans-serif;
	--vs-font-mono: "JetBrains Mono", ui-monospace, monospace;

	/* Геометрия: техническая эстетика, скругления минимальны */
	--vs-radius: 2px;
}