/* ============================================================================
   Дизайн-система «Бюро» — единственный источник правды по виду сервиса.
   Снята с выбранного макета design/mock-d.html (решение владельца 15.08.2026).

   Философия: швейцарская точность. Тысяча аккаунтов ведётся как безупречная
   картотека административного бюро. Структуру держат НЕ карточки, а ВОЛОСЯНЫЕ
   ЛИНИИ, сшивающие плоскость. Ни теней, ни скруглений, ни рамок вокруг блоков —
   только линия, воздух и ритм.

   ⚠️ ПРАВИЛА, КОТОРЫЕ НЕЛЬЗЯ НАРУШАТЬ (иначе направление рассыпается):

   1. ЧИСТОГО БЕЛОГО НЕТ НИГДЕ. Бумага #FAFBFC холодная, стол вокруг темнее.
      Глубина делается тоном, а не тенью. Появится #FFF — появится «сияние»,
      и светлый интерфейс станет утомлять, ради чего всё и затевалось.

   2. СИГНАЛ (жжёная киноварь) — ТОЛЬКО ТРИ ВЕЩИ: опасное действие, требующее
      вмешательства человека, одно главное действие на экране. Деньги, «идёт»,
      «готово», фокус, активный пункт меню сигнал НЕ трогают. Иначе он перестаёт
      значить «сюда смотреть».

   3. СОСТОЯНИЕ КОДИРУЕТСЯ ФОРМОЙ, а не только цветом: ▪ идёт · ▫ ждёт ·
      ▲ ошибка · — готово. Экран обязан читаться в оттенках серого целиком.

   4. ЧИСЛА — ТОЛЬКО МОНОШИРИННЫЕ, класс .n. У Corbel цифры минускульные,
      в колонках они не выравниваются по разрядам.

   5. Контраст чернил не опускается ниже 5.4:1 (третьи чернила).
   ========================================================================== */

:root {
  /* --- поверхности ------------------------------------------------------ */
  --desk: #EDEFF3;        /* стол вокруг листа — темнее бумаги */
  --paper: #FAFBFC;       /* лист: холодный, чуть голубоватый */
  --paper-2: #F2F4F7;     /* утопленное поле: шапки таблиц, журнал */
  --paper-3: #E9ECF0;     /* наведение на строку */

  /* --- чернила ---------------------------------------------------------- */
  --ink: #15171B;         /* 15.2:1 — основной текст, числа */
  --ink-2: #41464E;       /*  9.2:1 — вторичный текст */
  --ink-3: #626872;       /*  5.4:1 — подписи; НИЖЕ НЕ ОПУСКАТЬСЯ */

  /* --- волосяные линии: основной структурный инструмент ------------------ */
  --rule: #DCE0E6;        /* обычная волосяная */
  --rule-soft: #E9ECF0;   /* совсем тихая, внутри блока */
  --rule-hard: #B4BAC3;   /* структурная: край листа, разделы */

  /* --- единственный сигнал ---------------------------------------------- */
  --sig: #C23A0B;         /* 5.2:1 на бумаге, 5.4:1 белым по нему */
  --sig-soft: #E8C3B2;    /* подложка сигнала, очень скупо */

  /* --- семантика состояний ----------------------------------------------
     Отдельно от сигнала. Цвет ТОЛЬКО усиливает форму значка, не заменяет её. */
  --st-run: #2F6F4E;      /* идёт  ▪  зелёные чернила, 5.6:1 */
  --st-wait: #626872;     /* ждёт  ▫  третьи чернила */
  --st-err: #C23A0B;      /* ошибка ▲ совпадает с сигналом намеренно */
  --st-done: #626872;     /* готово —  нейтрально: сделанное не кричит */

  /* --- шрифты ------------------------------------------------------------
     Внешних CDN нет: сервис работает у оператора часами, и подвисший шрифт
     с чужого домена — это мигающий текст на рабочем инструменте. */
  --ui: Corbel, Candara, Optima, "Segoe UI Variable Text", sans-serif;
  --mono: "Cascadia Mono", Consolas, "Courier New", monospace;

  /* --- ритм: всё кратно 4 ----------------------------------------------- */
  --u: 4px;
  --u2: 8px;
  --u3: 12px;
  --u4: 16px;
  --u5: 20px;
  --u6: 24px;
  --u8: 32px;
  --pad: 22px;            /* горизонтальные поля листа */
  --marg: 96px;           /* маргинальная колонка с номером регистра */
  --sheet: 1180px;        /* ширина листа */

  /* --- кегли ------------------------------------------------------------- */
  --t-cap: 10px;          /* подписи капслоком с трекингом */
  --t-sm: 12px;
  --t-base: 13px;         /* база интерфейса */
  --t-md: 15px;
  --t-lg: 18px;
  --t-xl: 24px;
  --t-num: 34px;          /* крупные числа сводки */

  /* --- движение ----------------------------------------------------------
     Короткое и незаметное: инструмент, а не витрина. */
  --dur: 140ms;
  --ease: cubic-bezier(.2, 0, .2, 1);
}

/* Тёмная тема НЕ делается намеренно: «Бюро» — светлый мир, это и есть выбранное
   направление. Тёмный вариант был отдельным направлением и не выбран. */

@media (prefers-reduced-motion: reduce) {
  :root { --dur: 0ms; }
}