@font-face {
    font-family: "Satoshi";
    src: url("../fonts/satoshi/Satoshi-Variable.woff2") format("woff2");
    font-style: normal;
    font-weight: 300 900;
    font-display: swap;
}

@font-face {
    font-family: "Satoshi";
    src: url("../fonts/satoshi/Satoshi-VariableItalic.woff2") format("woff2");
    font-style: italic;
    font-weight: 300 900;
    font-display: swap;
}

:root {
    --font-ui: "Satoshi", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
button,
input,
select,
textarea,
.uk-h1,
.uk-h2,
.uk-h3,
.uk-h4,
.uk-h5,
.uk-h6,
.uk-button,
.uk-input,
.uk-select,
.uk-textarea,
.uk-navbar-nav > li > a,
.uk-tab > * > a {
    font-family: var(--font-ui);
}