/* Панель логистики — дизайн-токены
   Извлечено из прототипа «Панель логистики - прототип.dc.html».
   Все значения — фактические, применённые в интерфейсе. */

:root {
  /* ── Фирменные ─────────────────────────────────────────────── */
  --brand-ink:        #0F252C;  /* тёмный низ градиента сайдбара, экран входа */
  --brand-deep:       #203B32;  /* основная кнопка, шапка модала */
  --brand-steel:      #455E66;  /* иконки, ссылки, вторичный акцент */
  --brand-lime:       #BBD25A;  /* акцент: активный пункт меню, главное действие */
  --brand-lime-ink:   #12291D;  /* текст на лаймовой кнопке */
  --sidebar-top:      #2C4A54;  /* верх градиента сайдбара */

  /* ── Текст ─────────────────────────────────────────────────── */
  --text-strong:      #17272B;  /* заголовки, числа KPI, суммы */
  --text-body:        #2A3B3E;  /* основной текст таблиц */
  --text-second:      #3C5560;  /* подписи полей, кнопки-контуры */
  --text-muted:       #5F6F72;  /* подписи, заголовки колонок — AA 4.6:1 */
  --text-mono:        #5A6A6D;  /* моно-значения второго плана */
  --text-faint:       #9AA4A3;  /* только прочерки и разделители */
  --text-form:        #6A7A7E;  /* подписи над полями фильтров */

  /* ── Фон и границы ─────────────────────────────────────────── */
  --bg-app:           #F2F5F3;  /* фон рабочей области */
  --bg-card:          #FFFFFF;  /* карточки, таблицы, модалы */
  --bg-subtle:        #F7F9F8;  /* шапки таблиц, футеры модалов */
  --bg-inset:        #F6F8F7;  /* тело модала маршрута */
  --border-card:      rgba(15,37,44,.08);
  --border-row:       rgba(15,37,44,.05);
  --border-head:      rgba(15,37,44,.07);
  --border-input:     #D7DEDD;
  --border-button:    #CDD7D6;

  /* ── Состояния: заливка + текст (пары проверены на AA) ─────── */
  --ok-bg:            #DCEBD8;  --ok-fg:      #2F5A34;  /* успех, доставлено */
  --ok-solid:         #2F5A34;                          /* заливка под белым текстом */
  --info-bg:          #E6EDF0;  --info-fg:    #3C5560;  /* нейтральный статус */
  --warn-bg:          #F2EEDB;  --warn-fg:    #7A6524;  /* ожидание, частично */
  --warn-solid:       #7A6524;
  --danger-bg:        #FBE7E3;  --danger-fg:  #A93A2E;  /* ошибка, не доставлено */
  --danger-solid:     #C0483B;                          /* заливка, рамки, KPI */
  --neutral-bg:       #ECEEED;  --neutral-fg: #4E5E61;  /* нейтральная пилюля */
  --neutral-solid:    #4E5E61;
  --lime-bg:          #EEF4D8;  --lime-fg:    #4F6320;  /* смена в календаре */
  --lime-border:      #D9E5B8;
  --teal-solid:       #2B7D8F;                          /* «Оплачено · довоз» */

  /* ── Точки статусов маршрута ───────────────────────────────── */
  --dot-preparing:    #5F6F72;
  --dot-loading:      #6F97A3;
  --dot-loaded:       #4A7D8C;
  --dot-progress:     #5C8791;
  --dot-returning:    #7A6524;
  --dot-fincheck:     #7A6524;
  --dot-completed:    #3F8047;
  --dot-cancelled:    #5F6F72;

  /* ── Типографика ───────────────────────────────────────────── */
  --font-ui:    'Manrope', system-ui, sans-serif;
  --font-mono:  'JetBrains Mono', monospace;  /* числа, даты, суммы, номера */

  --fs-micro:   11px;  /* заголовки колонок, бейджи, подписи полей */
  --fs-small:   12px;  /* второй план, подписи KPI */
  --fs-body:    13px;  /* основной размер таблиц и кнопок */
  --fs-lead:    15px;  /* заголовки блоков и карточек, суммы */
  --fs-section: 19px;  /* заголовок модала, крупные итоги */
  --fs-title:   22px;  /* заголовок экрана */
  --fs-hero:    28px;  /* число KPI, логотип на входе */

  --fw-regular: 400;
  --fw-medium:  500;
  --fw-semi:    600;
  --fw-bold:    700;
  --fw-black:   800;

  /* ── Радиусы ───────────────────────────────────────────────── */
  --r-xs:   4px;    /* чекбокс чек-листа */
  --r-sm:   6px;    /* поля, кнопки, теги, ячейки календаря */
  --r-md:   10px;   /* карточки, таблицы, модалы */
  --r-pill: 999px;  /* пилюли статусов, счётчики */
  --r-round: 50%;   /* аватары, точки статуса */

  /* ── Отступы: шаг 2px, рабочая шкала ───────────────────────── */
  --sp-1:  2px;   --sp-2:  4px;   --sp-3:  6px;   --sp-4:  8px;
  --sp-5:  10px;  --sp-6:  12px;  --sp-7:  14px;  --sp-8:  16px;
  --sp-9:  18px;  --sp-10: 20px;  --sp-11: 22px;  --sp-12: 24px;

  /* ── Высоты элементов ──────────────────────────────────────── */
  --h-icon-btn:  29px;  /* иконочная кнопка в строке таблицы */
  --h-control:   34px;  /* компактное поле и кнопка (обслуж. клиентов) */
  --h-field:     36px;  /* поле фильтра, кнопка фильтра */
  --h-button:    38px;  /* кнопка формы и модала */
  --h-input-lg:  46px;  /* поле на экране входа */
  --h-cell-cal:  62px;  /* ячейка календаря, минимум */
  --h-topbar:    58px;  /* шапка отдельного окна */

  /* ── Каркас ────────────────────────────────────────────────── */
  --sidebar-w:          220px;
  --sidebar-w-collapsed: 62px;
  --screen-pad:         22px 24px;
  --card-pad:           14px 16px;
  --modal-route-w:      min(1120px, 96vw);
  --modal-form-w:       min(520px, 94vw);
  --modal-dialog-w:     min(440px, 94vw);
  --modal-message-w:    min(420px, 94vw);
  --modal-small-w:      min(380px, 94vw);

  /* ── Тени ──────────────────────────────────────────────────── */
  --shadow-modal: 0 24px 60px -12px rgba(15,37,44,.5);
  --shadow-login: 0 10px 40px rgba(0,0,0,.2);
  --overlay:      rgba(15,37,44,.55);

  /* ── Фокус ─────────────────────────────────────────────────── */
  --focus-ring: 2px solid rgba(69,94,102,.35);
}