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

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

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

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

:root {
  --paper: #f8f5ef;
  --paper-deep: #efeae1;
  --card: #fffdf9;
  --ink: #161411;
  --ink-soft: #3d3933;
  --muted: #817b72;
  --line: rgba(22, 20, 17, 0.1);
  --line-strong: rgba(22, 20, 17, 0.16);
  --wash: #fff3d2;
  --wash-deep: #f6e4b0;
  --link: #2a4d7a;
  --now: #3b6cb5;
  --care: #d4a84b;
  --shadow: 0 1px 1px rgba(22, 20, 17, 0.04), 0 18px 40px rgba(22, 20, 17, 0.07);
  --shadow-soft: 0 10px 28px rgba(22, 20, 17, 0.05);
  --font-display: "Fraunces", "Iowan Old Style", Palatino, serif;
  --font-body: "IBM Plex Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --measure: 36rem;
  --wide: 72rem;
  --nav-h: 4.5rem;
}