@font-face {
  font-family: Manrope;
  src: url("../fonts/manrope-latin.woff2") format("woff2");
  font-weight: 400 700;
  font-display: swap;
}
:root {
  color-scheme: light;
  --black: #101012;
  --carbon: #202024;
  --navy: #0b1d3a;
  --ivory: #f7f5f0;
  --sand: #e8e2d6;
  --bronze: #795a28;
  --champagne: #c4ac7d;
  --ink: #202024;
  --muted: #62615e;
  --rule: #d2cfc7;
  --sans: Manrope, Arial, sans-serif;
  --gutter: clamp(22px, 5vw, 90px);
  --section: clamp(76px, 9vw, 150px);
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}