/*
 * Respect the operating system/browser accessibility text scale.
 *
 * - Android and other mobile browsers can apply their automatic text zoom.
 * - Safari/iOS uses Dynamic Type through the -apple-system-body system font.
 * - TopikTalk size tokens use rem, so the in-app small/large choices remain
 *   relative to the user's system preference instead of replacing it.
 */
html {
    --fs-page-title: 1.5rem;
    --fs-page-title-prominent: 1.625rem;
    --fs-display-sm: 1.375rem;
    font-size: 100%;
    -webkit-text-size-adjust: auto;
    -moz-text-size-adjust: auto;
    text-size-adjust: auto;
}

@supports (font: -apple-system-body) {
    @media (hover: none) {
        html {
            font: -apple-system-body;
        }
    }
}