:root {
  --color-primary: 105 74 255;
  --color-primary-rgb: rgb(var(--color-primary));
}

@font-face {
  font-family: "ClashDisplayBold";
  src: url("/fonts/ClashDisplayBold.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: "ClashDisplayBoldFallback";
  src: local(Arial Black);
  size-adjust: 91%;
  ascent-override: 101%;
  descent-override: 33%;
}

@font-face {
  font-family: "ClashGroteskSemibold";
  src: url("/fonts/ClashGroteskSemibold.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: "ClashGroteskSemiboldFallback";
  src: local(Arial);
  size-adjust: 96%;
  ascent-override: 96%;
  descent-override: 27%;
}

@font-face {
  font-family: "Barlow";
  src: url("/fonts/BarlowRegular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: "BarlowFallback";
  src: local(Arial);
  size-adjust: 94%;
  line-gap-override: 22%;
}

@font-face {
  font-family: "BarlowBold";
  src: url("/fonts/BarlowBold.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: "BarlowBoldFallback";
  src: local(Arial);
  size-adjust: 96%;
  ascent-override: 102%;
  descent-override: 14%;
  line-gap-override: 9%;
}

@font-face {
  font-family: "BarlowSemiBold";
  src: url("/fonts/BarlowSemiBold.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: "BarlowSemiBoldFallback";
  src: local(Arial);
  size-adjust: 93%;
  ascent-override: 104%;
  descent-override: 24%;
}