/*
 * PROPORTIONAL UI SCALING
 * Design baseline: 1920x1080 (FHD). Larger screens scale proportionally.
 *
 * IMPORTANT: This zoom breaks standard vh/vw units!
 * Never use raw vh/vw for height constraints. Instead use:
 *   var(--viewport-height, 100vh)  instead of  100vh
 *   var(--viewport-width, 100vw)   instead of  100vw
 *   var(--vh, 1vh)                 instead of  1vh
 *   var(--vw, 1vw)                 instead of  1vw
 */
@media screen and (min-width: 1920px) and (min-height: 1080px) {
    html {
        zoom: min(calc(100vw / 1920px), calc(100vh / 1080px));
    }
}