/* static/tokens.css — единственное место, где заданы величины оформления.
   Подключается ПЕРВЫМ, до страничных стилей: любая страница может
   переопределить что угодно у себя, но начинают все с одного набора.

   До этого файла один и тот же набор был переписан в overview.css,
   tuya.css и xiaomi.css — три копии, которые уже начали расходиться.
   Поправишь стекло на сводке, а на страницах Tuya и Xiaomi останется
   старое; так и жили.

   Здесь только то, что дословно совпадало во всех трёх. Цвета показаний
   (--m-temp и прочие), подписи щитка, ширина автомата и остальное
   страничное остались у своих страниц: общими они никогда не были.

   Тема по умолчанию тёмная. Светлую задают сами страницы — и через
   системную настройку, и через переключатель; блоки тем не тронуты, они
   идут после этого файла и перекрывают его.

   ВАЖНО: страницы Deye (style.css) и климата (midea.css) этот файл НЕ
   подключают. Они светлые по умолчанию — не разъехавшаяся копия, а
   другой подход, и свести их можно только вместе с переработкой их
   блоков тем. Пока живут своим набором. */

:root {
    /* Безопасные поля устройства — под вырез и скруглённые углы */
    --sat: env(safe-area-inset-top);
    --sar: env(safe-area-inset-right);
    --sab: env(safe-area-inset-bottom);
    --sal: env(safe-area-inset-left);

    --bg-file: url('/static/wallpaper_dark.jpg');

    /* Шкала скруглений. Ступеней пять, промежуточных значений нет:
       случайные 7px и 12px по месту — то, от чего эта шкала избавляет. */
    --lg-radius-xl: 28px;
    --lg-radius-lg: 22px;
    --lg-radius-md: 16px;
    --lg-radius-sm: 11px;
    --lg-radius-pill: 999px;

    /* Стекло: размытие и подъём насыщенности. Держим одинаковым везде —
       иначе на соседних страницах стекло читается по-разному, хотя
       свойство одно и то же. */
    --lg-blur: 26px;
    --lg-blur-soft: 16px;
    --lg-saturate: 180%;

    /* Поверхности. Стекло держат ободок и тень, а не заливка. */
    --dash-bg: rgba(0, 0, 0, 0.28);
    --card-bg: rgba(28, 28, 32, 0.55);
    --card-bg-strong: rgba(40, 40, 46, 0.62);
    --card-border: rgba(255, 255, 255, 0.16);
    --card-highlight: rgba(255, 255, 255, 0.14);

    --text-main: #f2f2f7;
    --good-color: #30d158;
    --warning-color: #ff9f0a;
    --danger-color: #ff453a;

    /* Системный шрифт, как советует apple-design: в нём уже настроены
       оптические размеры, разрядка и подгонка под мелкий кегль. */
    --font-apple: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display",
                  "Helvetica Neue", Arial, sans-serif;
}