/* =============================================================================
   Продуктовые токены daymilo.com.

   Всё, что есть в дизайн-системе, берётся из Ant Design напрямую
   (assets/antd/antd.css, переменные --ant-*). Здесь — только то, чего в antd
   быть не может: цвета ролей точек маршрута на карте и в списке.

   ⚠️ Значения выражены через палитру antd, а не заданы числами. Смысл: палитра
   у antd своя для светлой и тёмной темы, поэтому маркеры перекрашиваются вместе
   со всем остальным сами, и отдельного блока [data-theme="dark"] здесь не нужно.
   Захардкодишь #E53935 — в тёмной теме получишь ядовитое пятно на сером фоне.

   Роли и почему именно так:
     старт   — красный: это «откуда», единственная обязательная точка;
     финиш   — синий (основной цвет продукта): «куда»;
     промеж. — светло-синий: та же семья, но заведомо тише старта и финиша;
     выбрана — золотой: подсветка тапнутой строки/маркера, должна перебивать всё;
     далеко  — жёлтый предупреждающий: точка выпадает из маршрута. Это
               ПРЕДУПРЕЖДЕНИЕ, а не запрет (человек может реально везти груз в
               соседнюю область), поэтому warning, а не error.
   ========================================================================== */

:root {
  /* --- точки маршрута: заливка и текст на ней --- */
  --route-start-bg:    var(--ant-red-6);
  --route-start-fg:    #fff;

  --route-finish-bg:   var(--ant-blue-6);
  --route-finish-fg:   #fff;

  --route-mid-bg:      var(--ant-blue-4);
  --route-mid-fg:      var(--ant-blue-10);

  --route-active-bg:   var(--ant-gold-5);
  --route-active-fg:   var(--ant-gold-10);

  --route-far-bg:      var(--ant-gold-6);
  --route-far-fg:      var(--ant-gold-10);

  /* линия маршрута на карте. Оранжевый выбран, чтобы читаться и на светлой,
     и на тёмной подложке — синий сливался бы с водой, красный с маркером старта */
  --route-line:        var(--ant-orange-6);

  /* --- карта --- */
  /* фон под тайлами: дефолтный #ddd у Leaflet вспыхивает светлым
     прямоугольником, пока тайлы грузятся */
  --map-canvas-bg:     var(--ant-color-fill-quaternary);
  /* ⚠️ Две высоты, а не одна. Пока маршрута нет, на карте нечего смотреть, а
     52dvh занимали ровно ту зону, по которой листают список: половина мобильных
     сессий за неделю попадала пальцем в карту. Когда маршрут посчитан, всё
     наоборот - смотрят именно карту (31 сессия из 44 продолжает её возить,
     36 раз за неделю разворачивали на весь экран), и она встаёт над списком. */
  --map-height-mobile: 34dvh;   /* dvh, а не vh: адресная строка схлопывается */
  --map-height-mobile-result: 58dvh;

  /* --- слои (z-index) в одном месте, чтобы не расходились ---
     Порядок снизу вверх: липкая панель действий -> подсказки адресов ->
     онбординг -> модалки -> уведомления -> тост отмены.
     Значения согласованы с antd: у него popup = 1050, message = 1010. */
  --z-sticky-actions:  800;
  --z-suggestions:     900;
  --z-onboarding:      1040;
  --z-modal:           1050;
  --z-notification:    1060;
  --z-undo-toast:      1070;
}