/*
 * Оформление «Торговой Федерации».
 * Палитра и её обоснование - docs/BRAND.md. Здесь только то, чего нет
 * в настройках Blocksy: служебные цвета и точечные правки контраста.
 */

:root {
	/* Три роли золота. Один тон, разная насыщенность под разные задачи. */
	--tfs-gold-logo: #cf9c51;   /* логотип и крупные декоративные плоскости */
	--tfs-gold-fill: #f2a534;   /* заливка кнопок и активных элементов */
	--tfs-gold-hover: #d98d18;  /* та же заливка при наведении */
	--tfs-gold-text: #9c6716;   /* золото как цвет текста */

	--tfs-dark: #151528;
	--tfs-section-bg: #f5f5f6;

	/* Служебные цвета: наличие, скидка, плашка акции. */
	--tfs-in-stock: #1fa84f;
	--tfs-sale: #e03a3a;
	--tfs-promo: #ffd34e;
}

/*
 * Текст на золоте только тёмный.
 * Белый на #f2a534 даёт 2,06:1 - нечитаемо и не проходит WCAG.
 * Чёрный на той же заливке - 8,73:1.
 */
.wp-block-button__link,
.ct-button,
.button,
button[type="submit"],
input[type="submit"] {
	--theme-button-text-initial-color: var(--tfs-dark);
	--theme-button-text-hover-color: var(--tfs-dark);
}

/* Отметка «в наличии» на карточке товара. */
.stock.in-stock {
	color: var(--tfs-in-stock);
}

.stock.out-of-stock {
	color: var(--tfs-sale);
}

/*
 * Уточнение начертания. PT Root UI - uniwidth: ширина знаков не меняется
 * между насыщенностями, поэтому меню и кнопки не прыгают при наведении.
 * Тонкая настройка сглаживания нужна, чтобы на светлом фоне текст
 * не выглядел жирнее, чем задумано.
 */
body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}