/*
 * Д1. Токены дизайн-системы printort.
 *
 * Единственный источник значений для стилей дочерней темы. В остальных файлах
 * только var(--printort-*): литералов цвета, кегля и отступов там быть не
 * должно (docs/spec.md, раздел 1.3 — «магических чисел в коде нет»).
 *
 * Как это устроено. Woodmart 8.x сам раздаёт слой переменных --wd-* и --btn-*,
 * генерируя его из Theme Settings. Своей параллельной палитры мы не заводим:
 * фирменные цвета и шрифты берутся из переменных темы через var() с запасным
 * значением. Владелец меняет цвет в Theme Settings — меняется весь сайт,
 * включая наши компоненты. Разъехаться нечему.
 *
 * Запасные значения в var() — те же, что стоят в Theme Settings на 2026-08-29.
 * Они срабатывают только если тема почему-то не отдала переменную.
 *
 * Своё, чего у Woodmart нет: шкала отступов, семантические состояния,
 * размер тач-цели, соотношения медиа.
 */

:root {
	/* --- Фирменные цвета: из Theme Settings --- */
	--printort-brand: var(--wd-primary-color, #CB0049);        /* малиновый: заливка под белый текст */
	--printort-brand-soft: var(--wd-alternative-color, #EC64C6); /* розовый: метки и второстепенные заливки */
	--printort-brand-tint: #FCEDF6;                             /* очень светлая подложка под тёмный текст */

	/* --- Текст: из Theme Settings --- */
	--printort-ink: var(--wd-title-color, #242424);            /* заголовки и всё, что должно читаться */
	--printort-text: var(--wd-text-color, #767676);            /* основной текст */
	--printort-text-muted: #6B6B6B;                            /* второстепенный, 5,3:1 на белом */

	/* --- Поверхности --- */
	--printort-surface: #FFFFFF;                               /* карточки, поля, фон страницы */
	--printort-subtle: #F7F7F7;                                /* подложка изображений и пустых состояний */
	--printort-border: #E6E6E6;
	--printort-border-strong: #C9C9C9;                         /* границы полей и активных состояний */

	/* --- Служебные состояния --- */
	--printort-success: var(--notices-success-bg, #459647);    /* порог доставки взят, товар в наличии */
	--printort-warning: var(--notices-warning-bg, #E0B252);
	--printort-error: #C0392B;

	/* --- Типографика: из Theme Settings --- */
	--printort-font: var(--wd-text-font, "Roboto", Arial, Helvetica, sans-serif);
	--printort-font-title: var(--wd-title-font, "Roboto", Arial, Helvetica, sans-serif);
	--printort-font-accent: var(--wd-widget-title-font, "Poppins", Arial, Helvetica, sans-serif);

	--printort-fw-regular: 400;
	--printort-fw-medium: 500;
	--printort-fw-semibold: 600;
	--printort-fw-bold: 700;

	--printort-fs-xs: 12px;
	--printort-fs-sm: 13px;
	--printort-fs-base: var(--wd-text-font-size, 15px);
	--printort-fs-md: 17px;
	--printort-fs-lg: 20px;
	--printort-fs-xl: 24px;
	--printort-fs-2xl: 30px;
	--printort-fs-3xl: 38px;

	--printort-lh-tight: 1.25;
	--printort-lh-base: 1.5;

	/* --- Отступы, шаг 4px --- */
	--printort-space-1: 4px;
	--printort-space-2: 8px;
	--printort-space-3: 12px;
	--printort-space-4: 16px;
	--printort-space-6: 24px;
	--printort-space-8: 32px;
	--printort-space-12: 48px;
	--printort-space-16: 64px;

	/* --- Форма. Радиусы согласованы с кнопками и полями темы (5px). --- */
	--printort-radius-sm: var(--btn-default-brd-radius, 5px);
	--printort-radius-md: 10px;
	--printort-radius-pill: 999px;
	--printort-shadow: 0 2px 8px rgb(0 0 0 / 8%);

	/* --- Раскладка --- */
	--printort-container: var(--wd-container-w, 1600px);
	--printort-tap: 44px;                                      /* минимальный размер тач-цели */

	/* --- Движение --- */
	--printort-transition: .15s ease;
}

/*
 * Брейкпоинты в переменных не задаются: медиазапросы их не читают.
 * Значения проекта, использовать только эти — они совпадают с брейкпоинтами
 * Woodmart, иначе на границе экрана наши блоки и блоки темы разъезжаются:
 *   мобильный  до 767.98px   (опорный размер 390×844)
 *   планшет    768…1024.98px
 *   десктоп    от 1025px
 */

/* Уважать системную настройку «уменьшить движение». */
@media (prefers-reduced-motion: reduce) {
	:root {
		--printort-transition: none;
	}
}