/* Палитра контура: белый и тёмно-синий, оранжевый акцент.
 *
 * Единственное место, где заданы цвета. Отсюда их берут обе публичные
 * страницы и — копией при `make config` — тема входа Keycloak: страница,
 * на которой сотрудник вводит корпоративный пароль, обязана выглядеть
 * продолжением этой, а два списка одних и тех же значений разошлись бы
 * при первой же правке одного из них.
 *
 * Три блока, а не один: `:root` — светлая тема; блок
 * `prefers-color-scheme` — тёмная по выбору системы; `[data-theme]` —
 * тёмная по переключателю на странице. У страницы входа переключателя
 * нет, и последний блок там просто ни с чем не совпадает.
 */
:root {
  --bg: #ffffff;
  --bg-2: #f6f7f9;
  --bg-3: #eceef2;
  --fg: #0b1220;
  --muted: #4d5566;
  --line: #d7dbe2;
  --line-strong: #0b1220;
  --accent: #f6821f;
  --accent-2: #e0700f;
  --accent-fg: #0b1220;
  /* Акцент, которым можно писать текст: оранжевый заливки на белом
   * даёт контраст 2,6 при норме 4,5. Лендинг пишет им только крупные
   * надзаголовки, а чат — подписи и значки в 34 местах, поэтому для
   * текста заведён отдельный, тёмный (4,3 на белом). Заливка кнопок
   * остаётся `--accent`. */
  --accent-ink: #c25f00;
  --blue: #0051c3;
  --navy: #0b1220;
  --navy-2: #121a2b;
  --navy-fg: #ffffff;
  --navy-muted: #a7b0c2;
  --navy-line: #2a3448;
  --ok: #1a7f45;
  --err: #c8372d;
  --focus: #0051c3;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0b1220;
    --bg-2: #101828;
    --bg-3: #172136;
    --fg: #eef1f6;
    --muted: #a7b0c2;
    --line: #2a3448;
    --line-strong: #eef1f6;
    --accent: #f6821f;
    --accent-2: #ff9a3f;
    --accent-fg: #0b1220;
    --accent-ink: #f6821f;
    --blue: #8ab4ff;
    --ok: #4cc47f;
    --err: #ff6b61;
    --focus: #8ab4ff;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #0b1220;
  --bg-2: #101828;
  --bg-3: #172136;
  --fg: #eef1f6;
  --muted: #a7b0c2;
  --line: #2a3448;
  --line-strong: #eef1f6;
  --accent: #f6821f;
  --accent-2: #ff9a3f;
  --accent-fg: #0b1220;
  --accent-ink: #f6821f;
  --blue: #8ab4ff;
  --ok: #4cc47f;
  --err: #ff6b61;
  --focus: #8ab4ff;
  color-scheme: dark;
}