$link-text-color: color(brand-primary, 600);

/// Returns desired styles for a given typography style.
///
/// @param {String} $weight - light, normal, semibold, bold.

@mixin h1-text-style($weight: regular) {
  font-size:   font-size(900);
  line-height: line-height(normal);
  font-weight: font-weight($weight);
}

@mixin h2-text-style($weight: regular) {
  font-size:   font-size(800);
  line-height: line-height(normal);
  font-weight: font-weight($weight);
}

@mixin h3-text-style($weight: regular) {
  font-size:   font-size(700);
  line-height: line-height(600);
  font-weight: font-weight($weight);
}

@mixin h4-text-style($weight: regular) {
  font-size:   font-size(600);
  line-height: line-height(normal);
  font-weight: font-weight($weight);
}

@mixin h5-text-style($weight: regular) {
  font-size:   font-size(500);
  line-height: line-height(normal);
  font-weight: font-weight($weight);
}

@mixin section-header-text-style($weight: semibold) { 
  font-size:   font-size(500);
  line-height: line-height(normal);
  font-weight: font-weight($weight);
  text-transform: uppercase;
}

@mixin body-text-style($weight: regular) {
  font-size:   font-size(400);
  line-height: line-height(normal);
  font-weight: font-weight($weight);
}

@mixin body-small-text-style($weight: regular) { 
  font-size:   font-size(300);
  line-height: line-height(normal);
  font-weight: font-weight($weight);
}

@mixin body-micro-text-style($weight: regular) { 
  font-size:   font-size(200);
  line-height: line-height(normal);
  font-weight: font-weight($weight);
}

@mixin list-text-style($weight: regular) { 
  font-size:   font-size(400);
  line-height: line-height(normal);
  font-weight: font-weight($weight);
}

@mixin link-text-style($weight: regular) { 
  line-height: line-height(400);
  font-weight: font-weight($weight);
  color: $link-text-color;
  cursor: pointer;
}