@font-face {
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/fonts/lexend-latin-var.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'altivo';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/fonts/lexend-latin-var.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/fonts/roboto-latin-var.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Lexend Fallback';
  src: local('Arial');
  size-adjust: 109.91%;
  ascent-override: 90.98%;
  descent-override: 22.74%;
  line-gap-override: 0%;
}

@font-face {
  font-family: 'Roboto Fallback';
  src: local('Arial');
  size-adjust: 99.78%;
  ascent-override: 92.98%;
  descent-override: 24.47%;
  line-gap-override: 0%;
}

html body {
  font-family: 'altivo', 'Lexend Fallback', var(--font-roboto), 'Roboto', sans-serif;
}

.font-altivo {
  font-family: 'altivo', 'Lexend Fallback', sans-serif;
}

.font-roboto {
  font-family: 'Roboto', 'Roboto Fallback', sans-serif;
}

.font-semibold {
  font-weight: 700;
}

a.font-black,
a.font-extrabold,
button.font-black,
button.font-extrabold {
  font-weight: 700;
}

@layer base {
  h1:not(.font-roboto),
  :is(h2, h3, h4, h5, h6).font-black:not(.font-roboto) {
    letter-spacing: -0.5px;
  }

  :is(h2, h3):not(.font-black):not(.font-roboto) {
    letter-spacing: -0.25px;
  }
}

@layer base {
  .brumble-figure {
    letter-spacing: -0.02em;
  }

  .brumble-card-heading:not(.font-roboto) {
    letter-spacing: -0.25px;
  }
}