/*
 * Desktop density scale.
 * The application is built primarily with rem-based dimensions, so reducing the
 * root unit scales the complete interface while allowing the layout to reflow.
 */
@media (min-width: 1200px) {
    html {
        font-size: 75%;
    }
}

/* Preserve comfortable touch targets and type sizes on tablets and phones. */
@media (max-width: 1199.98px) {
    html {
        font-size: 100%;
    }
}