/* Resharper disable all */

/*
 * Глобальное масштабирование шрифтов приложения.
 * Подключается ПОСЛЕ app.min.css, вендорную тему UBold не трогаем.
 *
 * Единственная ручка настройки — font-size у html ниже.
 * Тема UBold задаёт базовые размеры в rem (--theme-body-font-size: 0.875rem,
 * --theme-font-size-base: 0.875rem, заголовки h1-h6 = calc(base * N)),
 * поэтому корневой размер пропорционально тянет за собой не только текст,
 * но и отступы/высоты компонентов Bootstrap — получается «зум», а не разъезд вёрстки.
 *
 * 16px — дефолт браузера (исходный вид), 17px ≈ +6%, 18px ≈ +12.5%.
 * Ширина сайдбара (300px) и высота топбара (70px) заданы в px и не масштабируются:
 * при значениях выше 18px пункты меню начнут переноситься.
 */
html {
    font-size: 18px;
}

/*
 * Ступени --theme-font-size-* в теме заданы только в px, поэтому от корневого
 * размера не зависят. Переводим их в rem, сохраняя пропорции скина flat
 * (12/13/14/15/16/18/20px при базе 16px).
 * Селектор html[data-skin] повторяет специфичность темы (0,1,1) и работает
 * для любого скина, выбранного в js/config.js.
 */
html[data-skin] {
    --theme-font-size-xxs: 0.75rem;
    --theme-font-size-xs: 0.8125rem;
    --theme-font-size-base: 0.875rem;
    --theme-font-size-md: 0.9375rem;
    --theme-font-size-lg: 1rem;
    --theme-font-size-xl: 1.125rem;
    --theme-font-size-xxl: 1.25rem;
}

/*
 * Утилиты .fs-NN в теме — хардкод в px. Переводим в rem только те,
 * что реально используются в разметке приложения.
 */
.fs-14 {
    font-size: 0.875rem !important;
}

.fs-15 {
    font-size: 0.9375rem !important;
}

.fs-72 {
    font-size: 4.5rem !important;
}