/* Единые токены дизайна SUBEXPRESS. Подключается первым на лендингах
   (mainpage/new/header.php) и на всех страницах шаблона магазина
   (bitrix/templates/eshop_bootstrap_green_copy/header.php).

   До 2026-09 на сайте жили семь значений красного (#e1251b, #e94a3d, #df3828,
   #e63b2c, #d83325, #c91f17, золото #9f752c в оформлении заказа), четыре
   «чернил» и пять «бумаг» — каждый файл стилей заводил свой набор. Теперь
   значения одни, а прежние переменные файлов (--red, --cab-red, --cat-red,
   --lnd-red, …) стали ссылками на эти. Главная (home-v2.css) оставлена как есть.

   Менять цвет — здесь и только здесь. */
:root {
	--se-red: #e1251b;
	--se-red-dark: #c91f17;
	--se-ink: #171310;        /* текст и тёмные плашки */
	--se-ink-deep: #090909;   /* шапка и подвал */
	--se-paper: #fbfaf7;      /* фон страниц */
	--se-cream: #f7f4ef;      /* фон блоков и полей */
	--se-white: #ffffff;
	--se-muted: #746f68;      /* второстепенный текст, контраст 4.5:1 на белом */
	--se-line: #e3ddd3;       /* рамки и разделители */
	--se-ok: #2f6f52;

	/* скругления: контрол, карточка, пилюля */
	--se-r-control: 10px;
	--se-r-card: 14px;
	--se-r-pill: 999px;

	/* тени: покой, наведение, всплывающее */
	--se-shadow-1: 0 1px 2px rgba(23, 19, 16, .04);
	--se-shadow-2: 0 8px 22px rgba(23, 19, 16, .10);
	--se-shadow-3: 0 24px 48px -20px rgba(23, 19, 16, .28);

	/* Старая тема магазина (template_styles.css) красила акценты золотом
	   #9f752c: лоадер у кнопки «Оформить заказ», ссылки старых страниц.
	   Переопределяем её переменные, чтобы весь сайт был в одном красном. */
	--color-primary: var(--se-red);
	--color-primary-darker1: var(--se-red-dark);
	--color-primary-darker2: var(--se-red-dark);
	--color-primary-darker3: var(--se-red-dark);
	--color-primary-darker4: var(--se-red-dark);
	--color-black: var(--se-ink);
}