/* ── Мост со старой палитрой ────────────────────────────────────────────
     Оформление кабинета переехало на дизайн-систему (css/ds.css). Но её
     токенами набрано ещё не всё: имена --bg, --panel, --border и прочие
     стоят в десятке файлов и в сотне правил.

     Поэтому старые имена остаются, но теперь это НЕ значения, а ссылки на
     токены системы. Меняется палитра — меняется весь кабинет разом, и правки
     идут по файлам постепенно, а не одним разъезжающимся коммитом.

     В НОВОМ коде берите токены системы напрямую (--paper, --ink-strong,
     --shadow-field). Здешние имена — временные, они уйдут, когда последний
     файл перестанет их звать. */
  :root {
    --bg:var(--paper);              /* фон всего: бумага */
    --panel:rgb(0 0 0 / .03);       /* лёгкая подложка под наведением */
    --border:rgb(0 0 0 / .09);      /* остатки рамок: система их не любит,
                                       снимаем по разделам вместе с переходом
                                       на глубину (--shadow-field) */
    --text:var(--ink-strong);
    --muted:var(--ink-muted);
    --accent:var(--ink);            /* главное действие — чёрное, как кнопка
                                       «попробовать» на лендинге */
    --faint:rgb(0 0 0 / .07);
    --line:rgb(0 0 0 / .12);
    /* Статус словом, а не цветом: у плашек есть надпись, и раскрашивать её
       незачем. Красный остаётся ровно на одно — на отказ; это тот самый
       красный из знака, других в системе нет; --ok/--warn/--ink2 были
       псевдонимами того же --ink-strong и звались напрямую. */
    --bad:var(--mark-red);
    --mono:var(--font-mono);
    /* Где стоит складка бумаги, когда панель свёрнута. Это КООРДИНАТА ЦЕНТРА
       полосы шириной --fold-w (256px), а не её левый край: полоса лежит
       «лёжа» и разворачивается трансформом. При 58px она занимает −70…186,
       то есть уходит за левый край экрана и заканчивается на 186 — ровно как
       в макете. Раньше стояло 130px, и справа полоса вылезала на 72px дальше,
       отчего свёрнутая панель казалась заметно шире оригинальной.

       Отступ стартового экрана к этой координате НЕ привязан: по замерам
       макета колонка центрируется по окну (см. layout.css). */
    --fold-x-blank:58px;
  }
  * { box-sizing:border-box }
  html, body { height:100% }
  body { margin:0; font-family:var(--font-ui); font-variation-settings:var(--axis-body);
         background:var(--bg); color:var(--text) }
  /* position:relative — под складку бумаги между панелью и лентой (sidebar.css).
     Всё, что позиционируется абсолютом внутри, имеет свой ближний контейнер:
     .main, .log, .profile-foot — так что якорь тут ничего не смещает. */
  .app { display:flex; height:100vh; position:relative }