@font-face {
  font-display: swap;
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 500 700;
  src: url("../fonts/cormorant-garamond/cormorant-garamond-latin.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: "Manrope";
  font-style: normal;
  font-weight: 400 800;
  src: url("../fonts/manrope/manrope-latin.woff2") format("woff2");
}

:root {
  --alvelus-ink: #241a17;
  --alvelus-muted: #76645c;
  --alvelus-soft: #9a877c;
  --alvelus-paper: #f7f1e8;
  --alvelus-paper-deep: #eee3d4;
  --alvelus-stone: #d9c8b6;
  --alvelus-wine: #2b0d12;
  --alvelus-wine-deep: var(--alvelus-wine);
  --alvelus-gold: #c18c45;
  --alvelus-white: #fffaf2;
  --alvelus-line: rgba(36, 26, 23, 0.16);
  --alvelus-line-light: rgba(255, 250, 242, 0.22);
  --alvelus-shadow: 0 8px 24px rgba(36, 26, 23, 0.16);
  --alvelus-max: 1360px;
  --alvelus-page-gutter: clamp(20px, 5vw, 60px);
  --alvelus-header-height: 72px;
  --alvelus-serif: "Cormorant Garamond", Georgia, serif;
  --alvelus-sans: "Manrope", "Avenir Next", "Helvetica Neue", sans-serif;
}