@font-face {
  font-family: "DM Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/dmsans-regular.woff2") format("woff2");
}

@font-face {
  font-family: "DM Sans";
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("../fonts/dmsans-italic.woff2") format("woff2");
}

@font-face {
  font-family: "DM Sans";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/dmsans-medium.woff2") format("woff2");
}

@font-face {
  font-family: "DM Sans";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/dmsans-bold.woff2") format("woff2");
}

/* The serif. Both serif roles resolve to this one master — see tokens.css.
   One weight and no italic: an <em> inside display type gets a synthesised
   slant, which is a known and accepted trade rather than an oversight. */
@font-face {
  font-family: Sklad;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/sklad.woff2") format("woff2");
}

@font-face {
  font-family: AtacamaCondensed;
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/atacama-extracondensed.woff2") format("woff2");
}

@font-face {
  font-family: AtacamaCondContrast;
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/atacama-extracondcontrast.woff2") format("woff2");
}


/* The family tokens live in tokens.css, not here. This file declares faces;
   tokens.css decides which face each role uses. They used to be declared in
   both, with tokens.css silently winning on load order — one place to change
   a family, not two that can disagree. */