/* Locally hosted under the SIL Open Font License; see fonts/plus-jakarta-sans/OFL.txt. */
@font-face {
    font-family: "Plus Jakarta Sans";
    src: url("../fonts/plus-jakarta-sans/PlusJakartaSans-Variable.ttf") format("truetype");
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
}

/* Important declarations in this layer take precedence over the legacy unlayered
   phone rules, keeping one consistent type scale without affecting desktop/print. */
@layer employee-mobile-typography {
    @media screen and (max-width: 760px) {
        :is(.page:has(.employee-mobile-tabbar), .login-shell:has([value="employee"]:checked)) {
            font-family: "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif !important;
            font-weight: 400 !important;
            font-synthesis: none;
        }

        :is(.page:has(.employee-mobile-tabbar), .login-shell:has([value="employee"]:checked)) * {
            font-family: inherit !important;
            font-weight: inherit !important;
        }

        :is(.page:has(.employee-mobile-tabbar), .login-shell:has([value="employee"]:checked))
        :is(button, a, label, summary, [role="tab"]) {
            font-weight: 500 !important;
        }

        :is(.page:has(.employee-mobile-tabbar), .login-shell:has([value="employee"]:checked))
        :is(p, small, input, select, textarea) {
            font-weight: 400 !important;
        }

        :is(.page:has(.employee-mobile-tabbar), .login-shell:has([value="employee"]:checked))
        :is(h1, h2, h3, h4, h5, h6, strong, b, th) {
            font-weight: 600 !important;
        }
    }
}