$font-family: "Avenir Next", Helvetica, Arial, sans-serif;

@mixin font-defaults {
  font-family: $font-family;
}

@mixin heading {
  @include font-defaults;

  font-size: 40px;
  font-weight: bold;
}

.text-brand-highlight {
  display: inline;
  background: linear-gradient(0deg, var(--primary-1) 50%, transparent 50%);
  user-select: none;
  font-weight: 500;
}