@font-face {
  font-family: 'Mona Sans';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 75 125;
  font-display: swap;
  src: url('fonts/Mona-Sans-wdth,wght.woff2') format('woff2');
}

:root {
  --f-heading: 'Mona Sans';
  --f-body: 'Mona Sans';
  --f-normal: 380;
  --f-medium: 550;
  --f-bold: 600;
  --f-bolder: 700;
  --f-stretch: 95%;

  --text-base-body: 1.1em;
  --text-midi-body: 1.25em;
  --text-maxi-body: 1.4em;
  --text-h1:        3.5em;
  --text-h2:        2.1em;
  --text-h3:        1.5em;
}
h1 {
  --f-stretch: 90%;
  --f-weight: 800;
  --mb: -0.09em;
  --mb-extra: -0.25em;
}
h2 {
  --f-weight: 800;
  --f-stretch: 110%;
}
h3 {
  --f-weight: 777;
  --f-stretch: 80%;
}
a {
  --f-weight: 543;
}
blockquote {
  --f-stretch: 115%;
  --f-weight: 300;
  --f-size: 130%;
}
cite {
  --f-stretch: 86%;
  --f-weight: 555;
  --f-size: 80%;
}
em {
  --f-stretch: 120%;
  --f-weight: 490;
}