@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=IBM+Plex+Mono:wght@400;500;600&family=Manrope:wght@400;500&display=swap");

:root {
  --parchment: #f3eee2;
  --parchment-2: #eae3d2;
  --parchment-3: #ddd3be;
  --paper: #fbf8ef;
  --ink: #1a1610;
  --ink-2: #4a4335;
  --ink-3: #7a705b;
  --ink-4: #9f947c;
  --rule: #c7bca0;
  --rule-2: #d6ccb2;
  --rule-3: #e4dbc5;
  --navy: #142033;
  --bordeaux: #6b1c23;
  --bordeaux-2: #8a2a32;
  --bordeaux-3: #a64550;
  --bordeaux-fade: rgba(107, 28, 35, 0.72);
  --gold: #b0913f;
  --sage: #4e6146;
  --ochre: #8e6a24;
  --crimson: #7c1e22;
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-e: cubic-bezier(0.76, 0, 0.24, 1);
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html,
body {
  margin: 0;
  padding: 0;
}
body {
  min-height: 100vh;
  background: var(--parchment);
  color: var(--ink);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-weight: 400;
  font-size: 15.5px;
  line-height: 1.52;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
::selection {
  background: var(--bordeaux);
  color: var(--parchment);
}
img,
svg {
  display: block;
}
a {
  color: inherit;
  text-decoration: none;
}
button {
  font: inherit;
  background: none;
  border: none;
  color: inherit;
  cursor: pointer;
  padding: 0;
}
input,
select,
textarea {
  font: inherit;
}