@font-face {
    font-family: "Metropolis";
    src: url("../assets/fonts/metropolis/Metropolis-100-normal.woff2") format("woff2");
    font-style: normal;
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: "Metropolis";
    src: url("../assets/fonts/metropolis/Metropolis-100-italic.woff2") format("woff2");
    font-style: italic;
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: "Metropolis";
    src: url("../assets/fonts/metropolis/Metropolis-200-normal.woff2") format("woff2");
    font-style: normal;
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: "Metropolis";
    src: url("../assets/fonts/metropolis/Metropolis-200-italic.woff2") format("woff2");
    font-style: italic;
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: "Metropolis";
    src: url("../assets/fonts/metropolis/Metropolis-300-normal.woff2") format("woff2");
    font-style: normal;
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: "Metropolis";
    src: url("../assets/fonts/metropolis/Metropolis-300-italic.woff2") format("woff2");
    font-style: italic;
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: "Metropolis";
    src: url("../assets/fonts/metropolis/Metropolis-400-normal.woff2") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Metropolis";
    src: url("../assets/fonts/metropolis/Metropolis-400-italic.woff2") format("woff2");
    font-style: italic;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Metropolis";
    src: url("../assets/fonts/metropolis/Metropolis-500-normal.woff2") format("woff2");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "Metropolis";
    src: url("../assets/fonts/metropolis/Metropolis-500-italic.woff2") format("woff2");
    font-style: italic;
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "Metropolis";
    src: url("../assets/fonts/metropolis/Metropolis-600-normal.woff2") format("woff2");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: "Metropolis";
    src: url("../assets/fonts/metropolis/Metropolis-600-italic.woff2") format("woff2");
    font-style: italic;
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: "Metropolis";
    src: url("../assets/fonts/metropolis/Metropolis-700-normal.woff2") format("woff2");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: "Metropolis";
    src: url("../assets/fonts/metropolis/Metropolis-700-italic.woff2") format("woff2");
    font-style: italic;
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: "Metropolis";
    src: url("../assets/fonts/metropolis/Metropolis-800-normal.woff2") format("woff2");
    font-style: normal;
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: "Metropolis";
    src: url("../assets/fonts/metropolis/Metropolis-800-italic.woff2") format("woff2");
    font-style: italic;
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: "Metropolis";
    src: url("../assets/fonts/metropolis/Metropolis-900-normal.woff2") format("woff2");
    font-style: normal;
    font-weight: 900;
    font-display: swap;
}

@font-face {
    font-family: "Metropolis";
    src: url("../assets/fonts/metropolis/Metropolis-900-italic.woff2") format("woff2");
    font-style: italic;
    font-weight: 900;
    font-display: swap;
}

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

html,
body,
button,
input,
optgroup,
select,
textarea {
    font-family: var(--portal-font);
}

body.wp-admin,
body.wp-admin button,
body.wp-admin input,
body.wp-admin optgroup,
body.wp-admin select,
body.wp-admin textarea {
    font-family: var(--portal-font) !important;
}