@font-face {
    font-family: "Inter";
    src: url("../fonts/inter/InterVariable.woff2") format("woff2");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/inter/InterVariable-Italic.woff2") format("woff2");
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}

/* TinyMCE icon fonts served from WordPress core. */
@font-face {
    font-family: "tinymce";
    src: url("/wp-includes/js/tinymce/skins/ui/oxide/fonts/tinymce.woff2") format("woff2"),
        url("/wp-includes/js/tinymce/skins/ui/oxide/fonts/tinymce.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: "tinymce-small";
    src: url("/wp-includes/js/tinymce/skins/ui/oxide/fonts/tinymce-small.woff2") format("woff2"),
        url("/wp-includes/js/tinymce/skins/ui/oxide/fonts/tinymce-small.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

:root {
    --wtu-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

body.wp-admin,
body.wp-admin * {
    font-family: var(--wtu-font-sans) !important;
}

body.login,
body.login * {
    font-family: var(--wtu-font-sans) !important;
}

/* Preserve icon fonts explicitly. */
body.wp-admin .dashicons,
body.wp-admin [class*="dashicons"],
body.login .dashicons,
body.login [class*="dashicons"],
body.wp-admin .dashicons::before,
body.wp-admin [class*="dashicons"]::before,
body.login .dashicons::before,
body.login [class*="dashicons"]::before {
    font-family: dashicons !important;
}

body.wp-admin .jki,
body.wp-admin [class*="jki-"],
body.wp-admin .wtu[class*="wtu-"],
body.wp-admin [class*="wtu wtu-"] {
    font-family: wtuicon !important;
}

body.wp-admin [class^="eicon"],
body.wp-admin [class*=" eicon-"],
body.wp-admin [class^="eicon"]::before,
body.wp-admin [class*=" eicon-"]::before {
    font-family: eicons !important;
}

body.wp-admin .fa,
body.wp-admin .fas,
body.wp-admin .far,
body.wp-admin .fab,
body.wp-admin [class^="fa-"],
body.wp-admin [class*=" fa-"],
body.wp-admin .fa::before,
body.wp-admin .fas::before,
body.wp-admin .far::before,
body.wp-admin .fab::before,
body.wp-admin [class^="fa-"]::before,
body.wp-admin [class*=" fa-"]::before {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands", "FontAwesome" !important;
}

/* TinyMCE toolbar icons must keep the tinymce icon font. */
body.wp-admin .mce-ico,
body.wp-admin .mce-ico::before,
body.wp-admin .mce-caret,
body.wp-admin .mce-caret::before,
body.wp-admin .mce-open,
body.wp-admin .mce-open::before,
body.wp-admin .mce-btn i,
body.wp-admin .mce-toolbar .mce-btn button i,
body.wp-admin .mce-container [class^="mce-i-"],
body.wp-admin .mce-container [class^="mce-i-"]::before,
body.wp-admin .mce-container [class*=" mce-i-"],
body.wp-admin .mce-container [class*=" mce-i-"]::before {
    font-family: tinymce, tinymce-small, Arial !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    line-height: 1 !important;
}

body.wp-admin .mce-container .mce-ico,
body.wp-admin .mce-container .mce-btn button .mce-ico,
body.wp-admin .mce-container i.mce-ico {
    font: normal 20px/1 tinymce, tinymce-small, Arial !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}