/* ТОКЕНЫ БРЕНДА — единственный файл, который нужно править при смене
   фирменных цветов или логотипа.

   Всё оформление приложения ссылается только на эти переменные. Меняете
   значения здесь — приложение перекрашивается целиком, код не трогается.

   Цвета сняты с фирменных файлов из папки HiFit (logo-05, logo-06, SVG):
     циан        #15b7ff  — основной акцент бренда
     тёмно-синий #232868  — фирменный фон, у нас основа для поверхностей
     чёрный      #0c0e0d  — из монохромного варианта логотипа

   Отдельно: неоновый пурпур на рендерах зала — это подсветка интерьера,
   а не фирменный цвет. В интерфейс он не идёт, иначе два неона спорят
   друг с другом. Фотографии остаются как есть, они в карточках. */

:root {
    /* Фон и поверхности. Основа почти чёрная, поверхности с синим подтоном
       от фирменного #232868 — так интерфейс читается как часть бренда. */
    --c-bg: #0a0a0f;
    --c-surface: #15172b;
    --c-surface-2: #1e2145;
    --c-border: rgba(255, 255, 255, 0.10);

    /* Текст */
    --c-text: #f2f4f8;
    --c-text-dim: #99a0b8;
    --c-text-mute: #6b7292;

    /* Основной акцент — фирменный циан. */
    --c-accent: #15b7ff;
    --c-accent-soft: rgba(21, 183, 255, 0.15);
    /* Циан яркий, поэтому текст на нём тёмный, а не белый: белое на циане
       не проходит по контрасту. */
    --c-accent-text: #06121c;

    /* Второй фирменный цвет. Используется как поверхность, не как акцент. */
    --c-accent-2: #232868;

    /* Служебные */
    --c-disabled: #1c1e33;
    --c-disabled-text: #6b7292;

    /* Радиусы и отступы */
    --r-card: 16px;
    --r-btn: 14px;
    --gap: 16px;

    /* Типографика */
    --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
            "Helvetica Neue", Arial, sans-serif;

    /* Логотип: вариант «белый + циан» под тёмный интерфейс.
       Пропорции оригинала 886 x 250, то есть 3.55:1 — размеры ниже её держат.
       Другие варианты лежат в C:\\Users\\USER\\Desktop\\HiFit\\SVG:
       Asset 1 — чёрный, Asset 3 — белый с пурпуром, Asset 4 — белый. */
    --logo-url: url("/app/static/logo.svg");
    --logo-height: 30px;
    --logo-width: 107px;
}