/* Тема TrevoxUA по ТЗ дизайна: мягкий графит с зелёным подтоном, акценты — мята, песок, коралл.
   Все цвета, шрифты, скругления и отступы — только здесь. */
:root{
  --font: "Segoe UI Variable Text", "Segoe UI", Arial, sans-serif;
  --font-head: "Segoe UI Variable Display", "Segoe UI", Arial, sans-serif;

  --bg:#171D1D;            /* основной фон */
  --panel:#202828;         /* панели */
  --raised:#293333;        /* приподнятые элементы, поля, выбранные фильтры */
  --line:#354140;          /* разделители и контуры */
  --fg:#EDF0E9;            /* основной текст */
  --muted:#AAB9B3;         /* вторичный текст */
  --mint:#B6D5BD;          /* основное действие, выбранная навигация, положительное */
  --mint-deep:#283E33;     /* тёмная подложка мятного выделения */
  --sand:#D9C7A2;          /* предупреждения невысокой срочности, улучшения */
  --coral:#E2A798;         /* расхождения, требующие проверки */
  --on-mint:#171D1D;       /* текст на мятном */
  --sand-deep:#3A3527;     /* подложки для песочного и кораллового (тёмные, текст светлый) */
  --coral-deep:#3D2B27;

  --r-panel:20px; --r-btn:11px; --r-field:9px;
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:20px; --s6:24px; --s7:32px; --s8:40px;
  --pad: 36px;             /* внешние поля на компьютере */
  --ease: 170ms ease;
  color-scheme: dark;
}
@media (max-width: 760px){ :root{ --pad: 16px; } }