/**
 * cart-tokens.css — единственный источник правды для дизайн-системы корзины.
 *
 * Сгенерирован из `cart-redesign-handoff-v2/mockup/cart-redesign/tokens.jsx`
 * (последняя ревизия дизайнера: 2026-05-16, v2.0 «4 цветовых дорожки + бейджи»).
 *
 * РЕДАКТИРОВАНИЕ:
 *   1. Дизайнер обновляет `tokens.jsx` (JS-объект `CART_COLORS`).
 *   2. Скрипт сборки/Claude регенерирует этот файл 1:1.
 *   3. Никогда не правьте этот файл вручную напрямую — он перетирается.
 *
 * ИСПОЛЬЗОВАНИЕ:
 *   В любом cart-css/cart-mu-plugin'е — ТОЛЬКО var(--c-*).
 *   Хекс-литералы (`#73af61`, `#c0392b` и т.п.) в код корзины ЗАПРЕЩЕНЫ.
 *   Если нужен новый цвет — добавьте в `tokens.jsx`, регенерируйте этот файл.
 *
 * ПОДКЛЮЧЕНИЕ: enqueue в functions.php с приоритетом 9 (ДО cart-redesign.css),
 * чтобы переменные были доступны во всех зависимых файлах.
 */

:root {
  /* ── Brand ────────────────────────────────────────────────────────── */
  --c-primary:        #73af61;  /* CART_COLORS.primary */
  --c-primary-hover:  #5e9a4f;  /* CART_COLORS.primaryHover */

  /* ── 4 цветовых дорожки бакетов ────────────────────────────────────
   * Цвет = срочность/предсказуемость, не уникальный family.
   * Любое family маппится в одну из 4 дорожек (см. CSS в cart-redesign.css). */

  /* b1 · «Готово сейчас» — instock + будущие «есть на складе» */
  --c-b1-bg:   #f3f8ee;  /* CART_COLORS.b1Bg */
  --c-b1-ink:  #4a7a3a;  /* CART_COLORS.b1Ink */
  --c-b1-ring: #dbe8c9;  /* CART_COLORS.b1Ring */

  /* b2 · «Скоро привезём» — from_pitomnik + «из филиала X» */
  --c-b2-bg:   #eaf3ef;  /* CART_COLORS.b2Bg */
  --c-b2-ink:  #2d6b54;  /* CART_COLORS.b2Ink */
  --c-b2-ring: #cbe2d6;  /* CART_COLORS.b2Ring */

  /* b3 · «Ждём сезон» — preorder, preorder_06..12, «партия №N» */
  --c-b3-bg:   #fff7e8;  /* CART_COLORS.b3Bg */
  --c-b3-ink:  #b07920;  /* CART_COLORS.b3Ink */
  --c-b3-ring: #ecd8a8;  /* CART_COLORS.b3Ring */

  /* b4 · «Под заказ» — supply + индивидуальные */
  --c-b4-bg:   #efefef;  /* CART_COLORS.b4Bg */
  --c-b4-ink:  #7a8076;  /* CART_COLORS.b4Ink */
  --c-b4-ring: #dcdcd8;  /* CART_COLORS.b4Ring */

  /* ── Surfaces ─────────────────────────────────────────────────────── */
  --c-surface:    #ffffff;  /* CART_COLORS.surface */
  --c-page:       #f5f6f3;  /* CART_COLORS.page */
  --c-page-deep:  #ebede8;  /* CART_COLORS.pageDeep */

  /* ── Ink (текст) ──────────────────────────────────────────────────── */
  --c-ink:        #2c3329;  /* CART_COLORS.ink */
  --c-ink-soft:   #54594f;  /* CART_COLORS.inkSoft */
  --c-mute:       #7a8076;  /* CART_COLORS.mute */
  --c-mute-soft:  #a3a89e;  /* CART_COLORS.muteSoft */

  /* ── Lines ────────────────────────────────────────────────────────── */
  --c-border:      #e3e6e1; /* CART_COLORS.border */
  --c-border-soft: #eef0eb; /* CART_COLORS.borderSoft */

  /* ── States ───────────────────────────────────────────────────────── */
  --c-danger:        #cc3333; /* CART_COLORS.danger (#c33 expanded) */
  --c-danger-soft:   #fce8e8; /* CART_COLORS.dangerSoft */
  --c-danger-border: #f3c4c4; /* промежуточный — для borders на soft-danger backgrounds (mode-unset banner) */

  /* ── Type ─────────────────────────────────────────────────────────── */
  --ff-cart: 'PT Sans', system-ui, -apple-system, sans-serif;  /* CART_FONT */

  /* ── Radii (atoms.jsx — borderRadius на компонентах) ─────────────── */
  --r-sm: 3px;
  --r-md: 4px;
  --r-lg: 11px;  /* pill-бейдж 22px высотой → border-radius half */

  /* ── Геометрия компонентов (atoms.jsx — h, w, padding) ─────────── */
  --h-stepper-desktop: 32px;  /* atoms.jsx Stepper h = 32 (desktop) */
  --h-stepper-mobile:  48px;  /* atoms.jsx Stepper h = 48 (mobile) */
  --h-btn-sm: 32px;           /* atoms.jsx PrimaryButton heights.sm */
  --h-btn-md: 40px;           /* heights.md */
  --h-btn-lg: 48px;           /* heights.lg */
  --w-photo:      64px;       /* bucket.jsx PhotoPlaceholder size desktop */
  --w-photo-mobile: 40px;     /* v3.1-compact ТЗ — фото на мобайле 40px */
  --w-checkbox:    18px;      /* atoms.jsx Checkbox size desktop */
  --w-checkbox-mobile: 22px;  /* v3.1-compact mobile checkbox */
  --w-aside: 340px;           /* aside.jsx StickyAside width */
}