/* Цвета и шрифт интерфейса huEVO для приложений платформы (игра во фрейме выглядит как часть сайта).
   Копия значений сайта: static/css/huevo-modern.css (:root - светлая тема) и static/css/huevo-dark.css
   (html.hue-dark, палитра --dk-*). Углы - прямые: на сайте всегда квадратный режим (huevo-square.css: border-radius 0).
   Тема: класс hu-dark на корне приложения - по параметру запуска hu_scheme (light | dark | auto; auto и без
   параметра - prefers-color-scheme). Файл самодостаточный - его можно скопировать в другое приложение (шахматы и т.п.):
   переменные --hu-* ниже - весь словарь.

   --hu-bg          фон страницы             --hu-card       фон карточек и окон
   --hu-raise       приподнятый фон (шапка окна, плашки, поля в темной)
   --hu-raise-2     кнопки в темной теме     --hu-line       линии-разделители
   --hu-line-2      рамки (окна, поля)       --hu-text       текст
   --hu-muted       второстепенный текст     --hu-link       ссылки и имена
   --hu-head        темная шапка сайта       --hu-head-2     основная кнопка (vk-btn-primary)
   --hu-accent      красный акцент huEVO (активная вкладка, кнопка «опасного»/главного действия)
   --hu-accent-text красный текст            --hu-hover      подсветка строки под курсором
   --hu-btn         обычная кнопка (vk-btn)  --hu-btn-hover  она под курсором   --hu-btn-text ее текст
   --hu-field       фон поля ввода           --hu-field-line рамка поля ввода   --hu-field-focus рамка в фокусе
   --hu-error       текст ошибки             --hu-font       шрифт сайта
   --hu-shadow      тень всплывающих окон */
.hu-ui {
    --hu-bg: #EDEEF0; --hu-card: #FFFFFF; --hu-raise: #FAFBFC; --hu-raise-2: #F0F2F5;
    --hu-line: #E7E8EC; --hu-line-2: #DCE1E6; --hu-text: #1F2023; --hu-muted: #818C99; --hu-link: #2E3136;
    --hu-head: #2F3033; --hu-head-2: #3A3A3A; --hu-accent: #B01E1E; --hu-accent-text: #B01E1E; --hu-hover: #F0F2F5;
    --hu-btn: #E5E7EB; --hu-btn-hover: #DADDE2; --hu-btn-text: #2E3136;
    --hu-field: #FFFFFF; --hu-field-line: #D3D9DE; --hu-field-focus: #9EA4AB; --hu-error: #B3261E;
    --hu-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --hu-shadow: 0 0 0 1px var(--hu-line-2), 0 8px 24px rgba(0, 0, 0, .18);
    color-scheme: light;
}
.hu-ui.hu-dark {
    --hu-bg: #141517; --hu-card: #1E1F22; --hu-raise: #26282C; --hu-raise-2: #2E3035;
    --hu-line: #34373C; --hu-line-2: #464950; --hu-text: #E4E6EA; --hu-muted: #969CA5; --hu-link: #DCDFE4;
    --hu-head: #222326; --hu-head-2: #3A3C41; --hu-accent: #B01E1E; --hu-accent-text: #E5605C; --hu-hover: #26282C;
    --hu-btn: #2E3035; --hu-btn-hover: #383A40; --hu-btn-text: #E4E6EA;
    --hu-field: #1E1F22; --hu-field-line: #34373C; --hu-field-focus: #464950; --hu-error: #E5605C;
    --hu-shadow: 0 0 0 1px var(--hu-line-2), 0 8px 24px rgba(0, 0, 0, .5);
    color-scheme: dark;
}
