@font-face {
  font-family: "Heldane Text";
  src: url("/brand/heldane-text-regular.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "Inter";
  src: url("/brand/inter-regular.ttf") format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "Inter";
  src: url("/brand/inter-medium.ttf") format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 500;
}

@font-face {
  font-family: "Inter";
  src: url("/brand/inter-semibold.ttf") format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 600;
}

:root {
  --cp-black: #000000;
  --cp-sepia: #704214;
  --cp-sepia-hover: #5f3710;
  --cp-guards-red: #b12b28;
  --cp-riviera-blue: #1c79ac;
  --cp-irish-green: #014224;
  --cp-chalk: #e0dbd1;
  --cp-chalk-soft: #f1ede6;
  --cp-ivory: #374a2a;
  --cp-speed-yellow: #eaa801;
  --cp-white: #ffffff;
  --cp-cream: #fffbf4;
  --cp-muted: #69645f;
  --cp-heldane: "Heldane Text", Georgia, serif;
  --cp-inter: "Inter", Arial, sans-serif;
  --cp-radius: 8px;
  --cp-shadow: 0 15px 15px rgba(0, 0, 0, 0.09), 0 4px 8px rgba(0, 0, 0, 0.1);
}

html {
  letter-spacing: 0;
}

body,
button,
input,
select,
textarea {
  font-family: var(--cp-inter);
  letter-spacing: 0;
}

.cp-wordmark {
  display: block;
  width: 215px;
  height: 32px;
}

.cp-display {
  font-family: var(--cp-heldane);
  font-weight: 400;
}