/* ================================================================
   Exposhop Tokens — дизайн-токены, перенесённые из Code Snippet №130
   «Общий Главный» (docs/tasks/task-wave6-tokens-customizer.md, Пакет
   A). Вербатим, имена НЕ переименованы (унификация --exo-*→--esc-*
   — отдельная задача после завершения всех волн, см.
   css-migration-plan-v2.md, Волна 6). Единственный источник этих
   переменных на сайте — грузится ПЕРВЫМ среди CSS плагина, все
   остальные файлы плагина указывают его в зависимостях.
   ================================================================ */
:root{
  /* Цвета */
  --exo-dark:#1a2238;        /* тёмно-синий из шапки */
  --exo-pink:#d00072;        /* фирменный CTA */
  --exo-green:#659B00;       /* акцент / распродажа / кнопки */
  --exo-green-dark:#54810a;  /* ховер зелёного */
  --exo-text:#1F2937;        /* основной текст/заголовки */
  --exo-muted:#555;          /* приглушённый текст */
  --exo-line:#e7e7e7;        /* границы */
  --exo-black:#000;          /* кнопка фильтра */
  --exo-banner:#b30000;      /* баннер */
  --exo-banner-text:#ffd700;

  /* Радиусы */
  --exo-radius:8px;
  --exo-radius-sm:4px;

  /* Отступы */
  --exo-space-sm:14px;
  --exo-space:18px;          /* типовой вертикальный отступ */
  --exo-gap:24px;            /* сетки / архив */

  /* Типографика */
  --exo-fs-hero:clamp(28px, 5vw, 42px); /* заменяет 3 медиа-запроса */
  --exo-lh:1.2;
}