/* VALEVAN — токени, витягнуті з верстки (tools/compare, сканування всіх кадрів). */
:root {
	/* Бренд */
	--vv-wine: #270714;          /* акцент: кнопки, бордові секції, лінії активного */
	--vv-wine-press: #1B040E;
	--vv-black: #151515;         /* основний текст */
	--vv-ivory: #F6F5F1;         /* світлий фон, текст на темному */
	--vv-white: #FFFFFF;

	/* Нейтральні */
	--vv-ink-2: #4A443E;         /* вторинний текст */
	--vv-ink-3: #2E2A26;
	--vv-stone: #8A8579;         /* підписи, мета */
	--vv-stone-2: #A9A49B;       /* неактивне */
	--vv-sand: #EFEDE8;          /* фон карток, плашок */
	--vv-soft: #F2F0EC;
	--vv-warm: #FBFAF7;
	--vv-photo: #E8E6E2;         /* фон під фото, поки воно вантажиться */
	--vv-line: #DCD8CF;          /* основна лінія */
	--vv-line-soft: #E2DFD8;
	--vv-line-strong: #C6C2BA;   /* рамки полів, кнопок-опцій */

	/* Текст на темному (ivory з прозорістю) */
	--vv-on-dark: #F6F5F1;
	--vv-on-dark-82: rgba(246, 245, 241, .82);
	--vv-on-dark-78: rgba(246, 245, 241, .78);
	--vv-on-dark-60: rgba(246, 245, 241, .6);
	--vv-on-dark-50: rgba(246, 245, 241, .5);
	--vv-on-dark-40: rgba(246, 245, 241, .4);
	--vv-on-dark-line: rgba(246, 245, 241, .16);
	--vv-on-dark-line-2: rgba(246, 245, 241, .3);

	/* Шрифт */
	--vv-font: 'Jost', sans-serif; /* ₴ у Jost немає — як у верстці, береться з базового шрифту */

	/* Типографічні ролі верстки (.ey, .nv, .bt, .un) */
	--vv-eyebrow: 500 11px/12px var(--vv-font);   /* letter-spacing .24em, uppercase */
	--vv-nav: 500 12px/12px var(--vv-font);       /* letter-spacing .16em, uppercase */
	--vv-btn: 500 11px/12px var(--vv-font);       /* letter-spacing .18em, uppercase */
	--vv-under: 500 11px/12px var(--vv-font);     /* letter-spacing .16em, uppercase, підкреслення */

	/* Сітка */
	--vv-gutter: 16px;
	--vv-content: 1344px;
	--vv-hdr: 64px;              /* висота шапки: під неї рівняються липкі блоки */

	/* Форми */
	--vv-r: 0;                   /* кути у верстці прямі */
	--vv-r-play: 5px;            /* кнопка play/pause на фото */
	--vv-field-h: 48px;
	--vv-btn-h: 48px;

	--vv-ease: cubic-bezier(.2, .7, .2, 1);
}

@media (min-width: 1024px) {
	:root { --vv-gutter: 32px; }
}
@media (min-width: 1280px) {
	:root { --vv-gutter: 48px; }
}