/* ==========================================================================
   Design tokens — Шаг 35.

   Единственный источник сырых значений (цвета/отступы/радиусы/тени/шрифты)
   для всего фронтенда (клиентский чат + бэк-офис). Подключается ПЕРВЫМ, до
   shared.css и до style.css/admin.css — они используют var(--...) отсюда
   вместо сырых значений, свой :root больше не заводят.

   Значения не придуманы — перенесены из фактического :root style.css
   (существовал до этого шага) и инвентаря по обоим CSS-файлам, см.
   docs/CSS_AUDIT_STEP35.md.

   Имена уже существовавших переменных (--accent-primary, --color-claude и
   т.п.) сохранены как есть — они и так именованы по роли, а переименование
   потребовало бы правки каждого использования по всему проекту без
   визуальной пользы, только риск. Новые токены именуются по тому же
   принципу: роль, не значение (--color-danger, не --color-red). */

:root {
  /* ---------- Цвета: база (перенесено без изменений) ---------- */
  --color-bg: #fcfcfd;
  --color-surface: #ffffff;
  --color-text: #1a1a1a;
  --color-text-muted: #6b6b6b;
  --color-border: #e5e5e5;

  --accent-primary: #5b6ef5;
  --accent-primary-hover: #4757d6;

  --color-claude: #d97757;
  --color-claude-bg: #fdf0ea;
  --color-gemini: #4285f4;
  --color-gemini-bg: #e8f0fe;
  --color-groq: #f97316;
  --color-groq-bg: #fff1e6;
  --color-unknown: #999999;
  --color-unknown-bg: #f0f0f0;

  --radius: 12px;
  --shadow-soft: 0 4px 16px rgba(30, 32, 60, 0.08), 0 1px 3px rgba(30, 32, 60, 0.04);
  --shadow-dropdown: 0 12px 28px rgba(0, 0, 0, 0.12);

  /* ---------- Новые токены (Шаг 35) ---------- */

  /* hover-фон для нейтральных интерактивных элементов (модалки, кнопки-крестики) —
     встречался как сырой #f0f1f5 в обоих файлах под одной ролью. */
  --color-surface-hover: #f0f1f5;
  /* Тонкая полупрозрачная граница карточек/модалок — используется в обоих
     файлах на модалках/карточках рядом с --color-border, это отдельная роль
     (не дубль --color-border). */
  --color-border-subtle: rgba(30, 32, 60, 0.06);
  /* Второй тон акцентного градиента (кнопки логина, аватар пользователя). */
  --accent-primary-soft: #6f5ef0;

  --color-danger: #b3261e;
  --color-danger-bg: #fdecea;
  /* «Успех/зелёный» — в клиенте и бэк-офисе исторически два разных оттенка
     (см. аудит, §2) — не объединялись, чтобы не сдвинуть пиксели при
     рефакторинге. Раздельные именованные токены дают точку правки на
     будущее, когда решение об объединении будет осознанным. */
  --color-success-client: #10b981;
  --color-success-admin: #16a34a;

  /* ---------- Отступы ----------
     Шкала по фактически повторяющимся «круглым» значениям в проекте.
     Не применяется принудительно к каждому произвольному отступу — только
     там, где существующее значение совпадает с одним из шагов
     (см. аудит, §2). */
  --space-1: 4px;
  --space-2: 6px;
  --space-3: 8px;
  --space-4: 10px;
  --space-5: 12px;
  --space-6: 14px;
  --space-7: 16px;
  --space-8: 20px;
  --space-9: 24px;
  --space-10: 28px;
  --space-11: 32px;
  --space-12: 40px;

  /* ---------- Радиусы ---------- */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: var(--radius); /* 12px, = существующий --radius */
  --radius-xl: 20px;
  --radius-pill: 999px;

  /* ---------- Тени ---------- */
  --shadow-modal: 0 24px 60px -16px rgba(30, 32, 60, 0.22), 0 2px 10px rgba(0, 0, 0, 0.04);

  /* ---------- Типографика ---------- */
  --font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-family-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --font-size-xs: 11px;
  --font-size-sm: 12.5px;
  --font-size-base: 14px;
  --font-size-md: 15px;
  --font-size-lg: 17px;
  --font-size-xl: 22px;
  --line-height-base: 1.5;
}