@font-face {
  font-family: "Playfair Display";
  src: url("../assets/fonts/playfair-display-variable.ttf") format("truetype");
  font-weight: 400 900;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("../assets/fonts/inter-variable.ttf") format("truetype");
  font-weight: 100 900;
  font-display: swap;
}

:root {
  --color-putty: #c4c3b6;
  --color-ink: #000000;
  --color-bone: #e7e5e4;
  --color-chalk: #ebebeb;
  --color-vellum: #dfdcd5;
  --color-graphite: #595855;
  --color-ash: #808080;
  --color-paper: #ffffff;
  --font-display: "Playfair Display", Georgia, serif;
  --font-body: "Inter", "Helvetica Neue", Arial, sans-serif;
  --space-1: 4px;
  --space-4: 16px;
  --space-5: 20px;
  --space-7: 28px;
  --space-8: 32px;
  --space-10: 40px;
  --space-13: 52px;
  --space-15: 60px;
  --space-24: 96px;
  --space-42: 168px;
  --radius-card: 9px;
  --radius-pill: 28.8px;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
}