/* ============================================================
   ТОКЕНЫ — единственное место со значениями. Стиль «бренд».
   5 размеров текста, 7 шагов отступа, 3 радиуса, 1 тень,
   один акцент для действий. Всё остальное — из этого файла.
   ============================================================ */
:root {
  /* палитра «бренд»: белая, строгая, синий-электрик на действиях */
  --bg:            #F4F6FA;
  --surface:       #FFFFFF;
  --surface-sunk:  #EDF0F5;
  --line:          #D5DBE5;
  --line-strong:   #B7C1CF;
  --ink:           #0B1220;
  --ink-2:         #4B5567;
  --ink-3:         #6B7688;

  /* акцент — только действия */
  --accent:        #0B5FFF;
  --accent-hover:  #084AD1;
  --accent-soft:   #E6EEFF;
  --focus-ring: rgba(11, 95, 255, .16);   /* мягкое кольцо фокуса у полей ввода */
  --select:        #0D9488;   /* «выбрано»: бирюзовый, чтобы не путать с синими действиями */
  --select-soft:   #E6F5F2;

  /* бренд VANT · XBOT (robots.catc.ai): только логотип, не действия */
  --brand:         #BC006B;
  --brand-ink:     #111518;

  /* сигналы строго по назначению */
  --ok:            #0E9F6E;
  --ok-hover:      #0B8A5F;
  --ok-soft:       #E6F6EF;
  --warn:          #B45309;
  --warn-btn:      #D97706;   /* заливка кнопки «Сбросить» */
  --warn-btn-hover:#B45309;
  --warn-soft:     #FDF3E4;
  --warn-line:     #EBD9BC;
  --danger:        #DC2626;
  --danger-hover:  #B91C1C;
  --danger-soft:   #FCEBEB;

  /* карта: цвет = данные */
  --map-bg:        #EDF0F5;
  --map-free:      #FFFFFF;
  --map-wall:      #1F2937;
  --map-lidar:     #0B5FFF;
  --map-point:     #7C8798;
  --map-target:    #0E9F6E;
  --map-robot:     #0B5FFF;

  /* текст */
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --t-xs: 12px;  --t-sm: 14px;  --t-md: 16px;  --t-lg: 20px;  --t-xl: 28px;
  --t-hero: 34px;  /* одно крупное состояние: «Робот выключен», «Выберите язык» */
  --w-normal: 400; --w-bold: 600;

  /* пространство */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px; --s-6: 32px; --s-7: 48px;

  /* форма */
  --r-sm: 6px; --r-md: 10px; --r-pill: 999px;
  --shadow: 0 4px 16px rgba(11, 18, 32, .08);
  --popover-bg: #0B1220;  --popover-ink: #FFFFFF;   /* подсказка над картой, тост */
  --touch: 44px;
  --fast: 150ms; --slow: 220ms;
}