:root {
  --knot-blue: #8fb2cf;
  --knot-blue-deep: #627f99;
  --knot-blue-ink: #3f5d78;
  --cream: #fbf6ef;
  --paper: #ffffff;
  --mist: #eef5f9;
  --line: rgba(47, 52, 56, .12);
  --coffee: #5c3c2c;
  --cocoa: #241d19;
  --beige: #dfd0bf;
  --muted: #746a63;
  --text: #211d1a;
  --shadow: 0 24px 70px rgba(42, 50, 57, .14);
  --soft-shadow: 0 14px 38px rgba(42, 50, 57, .1);
  --radius: 22px;
  --container: 1180px;
  --font-display: "DM Serif Display", Georgia, serif;
  --font-body: "Manrope", system-ui, sans-serif;
  --ease: cubic-bezier(.2, .8, .2, 1);
}