@import "red-variables";
@import "red-mixins";

button {
  font-family: Inconsolata, monospace !important;
  font-weight: 700 !important;
}

a {
  color: $blue-1;

  &:hover {
    color: lighten($blue-1, 10%)
  }

}

.heading-xl {
  color: $grey-1;
  font-family: Inter, sans-serf;
  font-size: 32px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 39px;
}

.heading-l {
  color: #283241;
  font-family: Inter, sans-serf;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 22px;
}


.clamp-1 {
  @include line-clamp(1);
}

.clamp-2 {
  @include line-clamp(2);
}