/* ============================================================
   Переопределения Bootstrap-токенов через наши design tokens.
   Грузится после Bootstrap, но после tokens.css —
   только маппинг --bs-* на собственные переменные.
   ============================================================ */

/* ── Светлая тема ─────────────────────────────────────────── */
:root {
  --bs-body-bg: var(--surface-2);
  --bs-body-color: var(--text);
  --bs-secondary-bg: var(--surface-3);
  --bs-tertiary-bg: var(--surface-2);
  --bs-border-color: var(--border);
  --bs-border-color-translucent: var(--border);
  --bs-link-color: var(--brand);
  --bs-link-hover-color: var(--brand-hover);
  --bs-primary: var(--brand);
  --bs-primary-rgb: 79, 91, 213;
  --bs-emphasis-color: var(--text);
  --bs-secondary-color: var(--text-muted);
  --bs-tertiary-color: var(--text-faint);
}

/* ── Тёмная тема ─────────────────────────────────────────── */
[data-bs-theme="dark"] {
  --bs-body-bg: var(--surface-2);
  --bs-body-color: var(--text);
  --bs-secondary-bg: var(--surface-3);
  --bs-tertiary-bg: var(--surface);
  --bs-border-color: var(--border);
  --bs-border-color-translucent: var(--border);
  --bs-link-color: var(--brand);
  --bs-link-hover-color: var(--brand-hover);
  --bs-primary: var(--brand);
  --bs-primary-rgb: 129, 140, 240;
  --bs-emphasis-color: var(--text);
  --bs-secondary-color: var(--text-muted);
  --bs-tertiary-color: var(--text-faint);
}