/* CSS-токены каталога price-pls.ru. Скопированы из base-2.html (строки 9-28). */
:root {
  --bg: #fafbfc;
  --bg-card: #ffffff;
  --bg-alt: #f4f5f7;
  --bg-subtle: #f8f9fb;

  --ink: #0a0e1a;
  --ink-soft: #3a3f4d;
  --mute: #6b7280;
  --mute-soft: #9aa1ad;

  --border: #e5e7eb;
  --border-strong: #d1d5db;

  /* Акцент — бирюза+охра (ТЗ дизайнера 2026-06-12, флип с индиго #4338ca;
     облегчён 2026-06-17 — мягче, контраст с #fff ≈4.6:1 AA).
     Через одну переменную --accent; бренд переопределяет в .catalog-theme. */
  --accent: #1d827b;
  --accent-hover: #156b65;
  --accent-soft: #e9f5f3;
  --accent-line: #c4e3df;   /* бирюзовая линия/обводка активных элементов */
  --secondary: #a86a2a;     /* охра — второстепенный акцент */
  --secondary-soft: #f0e1c5;
  --color-on-primary: #fff;  /* текст на цветных кнопках; бренд переопределяет в .catalog-theme */

  --ok: #047857;        --ok-soft: #d1fae5;
  --warn: #b45309;      --warn-soft: #fef3c7;
  --bad: #b91c1c;       --bad-soft: #fee2e2;
  --info: #1d4ed8;      --info-soft: #dbeafe;

  --rail-w: 320px;

  --font-sans: 'Inter', -apple-system, system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, Menlo, monospace;

  /* Радиусы — единая шкала из lab-tokens.css прототипа. */
  --r-sm:  4px;   /* бейджи, чипы */
  --r-md:  6px;   /* кнопки в строках */
  --r-lg:  8px;   /* кнопки в шапках, инпуты */
  --r-xl:  10px;  /* карточки */
  --r-2xl: 12px;  /* большие карточки, таблицы */

  --shadow-card: 0 1px 2px rgba(10, 14, 26, 0.04), 0 4px 12px rgba(10, 14, 26, 0.04);
}