@use 'sass:string';
@use '../media-query' as *;


@mixin base-heading($fontFamily, $fontSize, $lineHeight) {
  font-family: #{string.unquote(
      $fontFamily +
        ', -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif'
    )};
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: $fontSize;
  line-height: $lineHeight;
}


@mixin base-heading-bold($fontFamily, $fontSize, $lineHeight) {
  @include base-heading($fontFamily, $fontSize, $lineHeight);

  
  font-size-adjust: 0.426;
}


@mixin base-heading-display-title($fontFamily, $fontSize, $lineHeight) {
  @include base-heading($fontFamily, $fontSize, $lineHeight);
  
  font-size-adjust: cap-height 0.68;
}

@mixin responsive-heading($min, $fontSize, $lineHeight) {
  @include media-query-min($min: $min) {
    font-size: $fontSize;
    line-height: $lineHeight;
  }
}