@font-face {
  font-family: "Handsome Pro";
  src: url("../assets/fonts/fonnts.com-HandsomePro-Regular.otf")
    format("opentype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Glacial Indifference";
  src: url("../assets/fonts/GlacialIndifference-Regular.otf") format("opentype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Glacial Indifference";
  src: url("../assets/fonts/GlacialIndifference-Bold.otf") format("opentype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

:root {
  --font-accent: "Handsome Pro", "Times New Roman", serif;
  --font-title: "Glacial Indifference", "Segoe UI", sans-serif;
  --font-text: "Glacial Indifference", "Segoe UI", sans-serif;
  --accent-baseline-shift-mobile: 0.1em;
}

body {
  font-family: var(--font-text);
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-title);
  font-weight: 700;
}

.font-accent {
  font-family: var(--font-accent);
  font-weight: 400;
  line-height: 1;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

@media (max-width: 1279px) {
  .font-accent {
    display: inline-block;
    transform: translateY(var(--accent-baseline-shift-mobile));
  }
}