/*
 * One neutral typeface across the complete application UI.
 * Loaded last by the shared header so page and menu styles cannot replace it.
 */
:root {
    --kinma-site-font: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
}

html,
body,
button,
input,
textarea,
select,
option,
optgroup {
    font-family: var(--kinma-site-font) !important;
    font-kerning: normal;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
}

body :where(
    address,
    article,
    aside,
    b,
    blockquote,
    caption,
    cite,
    dd,
    details,
    dialog,
    div,
    dt,
    em,
    fieldset,
    figcaption,
    footer,
    form,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    header,
    label,
    legend,
    li,
    main,
    mark,
    menu,
    nav,
    output,
    p,
    section,
    small,
    span,
    strong,
    summary,
    table,
    tbody,
    td,
    tfoot,
    th,
    thead,
    time,
    tr,
    a
):not(
    .fa,
    .fas,
    .far,
    .fab,
    .fal,
    .fad,
    .fa-solid,
    .fa-regular,
    .fa-brands,
    .material-icons,
    .material-icons-outlined,
    .material-symbols-outlined,
    .katex,
    .katex *
) {
    font-family: var(--kinma-site-font) !important;
}

svg text {
    font-family: var(--kinma-site-font) !important;
}

/* Functional text formats keep their conventional, readable glyph metrics. */
code,
pre,
kbd,
samp,
.font-monospace {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}