/*
 * Оформление экземпляра BATTLEFIELD.
 *
 * Подключается сервером как /theme.css, когда в .env стоит THEME=bf, и только
 * переопределяет переменные из style.css — ни одного своего правила вёрстки
 * здесь нет. Значения взяты со страницы правил /bf/: экзамен и правила должны
 * выглядеть одним сайтом, иначе человек, перешедший с правил на сдачу,
 * решает, что попал не туда.
 *
 * Роли цвета разведены, и это главное в теме:
 *   --accent — обстановка. Полоса слева у карточки, марка в шапке, ссылки,
 *              прогресс, цитаты правил, код допуска. Циан, как HUD правил.
 *   --pick   — то, что нажимает игрок: главная кнопка и отмеченный вариант.
 *              Оранжевый, единственное тёплое пятно на экране, поэтому мимо
 *              него не промахиваются.
 *   --ok/--fail — итог: сдал зелёным, не сдал красным. Ни на что другое эти
 *              два цвета на экране не тратятся, иначе итог перестаёт читаться
 *              с одного взгляда.
 *   --warn   — истекающий таймер и метка повтора. Янтарь: циановое
 *              предупреждение не выглядит предупреждением.
 *
 * Шрифты локальные, те же, что у страницы правил: на полигоне интернет
 * плохой, и внешний запрос за шрифтом — это пустая страница вместо экзамена.
 * У Saira Condensed и Barlow, которыми игра оформлена обычно, нет кириллицы:
 * браузер молча подставляет системный шрифт, и это заметно не сразу.
 */
@import url('/bf/fonts/fonts.css');

:root {
  --bg: #070b10;
  --panel: #0e151d;
  --panel-border: #1a2c38;
  --field-bg: #0a1119;
  --ink: #ccdae6;
  --ink-dim: #7d93a6;

  /* Обстановка — циан */
  --accent: #29cfe0;
  --accent-ink: #04171c;
  --accent-soft: rgba(41, 207, 224, 0.13);
  --grain: rgba(90, 190, 215, 0.05);

  /* Выбор игрока — оранжевый */
  --pick: #ff7a18;
  --pick-ink: #0b0f14;
  --pick-soft: rgba(255, 122, 24, 0.15);

  /* Предупреждение — янтарь */
  --warn: #ffb02e;
  --warn-soft: rgba(255, 176, 46, 0.14);

  --muted-bg: #1c2a36;
  --muted-ink: #55677a;

  --ok: #43c46a;
  --ok-soft: rgba(67, 196, 106, 0.14);
  --fail: #e8433f;
  --fail-soft: rgba(232, 67, 63, 0.14);
  --fail-flash: rgba(232, 67, 63, 0.28);

  --font-display: 'Fira Sans Condensed', 'Roboto Condensed', 'Arial Narrow', system-ui, sans-serif;
  --font-body: 'IBM Plex Sans', 'Segoe UI', system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', 'Consolas', ui-monospace, monospace;
}