html {
    font-size: clamp(var(--sn-min-text), var(--sn-avg-text), var(--sn-max-text));
}

@media(min-width: 2000px) {
    html {
        font-size: clamp(var(--sn-min-text), var(--sn-avg-text) * 0.8, var(--sn-max-text));
    }
}

@media(max-width: 1024px) {
    html {
        font-size: clamp(var(--sn-min-text), var(--sn-avg-text), var(--sn-max-text));
    }
}