/* Shared application typography. Keep icon fonts and code samples intact. */
:root {
    --app-font-family: "Segoe UI", "Noto Sans", "Helvetica Neue", Arial, sans-serif;
    --app-monospace-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}

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

body :where(h1, h2, h3, h4, h5, h6, p, a, span, label, legend, summary, table, th, td, li, small, strong, em, b):not(.fa, .fas, .far, .fab, .fal, .fad, .fass, [class^="fa-"], [class*=" fa-"]) {
    font-family: var(--app-font-family) !important;
}

code,
pre,
kbd,
samp {
    font-family: var(--app-monospace-family) !important;
}