/* ЦВЕТА, ШРИФТЫ И РАЗМЕРЫ КАБИНЕТА — копия гаммы сайта, а не вторая палитра.

   🔴 ПОЧЕМУ КОПИЯ, А НЕ ОБЩИЙ ФАЙЛ. Кабинет — отдельный контур: у его процесса нет приложения
   `core.site`, а собранная статика лежит в своём каталоге (`staticfiles/cabinet`). Файла
   `site/tokens.css` там физически нет, и подключить его нечем. Это цена разделения контуров,
   и заплачена она сознательно: ошибка в каталоге не должна открывать клиентскую базу.

   🔴 ЧТОБЫ ДВЕ КОПИИ НЕ РАЗЪЕХАЛИСЬ МОЛЧА, их сверяет проверка
   `core/cabinet/tests/test_look.py`: значения ключевых цветов и шрифты обязаны совпадать
   с `core/site/static/site/tokens.css` знак в знак. Правишь гамму на сайте — проверка краснеет
   и называет, что именно разошлось. Без неё «сайт перекрасили, кабинет остался прежним»
   вылезло бы через месяц на глазах у клиента.

   ⛔ Здесь только то, чем кабинет ПОЛЬЗУЕТСЯ. Токены витрины, плиток каталога и живого фона
   не переносятся: неиспользуемая переменная — это приглашение построить то, чего в кабинете
   быть не должно. */

/* Шрифты — свои файлы с нашего домена (`font-src 'self'`, решение 0021). Лицензии лежат
   рядом с файлами: этого требует условие 2 самой лицензии SIL OFL 1.1. */
@font-face {
  font-family: "Manrope";
  src: url("fonts/manrope.woff2") format("woff2");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("fonts/raleway.woff2") format("woff2");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* ── Полотно ─────────────────────────────────────────────────────────────── */
  --hvoya-glubokaya: #0a0d08;
  --hvoya: #12160f;
  --hvoya-panel: #2a2e28;

  /* ── Текст ───────────────────────────────────────────────────────────────── */
  --molochnyy: #f0eee9;
  --moloko-myagkoe: #d7ddd3;
  --polyn: #a3ab9d;

  /* ── Зелёный: единственный цвет действия на всём сайте ───────────────────── */
  --list: #8fbf7f;
  --list-svetlyy: #a4d094;
  --list-temnyy: #0e140c;

  /* Песок — тонкая деталь и ничего больше: линия, номер шага, знак рубля.
     Заливкой кнопок он не бывает, под это есть зелёный. */
  --pesok-detal: #c5a57c;

  --oshibka: #e08a8a;

  /* ── Кромки и стекло ─────────────────────────────────────────────────────── */
  --kromka: rgba(240, 238, 233, .12);
  --kromka-yarkaya: rgba(240, 238, 233, .26);
  --kromka-silnaya: rgba(240, 238, 233, .34);
  --fon-shapki: rgba(10, 13, 8, .42);
  --steklo-panel: linear-gradient(180deg, rgba(18, 22, 15, .72), rgba(18, 22, 15, .55));
  --steklo-plitka: linear-gradient(180deg, rgba(240, 238, 233, .07), rgba(240, 238, 233, .02));

  --ten-teksta-krupnogo: 0 2px 40px rgba(10, 13, 8, .55);

  /* ── Скругление одного радиуса на весь кабинет ───────────────────────────── */
  --radius: 16px;
  --radius-melkiy: 10px;
}