I tried out an idea where you’d use the :root element to “zoom” the font-size property linearly between different break points and then all other elements would use rem for everything. Quite naive test at this point but it would be interesting to know what kind of problems this kind of an approach has on larger scale.

Try resizing the below pen between “mobile” and “desktop” widths to see the subtle effect.