@font-face {
  font-family: "Lora";
  src: url("../fonts/lora.woff2") format("woff2");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lora";
  src: url("../fonts/lora-italic.woff2") format("woff2");
  font-weight: 400 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Manrope;
  src: url("../fonts/manrope.woff2") format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}
:root {
  --paper: #f6f3ed;
  --ink: #171918;
  --muted: #58574f;
  --gold: #ae9776;
  --olive: #756449;
  --line: #dcd7cd;
  --wash: #ece7de;
  --serif: "Lora", Georgia, serif;
  --sans: Manrope, Arial, sans-serif;
  --space: clamp(22px, 5.5vw, 100px);
}