/* Токены Figma «Scada». Светлая тема.
   Цвета — стили «Цвета/…», текст — стили «Типографика/…», числа — переменные «Размеры» (отступы 0…40, радиусы 2…24/999),
   сетка — «Grid / Desktop / 12 / Collapsed». Теней нет: везде только рамки. */
:root{
  color-scheme:light;

  /* шрифты */
  --font:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:'JetBrains Mono',ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace; /* «Моно 14 Regular»: только тип данных и чтение регистра */

  /* Цвета/Основной */
  --c-primary-50:#F5F7FB;
  --c-primary-100:#E4E9F2;
  --c-primary-200:#B3C2E6;
  --c-primary-300:#577FDB;
  --c-primary-400:#1445B8;
  --c-primary-500:#071E57;
  --c-primary-600:#061640;
  --c-white:#FFFFFF;        /* Цвета/Основной/Белый */
  /* Цвета/Серый */
  --c-gray-50:#F5F5F5;
  --c-gray-100:#E8EAED;
  --c-gray-200:#C6C9D2;
  --c-gray-300:#9DA3AF;
  --c-gray-400:#828996;     /* рамки чекбоксов; поля и фильтры — по компоненту «Input»: Серый/100 */
  --c-gray-500:#6B7280;
  --c-gray-600:#4B5563;
  --c-gray-900:#111827;     /* Tooltip */
  /* Цвета/Зелёный */
  --c-green-50:#F0FBF5;
  --c-green-100:#D6F5E4;
  --c-green-200:#9FE0BC;    /* рамка плашки «успех»; добавлен 04.11 — в палитре не было светлого оттенка между 100 и 500 */
  --c-green-500:#009838;
  --c-green-600:#01712A;
  /* Цвета/Янтарный */
  --c-amber-50:#FFFBF0;
  --c-amber-200:#FFE480;
  --c-amber-500:#FFB300;
  --c-amber-900:#785400;    /* янтарный текст: 6,6:1 */
  /* Цвета/Красный */
  --c-red-50:#FDF5F5;
  --c-red-100:#FAE0E0;
  --c-red-500:#B31414;
  --c-red-600:#960E0E;
  /* Прозрачные */
  --glass:rgba(255,255,255,.24);     /* Прозрачные/Белый 24 */
  --overlay:rgba(4,15,43,.45);       /* подложка под окнами: Цвета/Прозрачные/Основной 800 · 45 */
  --overlay-panel:rgba(6,22,64,.25); /* подложка под боковой панелью и мобильным меню: слой «Overlay» кадра 5196:140796, Основной 600 · 25 */
  --band-tint:linear-gradient(90deg,rgba(53,135,235,.25),rgba(171,213,252,.25)); /* шапка: градиент #3587EB→#ABD5FC 25 % поверх фото */
  --band-bg:#E3EAF3;     /* шапка, пока фото не загрузилось */

  /* Размеры: отступы */
  --s-0:0;
  --s-2:2px;
  --s-4:4px;
  --s-8:8px;
  --s-10:10px;
  --s-12:12px;
  --s-16:16px;
  --s-20:20px;
  --s-24:24px;
  --s-32:32px;
  --s-40:40px;
  /* Размеры: радиусы */
  --r-2:2px;
  --r-4:4px;
  --r-6:6px;
  --r-8:8px;
  --r-12:12px;
  --r-16:16px;   /* окна на телефоне (Figma «Удаление» 4055:103876) */
  --r-24:24px;
  --r-pill:999px;

  /* высоты контролов: Sm 32 / Md 36 */
  --h-sm:32px;
  --h-md:36px;
  --hit:44px;   /* минимальная зона нажатия (WCAG 2.5.5); на телефоне Sm и Md растут до неё */

  /* сетка: Desktop 12 (отступ слева 104 = меню 64 + 2×20, зазор 16, справа 32) */
  --gut:16px;
  --ml:104px;
  --mr:32px;

  /* слои */
  --z-side:20;
  --z-drawer:460;
  --z-modal:500;
  --z-proto:650;   /* «Настройки прототипа» (вне продукта): под выпадающим слоем, скрыты при открытом окне */
  --z-pop:700;
  --z-tip:900;
  --z-toast:950;

  --focus:2px solid var(--c-primary-300); /* видимая рамка фокуса */
}
@media (max-width:1023px){:root{--ml:24px;--mr:24px}}            /* Grid / Tablet / 8 */
@media (max-width:767px){:root{--ml:16px;--mr:16px;--gut:12px;--h-sm:var(--hit);--h-md:var(--hit)}}   /* Grid / Mobile / 2; кнопки и поля — по зоне нажатия 44 */
/* Дополнено при сверке общих компонентов с Figma (27.10) */
:root{
  --c-red-200:#F2ADAD;               /* Цвета/Красный/200: опасная кнопка — текст в disabled, рамка в pressed */
}