@import url("/fonts/misans-subsets.css");

:root {
  --site-font-family: "MiSans", sans-serif;
  --font-sans: var(--site-font-family);
  --font-serif: var(--site-font-family);
  --font-mono: var(--site-font-family);
}

html,
body,
#root,
#root *,
#root *::before,
#root *::after,
button,
input,
select,
option,
textarea {
  font-family: var(--site-font-family) !important;
  font-optical-sizing: auto;
  font-synthesis-weight: none;
}

html,
body,
#root {
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

#root :where(h1, h2) {
  font-weight: 560;
}

#root :where(h3, h4, h5, h6, th) {
  font-weight: 500;
}

#root :where(button, [role="button"]) {
  font-weight: 450;
}

#root :where(strong, b) {
  font-weight: 600 !important;
}

#root .font-black,
#root .font-extrabold {
  font-weight: 600 !important;
}

#root .font-bold {
  font-weight: 550 !important;
}

#root .font-semibold {
  font-weight: 500 !important;
}

#root .font-medium {
  font-weight: 450 !important;
}

#root .font-normal {
  font-weight: 400 !important;
}

#root .font-light {
  font-weight: 300 !important;
}

#root .site-nav-brand,
#root .site-nav-desktop-link,
#root .site-nav-language,
#root .site-nav-mobile-link {
  font-weight: 450 !important;
}

#root .site-nav-desktop-link[aria-current="page"],
#root .site-nav-mobile-link[aria-current="page"] {
  font-weight: 520 !important;
}