ymfront

Как оказалось, все намного проще, чем казалось.
Именно для этого есть метод .offsetParent()

Пришел к следующему решению:

1. Для тега HTML указываем размер не в vmin, а в vh.

html {
    font-size: 1vh;
}

2. Определяем пропорции ширины контентной части к высоте, и делаем медиазапрос, в котором меняем единицу измерения с vh на vw:

@media screen and (max-width: 113vh ) {
    html {
        font-size: 1vw;
    }
    /* для всех элементов указываем новые размеры относительно ширины экрана, а не высоты */
}

Нашел следующее решение для запрета темной темы:

HTML:

<meta name="color-scheme" content="only light">

CSS:

:root {
     color-scheme: only light;
}