@font-face {
  font-family: "blender";
  src: url("/static/showcase/ktm/fonts/BlenderProHeavy-Regular.otf");
}
@font-face {
  font-family: "blender-medium";
  src: url("/static/showcase/ktm/fonts/BlenderProMedium-Regular.otf");
}
@font-face {
  font-family: "blender-bold";
  src: url("/static/showcase/ktm/fonts/BlenderProBook-Bold.otf");
}
@font-face {
  font-family: "trade-gothic";
  src: url("/static/showcase/ktm/fonts/trade-gothic-lt-light.woff") format("woff");
}
:root {
  --base-value: 8px !important;
  --harmonic-ratio: 1.4 !important;
}

hr {
  color: #bdbdbd;
  background-color: #bdbdbd;
  height: 1px;
  border: none;
}

p,
span {
  --font-family: trade-gothic;
}

.font-brand-medium {
  --font-family: blender-medium;
  --units-per-em: 1000;
  --font-cap-height: 597;
  --ascent: 750;
  --descent: 250;
  --line-gap: 200;
}

.font-brand-bold {
  --font-family: blender-bold;
  --units-per-em: 1000;
  --font-cap-height: 598;
  --ascent: 750;
  --descent: 250;
  --line-gap: 200;
}

.font-corpus {
  --font-family: trade-gothic;
  --units-per-em: 1000;
  --font-cap-height: 722;
  --ascent: 949;
  --descent: 214;
  --line-gap: 0;
}

.dark {
  background: black;
  color: white;
}

.text-light {
  color: white;
}

.text-brand {
  color: rgb(255, 102, 0);
}

.text-low-contrast {
  color: #bdbdbd;
}

.btn-brand {
  --font-family: blender;
  --units-per-em: 1000;
  --font-cap-height: 600;
  --ascent: 750;
  --descent: 250;
  --line-gap: 200;
  transition: all 0.5s ease;
  border: 1px rgb(255, 102, 0) solid;
  background-color: rgb(255, 102, 0);
  color: white;
}
.btn-brand:hover {
  cursor: pointer;
  background: none;
  color: rgb(255, 102, 0);
}
.btn-brand-outline {
  --font-family: blender;
  --units-per-em: 1000;
  --font-cap-height: 600;
  --ascent: 750;
  --descent: 250;
  --line-gap: 200;
  transition: all 0.5s ease;
  border: 1px rgb(255, 102, 0) solid;
  background: none;
  color: rgb(255, 102, 0);
}
.btn-brand-outline:hover {
  cursor: pointer;
  background-color: rgb(255, 102, 0);
  color: white;
}
.btn-dark {
  --font-family: blender;
  --units-per-em: 1000;
  --font-cap-height: 600;
  --ascent: 750;
  --descent: 250;
  --line-gap: 200;
  transition: all 0.5s ease;
  border: 1px black solid;
  background-color: black;
  color: white;
}
.btn-dark:hover {
  cursor: pointer;
  background: none;
  color: black;
}

.bg-demo {
  background: radial-gradient(75.49% 57.39% at 50% 47.11%, #3f3f3f 0, #171717 100%);
}

h1,
h2,
h3,
.font-brand {
  --font-family: blender;
}/*# sourceMappingURL=ktm_styles.css.map */