/* Токены дашборда infra-status. Единственное место, где заданы цвета,
   шрифты и размеры: экраны берут значения отсюда, а не пишут hex у себя.
   Значения сняты с утверждённых артбордов (design/*.dc.html), не выдуманы.
   Словами — docs/design-system.md. */

:root {
  /* --- Поверхности. Тёмная база: панель круглосуточная, светлый фон в
     ночном разборе слепит. Три уровня, больше не нужно. --- */
  --bg:            #0B0E13;   /* фон страницы */
  --panel:         #10151C;   /* карточка, таблица, блок */
  --panel-tint:    #161E28;   /* выбранная строка списка */

  /* --- Линии. Четыре толщины смысла, а не четыре оттенка ради красоты. --- */
  --line:          #1F2731;   /* граница блока */
  --line-inner:    #1A222C;   /* шапка внутри блока, дорожка метра */
  --line-row:      #161D26;   /* между строками списка */
  --line-chip:     #26303C;   /* обводка чипа и кнопки */
  --line-hair:     #2B3542;   /* разделитель-точка в мета-строке */

  /* --- Текст. Пять ступеней: заголовок, тело, подпись, служебное, шум. --- */
  --ink:           #E6EDF5;
  --ink-2:         #C6D0DC;
  --dim:           #93A1B4;
  --muted:         #7E8B9C;
  --faint:         #5D6B7D;
  --faintest:      #4E5C6E;

  /* --- Статусы. Зарезервированы: этими цветами не красят ничего, кроме
     состояния, и рядом с цветом всегда стоит слово. --- */
  --ok:            #3FB950;
  --warn:          #D29922;
  --down:          #F85149;
  --stale:         #A371F7;   /* данные протухли */
  --unknown:       #6E7A8A;   /* агента нет, состояние неизвестно */

  /* Подложки и обводки блока в аварийном состоянии */
  --down-tint:     rgba(248, 81, 73, 0.06);
  --down-line:     #40202A;
  --warn-tint:     rgba(210, 153, 34, 0.05);
  --warn-line:     #3A3220;
  --ok-glow:       rgba(63, 185, 80, 0.16);   /* ореол живого индикатора */

  /* Заливки графиков: приглушённее статусных, чтобы столбики не орали */
  --chart-ok:      #1F5F32;
  --chart-warn:    #8C6A17;
  --chart-down:    #F85149;
  --chart-idle:    #1A222C;

  --link:          #6FB3FF;
  --link-hover:    #9CCBFF;

  /* --- Шрифты. Гротеск на подписи, моноширинный на всё, что число или
     идентификатор: адреса, коды, время ответа, имена контейнеров. --- */
  --font-ui:   'Space Grotesk', 'Helvetica Neue', Arial, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  /* --- Размеры. Шкала короткая: восемь ступеней на весь дашборд. --- */
  --t-title:   25px;   /* имя сущности в детали */
  --t-brand:   19px;   /* логотип в шапке */
  --t-h:       15px;   /* заголовок карточки-компонента */
  --t-body:    13.5px; /* строки списков и таблиц */
  --t-meta:    12.5px; /* подписи, значения паспорта */
  --t-mono:    11.5px; /* адреса, коды, служебные числа */
  --t-label:   10.5px; /* НАДПИСЬ КАПСОМ над секцией */
  --t-stat:    21px;   /* цифра в плитке-показателе */

  --ls-label: 0.09em;  /* разрядка капса; без неё капс читается как ошибка */
  --ls-title: -0.02em; /* крупный заголовок поджимается */

  /* --- Ритм. Кратно 2, без 8px-сетки: плотность важнее ровных чисел. --- */
  --pad-page:  22px 26px 28px;
  --pad-card:  13px 16px;
  --pad-row:   11px 16px;
  --gap-sec:   20px;   /* между секциями детали */
  --gap-card:  14px;   /* между карточками в ряду */
  --gap-stat:  12px;   /* между плитками показателей */

  /* --- Радиусы маленькие: панель управления, а не приложение для отдыха. --- */
  --r:         3px;
  --r-chip:    2px;
  --r-meter:   3px;

  --meter-h:   5px;    /* высота дорожки метра */
  --dot:       7px;    /* индикатор состояния в списке */
  --accent-w:  3px;    /* цветная полоса слева от заголовка детали */
  --sidebar:   316px;  /* ширина левого списка */
}