@import "../tools/typography";
@import "../settings/variables";

.lg-medium--primary {
  @include typography-lg($core-gray-15);
}

.lg-medium--white {
  @include typography-lg($core-white);
}

.md-bold--primary {
  @include typography-md($core-gray-15, 700);
}

.md-bold--white {
  @include typography-md($core-white, 700);
}

.md-regular--primary {
  @include typography-md($core-gray-15);
}

.md-regular--secondary {
  @include typography-md($core-gray-45);
}

.md-regular--tertiary {
  @include typography-md($core-gray-70);
}

.md-regular--white {
  @include typography-md($core-white);
}

.sm-bold--primary {
  @include typography-sm($core-gray-15, 700);
}

.sm-bold--secondary {
  @include typography-sm($core-gray-45, 700);
}

.sm-bold--tertiary {
  @include typography-sm($core-gray-70, 700);
}

.sm-bold--blue {
  @include typography-sm($core-blue-40, 700);
}

.sm-bold--white {
  @include typography-sm($core-white, 700);
}

.sm-medium--primary {
  @include typography-sm($core-gray-15);
}

.sm-medium--secondary {
  @include typography-sm($core-gray-45);
}

.sm-medium--tertiary {
  @include typography-sm($core-gray-70);
}

.sm-regular--primary {
  @include typography-sm($core-gray-15, 400);
}

.sm-regular--secondary {
  @include typography-sm($core-gray-45, 400);
}

.sm-regular--tertiary {
  @include typography-sm($core-gray-70, 400);
}

.sm-regular--blue {
  @include typography-sm($core-blue-40, 400);
}

.sm-regular--white {
  @include typography-sm($core-white, 400);
}

.sm-regular-italic--red {
  @include typography-sm($core-red-50, 400);
  font-style: italic;
}

.sm-regular-italic--tertiary {
  @include typography-sm($core-gray-70, 400);
  font-style: italic;
}

.table-bold--primary {
  @include typography-table($core-gray-15, 700);
}

.table-bold--secondary {
  @include typography-table($core-gray-45, 700);
}

.table-bold--tertiary {
  @include typography-table($core-gray-70, 700);
}

.table-bold--blue {
  @include typography-table($core-blue-40, 700);
}

.table-bold--white {
  @include typography-table($core-white, 700);
}

.table-medium--primary {
  @include typography-table($core-gray-15);
}

.table-medium--secondary {
  @include typography-table($core-gray-45);
}

.table-medium--tertiary {
  @include typography-table($core-gray-70);
}

.table-regular--primary {
  @include typography-table($core-gray-15, 400);
}

.table-regular--secondary {
  @include typography-table($core-gray-45, 400);
}

.table-regular--tertiary {
  @include typography-table($core-gray-70, 400);
}

.table-regular--blue {
  @include typography-table($core-blue-40, 400);
}

.table-regular--white {
  @include typography-table($core-white, 400);
}

.table-regular-italic--red {
  @include typography-table($core-red-50, 400);
  font-style: italic;
}

.xs-bold--primary {
  @include typography-xs($core-gray-15, 700);
}

.xs-bold--tableHeader {
  @include typography-xs($core-gray-30, 700);
}

.xs-bold--secondary {
  @include typography-xs($core-gray-45, 700);
}

.xs-bold--tertiary {
  @include typography-xs($core-gray-70, 700);
}

.xs-bold--white {
  @include typography-xs($core-white, 700);
}

.xs-regular--primary {
  @include typography-xs($core-gray-15);
}

.xs-regular--secondary {
  @include typography-xs($core-gray-45);
}

.xs-regular--tertiary {
  @include typography-xs($core-gray-70);
}

.xs-regular--blue {
  @include typography-xs($core-blue-40);
}

.xs-regular--white {
  @include typography-xs($core-white);
}

.xs-regular-italic--secondary {
  @include typography-xs($core-gray-45);
  font-style: italic;
}

.xs-regular-italic--white {
  @include typography-xs($core-white);
  font-style: italic;
}

ul.sm-regular--primary {
  margin-left: $typography-sm-font-size;

  & > li {
    list-style-type: disc;
  }
}

p + p.sm-regular--primary,
p + ul.sm-regular--primary,
ul + p.sm-regular--primary,
ul + ul.sm-regular--primary {
  margin-top: $typography-sm-font-size;
}