//Coloristic
.text-profit, .text-green {
  color: var(--success);
}

.text-lose, .text-red {
  color: var(--error);
}
.text-gray, .text-grey{
  color: var(--grey-100);
}

.text-bold{
  font-weight: 600;
}

$size: xs sm md lg xlg;
$i: 0;

@each $col in 0.75rem, 0.85rem, 1rem, 1.1rem, 1.3rem {
  $i: $i + 1;
  .text-#{nth($size, $i)} {
    font-size: $col;
  }
}
$j: 0;
@each $col in 300, 400, 500, 600, 800 {
  $j: $j + 1;
  .text-weight-#{nth($size, $j)} {
    font-weight: $col;
  }
}