/* Shared typography, loaded after page and vendor styles on every layout. */
:root {
    --font-theme: Arial, sans-serif;
    --nencer-font: var(--font-theme);
    --bs-font-sans-serif: var(--font-theme);
    --bs-body-font-family: var(--font-theme);
    --bs-font-monospace: var(--font-theme);
}

html,
body,
button,
input,
optgroup,
select,
textarea,
h1, h2, h3, h4, h5, h6,
code, kbd, pre, samp,
.tooltip,
.popover,
.note-editor,
.cke,
.cke_dialog {
    font-family: var(--font-theme);
}

/* Admin widgets, published HTML and pasted content can carry their own fonts.
   Cover text in every layout, including dialogs mounted directly under body.
   Keep icon elements and their pseudo-elements on their own font families. */
body :where(p, span, div, a, font, h1, h2, h3, h4, h5, h6, li, dt, dd,
       blockquote, table, thead, tbody, tfoot, tr, th, td, strong, b, em, i,
       small, label, legend, button, input, optgroup, option, select, textarea,
       code, kbd, pre, samp, summary, figcaption, text):not(
     .fa, .fas, .far, .fal, .fad, .fab, .material-icons, .material-icons-round,
     .material-icons-outlined, .material-symbols-outlined,
     [class^="note-icon-"], [class*=" note-icon-"]) {
    font-family: var(--font-theme) !important;
}