@font-face {
    font-family: 'Signal';
    src: url("/assets/Signal-Light-06b88279.eot");
    src: url("/assets/Signal-Light-06b88279.eot?#iefix") format('embedded-opentype'),
         url("/assets/Signal-Light-cbd40a1e.woff2") format('woff2'),
         url("/assets/Signal-Light-ea7fdaa3.woff") format('woff'),
         url("/assets/Signal-Light-058e8223.ttf") format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

body {
  font-family: 'Signal';
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  /* Crisper text on macOS. */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

input[type="text"], input[type="email"], input[type="password"], textarea {
  font-family: 'Signal';
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

.font-inter {
  font-family: 'Inter';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Headings run uppercase from text-6xl to text-9xl. Inter is a UI grotesque,
   noticeably wider than the condensed face it replaces, so the weight goes up
   to 800 to keep the same presence and the tracking goes negative to stop
   large uppercase from reading loose. Inter's optical-size axis (14..32)
   tightens the drawing on its own at these sizes. */
.font-display {
  font-family: 'Inter', sans-serif;
  font-weight: 800;
  font-optical-sizing: auto;
}