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

:root {
  --f-heading: 'Asap';
  --f-body: 'Asap';
  --f-normal: 380;
  --f-medium: 550;
  --f-bold: 600;
  --f-bolder: 800;
  --f-stretch: 105%;

  --text-base-body: 1.1em;
  --text-midi-body: 1.25em;
  --text-maxi-body: 1.4em;
  --text-h1:        3.5em;
  --text-h2:        2.2em;
  --text-h3:        1.5em;
}
h1 {
  --f-stretch: 90%;
  --f-weight: 800;
  --mb: -0.1em;
  --mb-extra: -0.3em;
}
h2 {
  --f-weight: 700;
  --f-stretch: 100%;
}
h3 {
  --f-weight: 666;
  --f-stretch: 80%;
}
a {
  --f-weight: 543;
}
blockquote {
  --f-stretch: 125%;
  --f-weight: 300;
  --f-size: 130%;
}
cite {
  --f-stretch: 86%;
  --f-weight: 555;
  --f-size: 80%;
}
em {
  --f-stretch: 120%;
  --f-weight: 500;
}