/* ==========================================================================
   Масштаб · токены интерфейса · v1.0 · 09.09.2026
   ⚠ Путь к шрифту изменён под нашу структуру: токены лежат в assets/, шрифт —
   в assets/fonts/.
   ⚠ С 11.09.2026 это ЕДИНСТВЕННОЕ место всех токенов системы (UI_RULES §2):
   восемь цветов, их оттенки, два радиуса, одна высота органа управления и одна
   тень плавающего слоя. Псевдонимов нигде нет (Л-1).
   Подключать ПЕРВЫМ, до стилей приложения. Ничего не переопределяет —
   только объявляет шрифт, переменные и три служебных класса.
   ========================================================================== */

/* 1. Шрифт: один вариативный файл на все начертания 400–900 */
@font-face {
  font-family: "Golos Text";
  src: url("fonts/GolosText-variable.woff2") format("woff2");
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
}

/* 2. Цвета — 8 базовых, всё остальное выводится через прозрачность */
:root {
  --text:    #0E2A2F;  /* текст, цифры, иконки — вместо чёрного */
  --text-2:  #5A6E72;  /* подписи, единицы, второстепенное */
  --bg:      #FFFFFF;  /* страница */
  --pad:     #F3F7F8;  /* подложка: карточки, вкладки, кнопки, шапка таблицы, плашки */
  --line:    #DDE7E9;  /* линии, разделители, обводки */
  --accent:  #18788B;  /* активное: сортировка, ссылки, фокус, выбранное */
  --ok:      #1D8A4E;  /* рост */
  --bad:     #C9403A;  /* падение, ошибка */

  /* состояния — не новые цвета, а прозрачность базовых */
  --hover:        rgba(14, 42, 47, 0.04);   /* наведение на подложку/строку */
  --pressed:      rgba(14, 42, 47, 0.08);   /* нажатие */
  --selected:     rgba(24, 120, 139, 0.10); /* выбранная строка/элемент */
  --accent-tint:  rgba(24, 120, 139, 0.12); /* уровень «внимание», заливка на графиках */
  --ok-tint:      rgba(29, 138, 78, 0.12);  /* плашка ABC «A» */
  --bad-tint:     rgba(201, 64, 58, 0.10);  /* уровень «критично» */
  --disabled-opacity: 0.4;

  /* шрифт */
  --font: "Golos Text", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* Геометрия. Радиусов ДВА (Л-3): 22 — блоки и органы управления высотой 44;
     8 — только элементы внутри строки таблицы. Пакетные --radius-m (16) и
     --radius-pill (999) сняты: первый противоречил закону 22, второй не
     использовался ни разу. */
  --radius-block: 22px;
  --radius-s: 8px;
  --h-ctl: 44px;        /* высота ЛЮБОГО органа управления: чип, кнопка, поле, бургер, вкладка, док */

  /* Тень есть ТОЛЬКО у плавающего слоя (Л-4): панель, список, диалог, карточка.
     У поверхностей — блока, виджета, чипа, бургера, дока — теней нет. */
  --shadow-float: 0 12px 32px rgba(14, 42, 47, 0.14);
}

/* 3. Табличные цифры. Вешать на ВСЁ, где есть числа в колонках и KPI. */
.num {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
}

/* 4. Фокус с клавиатуры и выделение — в цвете акцента */
:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
::selection { background: var(--accent-tint); }