@layer typographyLock {
    :root {
        --font-ui:
            -apple-system,
            BlinkMacSystemFont,
            "Segoe UI",
            Roboto,
            Helvetica,
            Arial,
            sans-serif;
    }

    html,
    body,
    button,
    input,
    textarea,
    select,
    option {
        font-family: var(--font-ui) !important;
    }

    .admin-layout,
    .admin-layout *,
    .site-shell,
    .site-shell * {
        font-family: var(--font-ui) !important;
    }

    .admin-layout h1,
    .admin-layout h2,
    .admin-layout h3,
    .admin-layout h4,
    .site-shell h1,
    .site-shell h2,
    .site-shell h3,
    .site-shell h4 {
        font-family: var(--font-ui) !important;
        letter-spacing: -0.025em;
    }

    .sidebar-nav a,
    .site-nav a {
        font-weight: 400 !important;
        letter-spacing: 0 !important;
    }

    .sidebar-brand strong,
    .site-brand strong {
        font-weight: 600 !important;
    }
}