// @text--alternative

@mixin text--alternative {
  color: $color--two-50;

  // specific color mappings
  .bg-brand--blue &,
  .bg-brand--turquoise &,
  .bg-brand--red & {
    color: $color-alpha--four-50;
  }

  .bg-brand--yellow & {
    color: $color-alpha--two-70;
  }
}
