/* ============================================================
   Кстати — исходные токены  (docs/architecture/design.md)
   ------------------------------------------------------------
   Источник истины для цвета — для лендинга, приложения и набора
   айдентики brand/. Здесь только значения без ролей: нейтрали,
   фирменные цвета, статусные оттенки. Роли им раздаёт colors.css;
   копий у файла нет: brand/build.py читает его сам, лендинг просит
   по /static/primitives.css, а сборка вкладывает его в страницу
   (frontend/build-sites.mjs).

   Значение здесь — это ещё не разрешение им пользоваться: компонент
   называет роль (`--text-secondary`, `--status-danger-fg`), а не
   ступень. Новая ступень появляется здесь, новая роль — в colors.css.
   ============================================================ */

:root {
  /* ---- Нейтрали: от бумаги к чернилам ----
     Ступени лендинга: 0 paper · 50 soft · 200 line · 500 faint ·
     700 muted · 900 ink/dark. Остальные добраны между ними. */
  --gray-0:   #ffffff;
  --gray-25:  #fafbfc;
  --gray-50:  #f3f4f6;
  --gray-100: #eceef1;
  --gray-200: #e4e6ea;
  --gray-300: #d3d7dd;
  --gray-400: #aab0b8;  /* призрачный текст лендинга                  */
  --gray-500: #8a919c;  /* faint лендинга — декоративный серый, 3.2:1 на бумаге */
  --gray-600: #6b727d;  /* третий план на бумаге — 4.9:1, на панели 4.8 */
  --gray-700: #5f6670;  /* второй план на бумаге — 5.8:1              */
  --gray-800: #2a2f37;  /* линейка тёмного блока лендинга             */
  --gray-900: #16181d;  /* чернила; тёмный блок                       */
  --gray-950: #0f1114;

  /* ---- Фирменные: синий и жёлтый лендинга ---- */
  --brand-blue:           #2481cc;  /* blue лендинга: маркер, активное, шаг      */
  --brand-blue-deep:      #0f4c81;  /* blue-ink: ссылка, ховер главной кнопки    */
  --brand-blue-strong:    #1c6cae;  /* текст и заливка акцента на бумаге (5.5:1) */
  --brand-blue-bright:    #4d9ad7;  /* ступень 400 фирменного ramp'а             */
  --brand-blue-light:     #7fb4e2;  /* ступень 300 фирменного ramp'а             */
  --brand-blue-pale:      #b0d0ee;
  --brand-blue-wash:      #eef5fc;  /* wash: голубая заливка                     */
  --brand-blue-wash-line: #d9e7f5;  /* wash-line: рамка на голубой заливке       */
  --brand-yellow:         #f4c345;  /* warm-ink: блок знака                      */
  --brand-yellow-mid:     #ffe7a3;  /* найденное поиском                         */
  --brand-yellow-soft:    #fff4cc;  /* warm: предмет разбора                     */

  /* ---- Статусные оттенки ----
     Зелёный — с лендинга; жёлтый и красный подобраны к той же бумаге,
     затем затемнены до 4.5:1 на своей заливке. */
  --green-700: #1e7a3c;
  --green-50:  #e3f4e8;
  --amber-800: #7a5d05;
  --amber-50:  #fbf1cf;
  --red-700:   #b42318;
  --red-50:    #fde8e6;
}