@font-face {
  font-family: "DM Sans";
  src: url("../fonts/dm-sans-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
}
@font-face {
  font-family: "Space Grotesk";
  src: url("../fonts/space-grotesk-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
}
:root {
  --ink: #080808;
  --bone: #f5f5f5;
  --dim: #b7b7b7;
  --rule: #303030;
  --sans: "DM Sans", system-ui, sans-serif;
  --display: "Space Grotesk", "DM Sans", system-ui, sans-serif;
  --gutter: clamp(20px, 4.2vw, 64px);
}