@font-face {
  font-family: "Veneer";
  src: url("../fonts/web/veneer-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roc Grotesk";
  src: url("../fonts/web/roc-grotesk-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roc Grotesk";
  src: url("../fonts/web/roc-grotesk-medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roc Grotesk";
  src: url("../fonts/web/roc-grotesk-bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
:root {
  --wc-charcoal: #1a1a18;
  --wc-cream: #eeded3;
  --wc-red: #ff022c;
  --wc-mustard: #f5a300;
  --wc-burnt-orange: #ff6700;
  --wc-green: #00c131;
  --wc-pink: #ff5da2;
  --wc-white: #ffffff;
  --wc-map-water: #a9c0c8;
  --wc-font-display: "Veneer", "Anton", "Oswald", "Arial Narrow", sans-serif;
  --wc-font-body: "Roc Grotesk", "Inter", "Helvetica Neue", Arial, sans-serif;
  --wc-font-script: "Coffee Service", "Brush Script MT", cursive;
}