/* Platformbediening; geen root-resizing zodat ontwerpen hun eigen maten houden. */
html[data-ui-font-size='klein'] { --ui-type-scale: .9375; }
html[data-ui-font-size='middel'] { --ui-type-scale: 1; }
html[data-ui-font-size='groot'] { --ui-type-scale: 1.125; }
html[data-ui-font-size]:not([data-ui-font-size='legacy']) {
    --font-body: calc(1rem * var(--ui-type-scale));
    --font-label: calc(.95rem * var(--ui-type-scale));
    --font-help: calc(.875rem * var(--ui-type-scale));
    --font-caption: calc(.8rem * var(--ui-type-scale));
    --font-section: calc(1.25rem * var(--ui-type-scale));
    --font-title: calc(1.9rem * var(--ui-type-scale));
}
html[data-ui-font-size]:not([data-ui-font-size='legacy']) body {
    font-size: var(--font-body);
}
@media (max-width: 768px) {
    html[data-ui-font-size]:not([data-ui-font-size='legacy']) {
        --font-title: calc(1.45rem * var(--ui-type-scale));
    }
}
@media (max-width: 640px) {
    html[data-ui-font-size]:not([data-ui-font-size='legacy']) {
        --font-title: calc(1.32rem * var(--ui-type-scale));
    }
}