:root {
  --cream: #ede5d5;
  --ink: #17120f;
  --muted: rgba(23, 18, 15, 0.5);
  --line: rgba(23, 18, 15, 0.18);
  --m: clamp(16px, 3vw, 40px);
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --out: cubic-bezier(0.16, 1, 0.3, 1);
  --nav: var(--ink);
  --bibo-burgundy: #690d1b;
  --bibo-blue-dust: #96a5b0;
  --bibo-menu-bg: var(--cream);
  --bibo-header-menu-bg: var(--cream);
  --bibo-header-red: var(--bibo-burgundy);
  --bibo-header-ease: var(--out);
  --font-text: "Doner Text", "Helvetica Neue", Arial, sans-serif;
  --font-display: "Doner Display", "Doner Text", Arial, sans-serif;
}

@font-face {
  font-family: "Doner";
  src: url("https://cdn.prod.website-files.com/69689842a40a17ac45e5418a/6971fbeb23b43149fea69408_Doner-MediumDisplay.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Doner Text";
  src: url("assets/fonts/doner-regulartext.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Doner Display";
  src: url("assets/fonts/doner-regulardisplay.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}