/* ============================================================================= GORILLA BRAND ACCENT TOKENS - SINGLE SOURCE OF TRUTH ----------------------------------------------------------------------------- Все акцентные цвета бренда живут ТОЛЬКО здесь. Каждый компонент ссылается на var(--g-color-navy) / var(--g-color-green) (или rgb(var(--g-*-rgb) / a) для полупрозрачных), поэтому смена двух RGB-триплетов перекрашивает весь сайт. Live-превью (assets/js/gorilla-theme-preview.js) переопределяет --g-navy-rgb и --g-green-rgb прямо на (style-атрибут побеждает этот :root) - так клиент видит палитру вживую. Значения по умолчанию заданы клиентом: navy = rgb(0, 0, 0) = #000000 (акцент «чёрный», ранее #001689) green = rgb(132, 192, 3) = #84c003 (ранее #0daf1f) Подключается ПЕРВЫМ (до critical), чтобы переменные были доступны везде. ============================================================================= */ :root { /* --- Канонические RGB-триплеты (единственные «крутилки» для превью) --- */ --g-navy-rgb: 0 0 0; --g-green-rgb: 132 192 3; /* --- Производные цельные цвета --- */ --g-color-navy: rgb(var(--g-navy-rgb)); --g-color-navy-mid: #262626; /* средний оттенок «чёрного» для градиентов (ранее #0035bb) */ --g-color-navy-dark: #0a0a0a; /* тёмный оттенок для градиентов/вуалей (ранее #030f54) */ --g-color-green: rgb(var(--g-green-rgb)); --g-color-green-cta: var(--g-color-green); --g-color-green-badge: var(--g-color-green); --g-color-star: var(--g-color-navy); --g-color-swatch-ring: var(--g-color-green); /* акцент выбора = фирменный зелёный (вкус/пак/опция) */ /* Третий глобальный цвет (v2.4.2): «бумага» - светло-серая подложка для спокойных поверхностей (панели корзины/чекаута, цитаты, поле товара). */ --g-color-paper: #f6f7f8; --g-color-green-deep: #3f6300; /* читаемый зелёный ТЕКСТ на светлом (бейджи, итог) */ /* --- Полупрозрачные навигационные оттенки (совместимость со старыми токенами) --- */ --g-color-navy-5: rgb(var(--g-navy-rgb) / .05); --g-color-navy-8: rgb(var(--g-navy-rgb) / .08); --g-color-navy-10: rgb(var(--g-navy-rgb) / .10); --g-color-navy-12: rgb(var(--g-navy-rgb) / .12); /* --- Алиасы старого namespace --gw-* (WooCommerce-скин) на единый источник --- */ --gw-navy: var(--g-color-navy); --gw-navy-hover: #1c1c1c; --gw-navy-mid: var(--g-color-navy-mid); --gw-green: var(--g-color-green); }