/**
 * Пропорциональный масштаб как zoom браузера: один коэффициент по ширине экрана.
 * Все размеры задавайте в rem — они масштабируются через font-size корня.
 * Не умножайте rem/px на var(--ui-scale) повторно и не масштабируйте vh.
 */
:root {
  --ui-scale: clamp(0.875, calc(100vw / 1920px), 1.75);
}

html {
  font-size: clamp(14px, calc(16px * var(--ui-scale)), 28px);
}