@layer utilities{
html[data-text-size=small]{--text-base:1rem;--post-text-size:1.125rem;--content-width:68ch}
html[data-text-size=medium]{--text-base:1.0625rem;--post-text-size:1.25rem;--content-width:66ch}
html[data-text-size=large]{--text-base:1.125rem;--post-text-size:1.375rem;--content-width:64ch}
html[data-text-size=x-large]{--text-base:1.1875rem;--post-text-size:1.5rem;--content-width:62ch}
:root{--reading-scale:1}
@media(min-width:1800px){
:root{--reading-scale:1.08}
}
@media(min-width:2200px){
:root{--reading-scale:1.16}
}
@media(min-width:3000px){
:root{--reading-scale:1.25}
}
}