/* ============================================================================
   Sklad — Bootstrap 5.3 reskin под общий бренд UMKO (канонический teal --umko-teal).
   Переопределяет ТОЛЬКО CSS-переменные Bootstrap, HTML/JS панели Sklad не трогаем.

   #аудит-UI 29.08: изначальный черновик этого файла использовал #008b8f (устаревший
   локальный --p из umko-console.css), а реальный --umko-teal на тот момент был #0aa88a —
   fallback здесь обновили вслед за токеном. #аудит-UI 30.08: владелец подтвердил обратный
   revert --umko-teal на #008b8f по всей экосистеме — fallback ниже снова обновлён вслед
   за токеном. Используем канонический --umko-teal напрямую (var(...) с тем же fallback,
   чтобы не терять связь с токеном при будущих изменениях), а не хардкод.
   ============================================================================ */
@import url("/assets/umko-tokens.css?v=20260903a");
@import url("/assets/umko-ds-display-fonts.css");

:root{
  /* ---- цвет: канонический бренд-акцент --umko-teal (см. пояснение выше) ---- */
  --bs-primary: var(--umko-teal-br, #6500B2);
  --bs-primary-rgb: 101,0,178;
  --bs-link-color: var(--umko-teal-br, #6500B2);
  --bs-link-color-rgb: 101,0,178;
  --bs-link-hover-color: #52008F;
  --bs-link-hover-color-rgb: 82,0,143;

  /* ---- радиусы (umko-tokens.css) ---- */
  --bs-border-radius: var(--umko-radius-md, 12px);
  --bs-border-radius-sm: var(--umko-radius-sm, 8px);
  --bs-border-radius-lg: var(--umko-radius-lg, 14px);
  --bs-border-radius-xl: var(--umko-radius-xl, 20px);
  --bs-border-radius-2xl: var(--umko-radius-xl, 20px);
  --bs-border-radius-pill: var(--umko-radius-pill, 999px);

  /* ---- типографика: основной шрифт консоли + базовая шкала (umko-tokens.css Фаза 4) ---- */
  /* #аудит-UI 31.08: владелец попросил централизовать шрифт и на разделах за логином —
     тот же Manrope/Unbounded, что на публичных страницах, не отдельный system-ui-канон. */
  --bs-body-font-family: 'Manrope', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --bs-body-font-size: var(--umko-text-base, 0.875rem);
  --bs-body-line-height: var(--umko-leading-normal, 1.5);
}
h1,h2,h3,.h1,.h2,.h3{font-family:'Unbounded',var(--bs-body-font-family);text-wrap:balance}

/* ---- явные оверрайды классов Bootstrap, которые не читают CSS-переменные напрямую ---- */
.btn-primary{
  --bs-btn-bg: var(--umko-teal-br, #6500B2);
  --bs-btn-border-color: var(--umko-teal-br, #6500B2);
  --bs-btn-hover-bg: #52008F;
  --bs-btn-hover-border-color: #52008F;
  --bs-btn-active-bg: #400070;
  --bs-btn-active-border-color: #400070;
  --bs-btn-focus-shadow-rgb: 101,0,178;
}
.badge.bg-primary,.bg-primary{background-color:var(--umko-teal-br, #6500B2) !important;}
.text-primary{color:var(--umko-teal-br, #6500B2) !important;}
.border-primary{border-color:var(--umko-teal-br, #6500B2) !important;}
.form-check-input:checked{background-color:var(--umko-teal-br, #6500B2);border-color:var(--umko-teal-br, #6500B2);}
.form-control:focus,.form-select:focus{border-color:var(--umko-teal-br, #6500B2);box-shadow:0 0 0 .25rem rgba(101,0,178,.25);}
.page-link{color:var(--umko-teal-br, #6500B2);}
.page-item.active .page-link{background-color:var(--umko-teal-br, #6500B2);border-color:var(--umko-teal-br, #6500B2);}
.nav-link.active{color:var(--umko-teal-br, #6500B2);}
.progress-bar{background-color:var(--umko-teal-br, #6500B2);}
.spinner-border.text-primary{color:var(--umko-teal-br, #6500B2) !important;}