/* Вита-Стандарт — дизайн-токены каталога (новая схема) */
:root {
  /* Бренд — не меняем */
  --vs-blue: #0170EF;        /* акцент, активные состояния, подзаголовки-лейблы */
  --vs-blue-dark: #0156B8;   /* названия товаров, ссылки, тёмная вставка */
  --vs-blue-tint: #E5F0FD;   /* фон флагманской карточки, активный чип */
  --vs-orange: #F98C1F;      /* единственный CTA-цвет: «В корзину», «Связаться» */
  --vs-orange-hover: #E67A0F;
  --vs-sale: #D92D20;        /* плашка скидки «−40%» на фото: белый текст, контраст 4,83 */

  /* Нейтральные */
  --vs-ink: #212931;         /* основной текст, цена */
  --vs-text-muted: #5C6670;  /* описания, подписи */
  --vs-text-faint: #8A939C;  /* старая цена, дисклеймер */
  --vs-tile: #F3F5F7;        /* фон карточки товара и плиток задач */
  --vs-photo-bg: #DEEEFE;    /* ровный голубой фон фото товаров (Codex, задача 3, 11.11.2026): карточки с фото — ровно этого цвета, чтобы край фото не был виден */
  --vs-border: #E6E9ED;      /* все рамки и разделители */
  --vs-navy: #0A2A52;        /* премиум-карточка наборов */

  /* Дополнительные линейки */
  --vs-green-tint: #E6F2E8;  --vs-green-ink: #00450C;   /* Зелёный день */
  --vs-amber-tint: #FFF3CD;  --vs-amber-ink: #674E00;   /* Для животных / Детям */

  /* Типографика (Inter уже на сайте) */
  --vs-font: Inter, system-ui, sans-serif;
  --vs-h1: 700 48px/1.08 var(--vs-font);
  --vs-h2-label: 600 13px/1 var(--vs-font);     /* uppercase, letter-spacing .12em */
  --vs-card-title: 600 18px/1.3 var(--vs-font);
  --vs-card-text: 400 14px/1.45 var(--vs-font);
  --vs-price: 700 20px/1 var(--vs-font);
  --vs-eyebrow: 600 11px/1 var(--vs-font);      /* uppercase, letter-spacing .1em */

  /* Геометрия */
  --vs-radius-card: 20px;
  --vs-radius-tile: 16px;
  --vs-radius-pill: 999px;
  --vs-gap-grid: 24px;
  --vs-container: 1344px;
  --vs-page-pad: 48px;
  --vs-cta-size: 44px;       /* минимальная зона касания */
  --vs-card-photo-h: 260px;
  --vs-shadow-hover: 0 12px 32px rgba(33, 41, 49, .10);
}