/* DTC Good Earth visual system: typography and colour only. */
@font-face {
  font-family: "Avenir DTC";
  src: url("../fonts/AvenirLTStd-Light.ttf") format("truetype");
  font-weight: 300 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Avenir DTC";
  src: url("../fonts/AvenirLTStd-Medium.ttf") format("truetype");
  font-weight: 500 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Italiana DTC";
  src: url("../fonts/Italiana-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --fontPrimary: #676b50;
  --fontSecondary: #353a45;
  --bgColorPrimary: #f9f6f2;
  --bgColorSecondary: #ffffff;
  --buttonColor: #676b50;
  --buttonTextColor: #ffffff;
}

html,
body,
button,
input,
select,
textarea,
a,
p,
label,
span,
li {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 300;
}

h1,
h2,
h3,
h4,
h5,
h6,
.bannerMainTitle,
.bannerPrice,
.quoteTitle,
.overviewTitle,
.highlightsTitle,
.amenitiesTitle,
.price-title,
.floorPlanSectionTitle,
.galleryTitle,
.map-title,
.tourHeading {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 400 !important;
  color: #676b50;
  letter-spacing: 1.5px;
}

.headerLink,
.quoteSubTitle,
.offerText,
button,
.quoteSubmit,
.overviewBrochureButton,
.price-get-details,
.floorPlanButton,
.requestButton,
.map-cta {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 500 !important;
}

.headerLink,
.overviewDescription,
.highlightsList li,
.aboutSectionDescription,
.connectivity-item .location,
.price-label,
.price-value {
  color: #676b50;
}

.quoteSubmit,
.overviewBrochureButton,
.price-get-details,
.floorPlanButton,
.requestButton,
.map-cta,
.amenitiesDownloadBtn,
.galleryDownloadBtn,
.loanBtn {
  background: #676b50;
  color: #ffffff;
}