@font-face {
  font-family: "Archivo";
  src: url("../fonts/archivo-latin.woff2") format("woff2");
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-display: swap;
}

:root {
  --sm-paper: #f5f5f4;
  --sm-ink: #1c1917;
  --sm-ink-soft: rgba(28, 25, 23, .70);
  --sm-ink-muted: rgba(28, 25, 23, .52);
  --sm-line: rgba(28, 25, 23, .12);
  --sm-line-strong: rgba(28, 25, 23, .22);
  --sm-white: #ffffff;
  --sm-accent: #8a6a1e;
  --sm-brand: #c79a34;
  --sm-success: #176a3a;
  --sm-warning: #9a6115;
  --sm-danger: #a82020;
  --sm-info: #315c84;
  --sm-radius: 6px;
  --sm-shadow: 0 28px 75px -58px rgba(0, 0, 0, .75);
  --sm-container: 1280px;
}