/* Дизайн-токены портала. Меняете фирменные цвета — меняете их только здесь.
   Основа — палитра референса (разбор кабинета O·Live ERP, Claude outputs/). */
:root {
  /* фирменные */
  --green: #05A34A;
  --green-2: #3DC76F;
  --lime: #C4F139;
  --ink-green: #194536;

  /* текст и поверхности */
  --ink: #101828;
  --ink-2: #344054;
  --text-2: #475467;
  --muted: #667085;
  --line: #E4E7EC;
  --line-2: #F2F4F7;
  --bg: #F4F6F5;
  --card: #FFFFFF;
  --card-idle: #FCFCFD;
  --on-green: #062012;
  --on-color: #FFFFFF;

  /* экран входа: тёмный, как боковое меню, — портал узнаётся до входа */
  --auth-1: #12362A;
  --auth-2: #0B1712;
  --auth-card: #0F2018;
  --auth-line: #21402F;
  --auth-field: #0B1712;
  --auth-field-line: #2B4D3A;
  --auth-muted: #9DB8A9;
  --auth-note: #0B2A1C;
  --auth-note-line: #1D4B34;
  --auth-note-text: #A7D6BD;

  /* боковое меню */
  --side: #0E1E17;
  --side-2: #16362A;
  --side-line: #20402F;
  --side-muted: #8FB3A0;
  --side-text: #CFE3D6;

  /* плитки иконок разделов на Обзоре: Section(color="teal") → --tile-teal */
  --tile-green: #05A34A;
  --tile-forest: #194536;
  --tile-teal: #0E7090;
  --tile-blue: #2E90FA;
  --tile-violet: #7C5CFF;
  --tile-red: #F04438;
  --tile-slate: #344054;

  /* уровни документа (document_types.level_order): Политика → Чек-лист.
     Не шесть произвольных цветов, а одна лестница — ход от глубокого зелёного
     к синему: чем выше ступень, тем весомее и темнее. Страница документа
     берёт отсюда свой акцент, и по нему уровень виден до чтения подписи.
     --lvl-N-soft — тот же цвет фоном под пилюлей и номером шага. */
  --lvl-1: #194536;  --lvl-1-soft: #E8F0EC;
  --lvl-2: #0A7A45;  --lvl-2-soft: #E4F4EB;
  --lvl-3: #05A34A;  --lvl-3-soft: #E7F7EE;
  --lvl-4: #0E8A8A;  --lvl-4-soft: #E3F4F4;
  --lvl-5: #0E7090;  --lvl-5-soft: #E4F1F6;
  --lvl-6: #2E90FA;  --lvl-6-soft: #EAF2FF;

  /* ссылки — свой цвет, а не браузерный синий. Тот же зелёный род, что
     и фирменный, но темнее: ссылка должна читаться текстом, а не подсветкой.
     Статусный --info ссылкой быть перестал — статус «сведения» и действие
     «сюда можно перейти» это разные вещи, и один цвет на двоих не давал бы
     менять их порознь. --link-line — та же ссылка чертой под текстом,
     как --focus-ring, производная от цвета выше */
  --link: #0A6B40;
  /* Наведение уводит цвет вглубь, а не в яркость: светлый --green на белом
     даёт контраст 3.3:1 и читался бы хуже обычного текста — то есть
     наведение портило бы ссылку вместо того, чтобы её выделить */
  --link-strong: #075533;
  --link-line: rgba(10, 107, 64, .30);

  /* статусы: фон / текст */
  --ok-bg: #E7F7EE;    --ok: #067647;
  --warn-bg: #FEF0C7;  --warn: #B54708;
  --info-bg: #EAF2FF;  --info: #175CD3;
  --idle-bg: #F2F4F7;  --idle: #667085;
  --bad-bg: #FEE4E2;   --bad: #B42318;

  /* форма */
  --radius-lg: 16px;
  --radius: 14px;
  --radius-sm: 10px;
  --shadow: 0 1px 2px rgba(16, 24, 40, .06), 0 8px 24px rgba(16, 24, 40, .06);
  --shadow-hover: 0 12px 30px rgba(16, 24, 40, .10);
  --shadow-drawer: 0 20px 60px rgba(0, 0, 0, .35);
  --scrim: rgba(16, 24, 40, .5);

  /* кнопки и поля форм */
  --control-h: 38px;                     /* поле, кнопка .btn-lg */
  --field-line: #D0D5DD;                 /* рамка поля: --line слишком бледная для элемента ввода */
  --field-line-hover: #98A2B3;
  --focus-ring: rgba(5, 163, 74, .18);   /* кольцо вокруг поля в фокусе */
  --focus-ring-bad: rgba(180, 35, 24, .15);

  /* размеры оболочки */
  --side-w: 250px;
  --top-h: 60px;
  /* липкая полоса с названием документа: её высоту учитывают и оглавление,
     и отступ якоря у заголовка — иначе при переходе по оглавлению заголовок
     оказывается под полосой */
  --doc-bar-h: 44px;
  --content-max: 1180px;

  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, Arial, sans-serif;
  --mono: ui-monospace, "Cascadia Mono", Consolas, "Courier New", monospace;
}