/* CSS-токены каталога 24p9. Скопированы из 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;

  --accent: #4338ca;
  --accent-hover: #3730a3;
  --accent-soft: #eef2ff;

  --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);
}