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

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

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

@font-face {
  font-family: "InterVariable";
  src: url("/fonts/inter-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  --font-roboto: "Satoshi", "Helvetica Neue", Helvetica, sans-serif;
  --font-inter: "InterVariable", Inter, "Helvetica Neue", Helvetica, sans-serif;
  --font-heading: "Satoshi", "Helvetica Neue", Helvetica, sans-serif;
  --font-body: "InterVariable", Inter, "Helvetica Neue", Helvetica, sans-serif;
}

html,
body,
.font-body,
.post-content {
  font-family: var(--font-body) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.font-heading,
.text-heading,
.category-badge,
.glitch-text,
.glitch-text::before,
.glitch-text::after,
.post-page h2,
.post-page h3,
.post-page h4,
.post-content h2,
.post-content h3,
.post-content .dropcap::first-letter {
  font-family: var(--font-heading) !important;
}

.lvs-home-image-link {
  color: inherit;
  display: contents;
}