/* Montserrat for reading and controls; Righteous only for large brand display. */
@font-face {
  font-family: "Righteous";
  src: url("../fonts/Righteous/Righteous-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/Montserrat-Variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/Montserrat-Italic-Variable.woff2")
    format("woff2");
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
}
:root {
  --font-ui: "Montserrat", Arial, sans-serif;
  --font-display: "Righteous", "Montserrat", sans-serif;
  --bs-font-sans-serif: var(--font-ui);
  --text-copy: 15px;
  --text-action: 14px;
  --text-caption: 12px;
  --text-small: 11px;
}
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
body {
  font-family: var(--font-ui);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  font-synthesis: none;
  font-kerning: normal;
}
button,
input,
select,
textarea {
  font-family: inherit;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  text-wrap: balance;
}