/* ============================================================
   Design tokens - единая основа для всех интерфейсов.
   Эталон: плотный тёмный как Linear (её выбор 2026-10-29).
   Тёмная ПО УМОЛЧАНИЮ. Светлая - опционально через систему
   или <html data-theme="light">.
   Подключать первым: <link rel="stylesheet" href="tokens.css">
   ============================================================ */

:root{
  /* --- поверхности (near-black, чуть прохладный) --- */
  --bg:#101310;        /* фон страницы */
  --surface:#171b18;   /* поднятый объект (единственная «карточка») */
  --sunken:#171b18;    /* утопленная зона: лог, трек графика */

  /* --- текст (3 уровня, не больше) --- */
  --ink:#e8e7df;       /* основной */
  --ink2:#c9cbc1;      /* вторичный */
  --ink3:#a0a69c;      /* подписи, служебное */

  /* --- линейки (вместо рамок) --- */
  --rule:#2b332d;      /* тонкая */
  --rule2:#3a443c;     /* акцентная */

  /* --- единственный акцент: только основное действие --- */
  --accent:#234a38;    /* primary-кнопка, активная вкладка */
  --accent-ink:#f3f1e9;   /* текст на акценте */

  /* --- данные на графиках --- */
  --data:#7f93c4;
  --data-fill:rgba(127,147,196,.16);

  /* --- статусы: хрома ТОЛЬКО здесь --- */
  --ok:#648e74;        /* норма */
  --warn:#d8a33f;      /* внимание */
  --idle:#5a636e;      /* простой/нет данных */
  --err:#e2765c;       /* ошибка */

  /* --- шрифты (IBM Plex: отличает от Inter-слопа) --- */
  --ui:"Inter",system-ui,-apple-system,sans-serif;
  --mono:ui-monospace,Consolas,monospace;

  /* --- типошкала (px), плотная --- */
  --t-h1:21px;         /* заголовок страницы */
  --t-h2:11px;         /* секция: uppercase, разрядка .08em */
  --t-body:14px;       /* текст */
  --t-data-lg:22px;    /* крупное число */
  --t-data:18px;       /* число */
  --t-small:12px;      /* факты, мета */
  --t-micro:11px;      /* теги, футер */

  /* --- шаг отступов (плотнее Linear) --- */
  --sp-1:4px; --sp-2:6px; --sp-3:10px; --sp-4:14px;
  --sp-5:20px; --sp-6:28px; --sp-7:44px;

  /* --- геометрия --- */
  --radius:4px;        /* максимум; скругление еле заметно */
  --maxw:720px;        /* ширина колонки контента */
  --ctrl:36px;         /* высота контролов: одна на проект */
  --line:1.5;          /* межстрочный */
  color-scheme:dark;
}




:root {
  --quiet-dark-canvas:#101310;
  --quiet-dark-surface-2:#171b18;
  --quiet-dark-surface-3:#1d231f;
  --quiet-dark-surface-4:#252c27;
  --quiet-dark-ink:#e8e7df;
  --quiet-dark-ink-soft:#c9cbc1;
  --quiet-dark-ink-muted:#a0a69c;
  --quiet-dark-hairline:#2b332d;
  --quiet-dark-hairline-strong:#3a443c;
  --quiet-dark-accent:#234a38;
  --quiet-dark-accent-hover:#315e49;
  --quiet-dark-accent-dim:#193d2d;
  --quiet-dark-on-accent:#f3f1e9;
  --quiet-dark-ok:#648e74;
  --quiet-dark-warn:#c4a264;
  --quiet-dark-err:#ca8177;
  --quiet-light-canvas:#f4f3ee;
  --quiet-light-surface-2:#ecebe5;
  --quiet-light-surface-3:#e5e7df;
  --quiet-light-surface-4:#dce0d7;
  --quiet-light-ink:#252b25;
  --quiet-light-ink-soft:#424b42;
  --quiet-light-ink-muted:#606b60;
  --quiet-light-hairline:#d5d9d0;
  --quiet-light-hairline-strong:#b6c0b5;
  --quiet-light-accent:#234a38;
  --quiet-light-accent-hover:#1a3d2d;
  --quiet-light-on-accent:#f7f5ed;
  --quiet-light-ok:#2d7152;
  --quiet-light-warn:#8e682f;
  --quiet-light-err:#a44539;
}