/* Shared typography, loaded after page and vendor styles on every layout. */
:root {
    --font-theme: 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", 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;
}


/* Loại bỏ hoàn toàn viền focus đen trên text và heading */
h1, h2, h3, h4, h5, h6,
h1:focus, h2:focus, h3:focus, h4:focus, h5:focus, h6:focus,
h1:focus-visible, h2:focus-visible, h3:focus-visible,
h1:active, h2:active, h3:active,
p:focus, span:focus, div:focus, [tabindex="-1"]:focus {
    outline: none !important;
    box-shadow: none !important;
}