/* ============================================================
   ТОКЕНИ ДИЗАЙН-СИСТЕМИ · ТЗ ч. VI · 2026-08-18
   ============================================================
   Значення взяті з CI-гайдлайну Syngenta, не вигадані.

   ⚠️ ГОЛОВНЕ ВИПРАВЛЕННЯ: раніше другорядні кольори виконували роль
   первинних. Полотном був Cloud white (#D9D5D2), а кнопками — Plant green
   dark (#5F7800). У гайдлайні Cloud white — акцентна поверхня, а не полотно;
   Plant green — колір ілюстративної групи, а не інтерфейсу. Тепло-сірий фон
   плюс оливкова кнопка читаються оком як інтерфейс десятирічної давнини.

   Стало: полотно біле, бренд — Syngenta blue, інтерактив — Air blue.
   ============================================================ */

:root {
  /* ── Бренд ── */
  --syn-blue:        #000066;  /* Pantone 2747 — бренд, шапка, первинна дія */
  --syn-blue-dark:   #00004d;  /* натиснутий стан */
  --syn-green:       #009933;  /* Pantone 347  — успіх, позитивна дельта */

  /* ── Інтерактив ── */
  --air-blue:        #00A0BE;  /* 632 — посилання, активна вкладка, фокус */
  --air-blue-dark:   #008B95;  /* 321 */
  --air-blue-pale:   #82C8DC;  /* 630 */

  /* ── Акценти ── */
  --sun-orange:      #EB8200;  /* 144  — попередження */
  --sun-orange-pale: #FFB400;  /* 1235 */
  --plant-green:     #5F7800;  /* 7496 — вторинний, НЕ первинна кнопка */
  --plant-green-pale:#AAB400;  /* 583 */
  --alert-red:       #E00034;  /* 185 — негативна дельта, помилка */

  /* ── Поверхні ── */
  --bg-page:         #FFFFFF;
  --surface:         #F7F6F5;  /* картка на полотні, зебра таблиці */
  --surface-warm:    #D9D5D2;  /* Warm Gray 2 — акцентна смуга, роздільник */
  --line-c:          #E6E3E0;

  /* ── Текст ── */
  --text:            #1A1A1A;
  --text-muted:      #626469;  /* Cool Gray 11 */
  --text-invert:     #FFFFFF;

  /* ── Шкала відступів (4px) ── */
  --s1: 4px;  --s2: 8px;  --s3: 12px; --s4: 16px;
  --s5: 24px; --s6: 32px; --s7: 48px; --s8: 64px;

  /* ── Типографіка ──
     Шрифт системний і офіційний водночас (підтверджено 18.08): веб-шрифти
     не підключаємо — нуль запитів, немає стрибка тексту, працює офлайн. */
  /* Порядок за рішенням власника 18.08: Arial першим — на робочих
     машинах текст лягає рівніше. Обидві гарнітури системні, тому
     веб-шрифти не підключаємо: нуль запитів, працює офлайн. */
  --font: Arial, Helvetica, sans-serif;
  /* Піднято на щабель 18.08: аудиторія — менеджери й директори на великих
     екранах, 13px базового читалось дрібно. 12px лишається службовим. */
  --fs-xs: 12px; --fs-sm: 14px; --fs-md: 16px; --fs-lg: 19px;
  --fs-xl: 25px; --fs-2xl: 32px; --fs-kpi: 40px;
  --lh: 1.55;

  /* ── Радіуси й тіні — рівно три, щоб не розповзалось ── */
  --r-sm: 4px; --r-md: 8px; --r-lg: 12px;
  --sh-1: 0 1px 2px rgba(0,0,102,.06);
  --sh-2: 0 2px 8px rgba(0,0,102,.08);
  --sh-3: 0 8px 24px rgba(0,0,102,.12);

  /* ── Ширина контенту ── */
  --wrap-w: 1100px;

  /* ════════════════════════════════════════════════════════
     СУМІСНІСТЬ ІЗ НАЯВНИМИ ШАБЛОНАМИ
     ════════════════════════════════════════════════════════
     У 12 шаблонах 276 інлайн-стилів, які посилаються на старі імена:
     var(--muted) 41×, var(--green) 27×, var(--line) 12×, var(--navy) 8×,
     var(--cyan) 2×, var(--card) 2×, var(--orange) 1×, var(--bg) 1×.

     Старі імена ЗБЕРЕЖЕНІ як псевдоніми — тому портал міняє вигляд
     повністю, а жоден із 11 шаблонів не треба чіпати одночасно.
     Прибирати ці рядки — лише коли інлайн-стилів не лишиться. */
  --green:  var(--syn-green);   /* був #5F7800 (оливковий) → тепер Syngenta green:
                                   інлайн `color:var(--green)` це статус «готово»,
                                   і зелений «успіх» тут семантично правильніший */
  --orange: var(--sun-orange);
  --cyan:   var(--air-blue);
  --navy:   var(--syn-blue);
  --muted:  var(--text-muted);
  --bg:     var(--bg-page);
  --card:   var(--bg-page);
  --line:   var(--line-c);
}