:root {
  /* --- Обратная совместимость --- */
  --green:       #98c4ac;
  --green-dark:  #3a804d;
  --green-light: #e2ede6;

  /* ============================================================
     Цвета бренда
     ============================================================ */
  --color-primary:        #1D9E75;
  --color-primary-hover:  #178a64;
  --color-primary-light:  #eaf7f2;
  --color-primary-border: #b8ddd0;

  /* --- Фоны --- */
  --color-bg:           #f4f5f7;
  --color-surface:      #ffffff;
  --color-surface-soft: #f8f9fa;
  --color-surface-hover:#f5f6f8;   /* hover на кнопках */
  --color-row-hover:    #f0f7f4;   /* hover строки таблицы — зелёный тинт */
  --color-border:       #eaecf0;
  --color-border-strong:#d0d5dd;
  --color-border-light: #f3f4f6;
  --color-border-hover: #c0c7d0;   /* border при hover */

  /* --- Текст --- */
  --color-text:         #1a2030;   /* темнее — как в старой версии */
  --color-text-muted:   #5a6478;   /* темнее — читабельнее */
  --color-text-faint:   #8a94a8;
  --color-text-link:    #1a7abf;   /* насыщенный синий — ссылки заметны */
  --color-text-white:   #ffffff;
  --color-text-gray:    #5a6478;
  --color-text-placeholder: #c0c7d0;
  --color-text-num:         #c0c7d0;  /* номера строк — намеренно бледные */
  --color-selected-bg:      #fcdd88;

  /* --- Статусы --- */
  --color-success-bg:     #eaf7f2;
  --color-success-text:   #1D9E75;
  --color-warn-bg:        #fef3e2;
  --color-warn-text:      #b45309;
  --color-danger-bg:      #fef2f2;
  --color-danger-bg-hover:#fff9f8;
  --color-danger-text:    #c0392b;
  --color-danger-border:  #f0c0b8;
  --color-danger-border-hover: #e08070;
  --color-danger-text-hover:   #d0401a;
  --color-neutral-bg:     #f0f1f3;
  --color-neutral-text:   #9aa0ab;

  /* ============================================================
     Типографика
     ============================================================ */
  --font-family:    Inter, -apple-system, Arial, sans-serif;
  --font-size-xs:   11px;   /* было 10 — мелковато */
  --font-size-sm:   12px;   /* было 11 */
  --font-size-base: 13px;   /* основной текст таблицы — как в старом */
  --font-size-md:   14px;
  --font-size-lg:   15px;
  --line-height:    1.2;

  /* ============================================================
     Рамки
     ============================================================ */
  --border-width:        1px;
  --border-width-strong: 1.5px;

  /* ============================================================
     Скругления
     ============================================================ */
  --radius-sm:   4px;
  --radius-md:   6px;
  --radius-lg:   10px;
  --radius-pill: 20px;

  /* ============================================================
     Отступы
     ============================================================ */
  --space-1:  4px;
  --space-2:  8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;

  /* ============================================================
     Тени
     ============================================================ */
  --shadow-sm: 0 1px 3px rgba(0,0,0,.08);
  --shadow-md: 0 2px 6px rgba(0,0,0,.12);
}