@font-face {
  font-family: "Manrope";
  src: url("../fonts/Manrope-Variable.ttf") format("truetype-variations");
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}

:root {
  --ivory: #faf8f5;
  --paper: #ffffff;
  --ink: #222222;
  --muted: #696b6e;
  --navy: #173f6b;
  --navy-dark: #102c49;
  --sand: #d9cbb9;
  --line: #dfddd9;
  --success: #2f6d4a;
  --warning: #8a5b18;
  --display: "Manrope", "Segoe UI", Arial, sans-serif;
  --sans: "Manrope", "Segoe UI", Arial, sans-serif;
  --shell: 1360px;
  --shadow: 0 24px 70px rgb(21 31 41 / 12%);
  --radius: 2px;
}