/* Global MiSans typography. Self-hosted so every public and application page
   renders consistently even when MiSans is not installed on the device. */
@font-face {
  font-family: "MiSans";
  src:
    local("MiSans Light"),
    local("MiSans-Light"),
    url("/oss/site-assets/assets/fonts/MiSans-Light.woff2") format("woff2");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: "MiSans";
  src:
    local("MiSans Medium"),
    local("MiSans-Medium"),
    url("/oss/site-assets/assets/fonts/MiSans-Medium.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

:root {
  --site-font-family: "MiSans", "Mi Sans", sans-serif;
  font-family: var(--site-font-family) !important;
  font-synthesis: weight style;
}

html,
body,
body *,
body *::before,
body *::after,
html::before,
html::after,
body::before,
body::after,
button,
input,
textarea,
select,
option,
optgroup,
code,
pre,
kbd,
samp,
svg text,
svg tspan,
::placeholder,
::file-selector-button {
  font-family: var(--site-font-family) !important;
}

body {
  font-kerning: normal;
  text-rendering: optimizeLegibility;
}