// mixins
@mixin heading-2xl {
  font-size: 32px;
  line-height: 40px;
}
@mixin heading-xl {
  font-size: 20px;
  line-height: 24px;
}
@mixin heading-lg {
  font-size: 15px;
  line-height: 20px;
}
@mixin heading-md {
  font-size: 13px;
  line-height: 20px;
}
@mixin heading-s {
  font-size: 11px;
  line-height: 16px;
}
@mixin body-xl {
  font-size: 20px;
  line-height: 32px;
}
@mixin body-lg {
  font-size: 15px;
  line-height: 24px;
}
@mixin body-md {
  font-size: 13px;
  line-height: 20px;
}
@mixin body-sm {
  font-size: 12px;
  line-height: 16px;
}