@font-face {
  font-family: "Campton-Black";
  src: url("../fonts/CamptonBlack/font.woff2") format("woff2"),
    url("../fonts/CamptonBlack/font.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Campton-ExtraBold";
  src: url("../fonts/CamptonExtraBold/font.woff2") format("woff2"),
    url("../fonts/CamptonExtraBold/font.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Campton-Book";
  src: url("../fonts/CamptonBook/font.woff2") format("woff2"),
    url("../fonts/CamptonBook/font.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Campton-Bold";
  src: url("../fonts/CamptonBold/font.woff2") format("woff2"),
    url("../fonts/CamptonBold/font.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Campton-ExtraLight";
  src: url("../fonts/CamptonExtraLight/font.woff2") format("woff2"),
    url("../fonts/CamptonExtraLight/font.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Campton-Thin";
  src: url("../fonts/CamptonThin/font.woff2") format("woff2"),
    url("../fonts/CamptonThin/font.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Campton-Light";
  src: url("../fonts/CamptonLight/font.woff2") format("woff2"),
    url("../fonts/CamptonLight/font.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Campton-SemiBold";
  src: url("../fonts/CamptonSemiBold/font.woff2") format("woff2"),
    url("../fonts/CamptonSemiBold/font.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Campton-Medium";
  src: url("../fonts/CamptonMedium/font.woff2") format("woff2"),
    url("../fonts/CamptonMedium/font.woff") format("woff");
  font-display: swap;
}

.campton-black {
  font-family: "Campton-Black", sans-serif;
}
.campton-bold {
  font-family: var(--font-family-default-bold);
}
.campton-book {
  font-family: var(--font-family-default-book);
}
.campton-extra-bold {
  font-family: "Campton-ExtraBold", sans-serif;
}
.campton-extra-light {
  font-family: "Campton-ExtraLight", sans-serif;
}
.campton-light {
  font-family: var(--font-family-default-light);
}
.campton-medium {
  font-family: var(--font-family-default-medium);
}
.campton-medium-important {
  font-family: var(--font-family-default-medium) !important;
}
.campton-semi-bold {
  font-family: var(--font-family-default-semibold);
}
.campton-thin {
  font-family: "Campton-Thin", sans-serif;
}