/* Цвета HuVam — единственное место (шаг 3 «Облик», проект §3): экраны знают только имена переменных.
   11 «Бумага» — светлая (по умолчанию), 12 «Графит» — тёмная. Тему ставит themepref.js атрибутом data-theme на <html>
   до первой отрисовки; без него (страница ещё грузится) — по системе через @media.
   --bg фон; --surface / --surface-2 поверхности (карточки, кнопки, поля / чуть глубже); --fg текст, --fg-2 второстепенный,
   --fg-quiet тихий; --acc акцент (зелёный HuVam), --acc-bg / --acc-bg-2 его подложки; --alarm тревога на --alarm-bg;
   --line тонкие линии разделителей (тише поверхностей). */
/* Onest — одна гарнитура на всё (SIL OFL, файлы внутри приложения /web/fonts/, без запросов наружу), четыре части по
   алфавитам — браузер берёт только нужные. Нет буквы в Onest (греческий) — системный запасной шрифт из font-family в app.css. */
@font-face { font-family: 'Onest'; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url('/web/fonts/onest-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Onest'; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url('/web/fonts/onest-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Onest'; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url('/web/fonts/onest-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Onest'; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url('/web/fonts/onest-cyrillic-ext.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
:root {
  --bg: #fbfaf7; --surface: #f0eee9; --surface-2: #ecebe6;
  --fg: #2b2a27; --fg-2: #6b6760; --fg-quiet: #b9b5ac;
  --acc: #2f6f4f; --acc-bg: #e4efe8; --acc-bg-2: #e4efe8; /* у «Бумаги» подложка одна */
  --alarm: #9a3b1e; --alarm-bg: #f8ebe4;
  --line: #e2dfd8;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #1f2023; --surface: #2a2b2f; --surface-2: #2e2f33;
    --fg: #e7e5e0; --fg-2: #a3a09a; --fg-quiet: #55565c;
    --acc: #6dbb93; --acc-bg: #263a30; --acc-bg-2: #10241a;
    --alarm: #f0a586; --alarm-bg: #3b2a24;
    --line: #3a3b40;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #1f2023; --surface: #2a2b2f; --surface-2: #2e2f33;
  --fg: #e7e5e0; --fg-2: #a3a09a; --fg-quiet: #55565c;
  --acc: #6dbb93; --acc-bg: #263a30; --acc-bg-2: #10241a;
  --alarm: #f0a586; --alarm-bg: #3b2a24;
  --line: #3a3b40;
  color-scheme: dark;
}
/* Цвета вне темы (одни в «Бумаге» и «Графите»): фон фото, видео и звонка — чёрный; подложка QR — белая (камера читает
   тёмное на светлом); 12 цветов своих сообщений — выбор человека (engine.BubbleColors, совпадение — TestPaletteInCSS) */
:root {
  --media-bg: #000; --qr-bg: #fff;
  --bubble-1: #2e9e5b66; --bubble-2: #1aa3a366; --bubble-3: #2f6fd066; --bubble-4: #7a4fd066;
  --bubble-5: #d04f9a66; --bubble-6: #d0453f66; --bubble-7: #e07b2a66; --bubble-8: #d9b42066;
  --bubble-9: #8a9a2a66; --bubble-10: #8a5a3a66; --bubble-11: #7a808a66; --bubble-12: #3a3f4766;
}