@import './color.scss';

.sd-text-primary {
  color: $accentPrimary!important;
}

.sd-text-secondary {
  color: $lightSecondary!important;
}

.sd-text-info {
  color: $teal!important;
}

.sd-text-success {
  color: $positivePrimary!important;
}

.sd-text-warning {
  color: $criticalPrimary!important;
}

.sd-text-danger {
  color: $negativePrimary!important;
}

.sd-t48m {
  font-size: 48px;
  font-weight: 'Medium';
  line-height: 56px;
}

.sd-t48r {
  font-size: 48px;
  font-weight: 'Regular';
  line-height: 56px;
}

.sd-t32m {
  font-size: 32px;
  font-weight: 'Medium';
  line-height: 40px;
}

.sd-t32r {
  font-size: 32px;
  font-weight: 'Regular';
  line-height: 40px;
}

.sd-t24m {
  font-size: 24px;
  font-weight: 'Medium';
  line-height: 32px;
}

.sd-t24r {
  font-size: 24px;
  font-weight: 'Regular';
  line-height: 32px;
}

.sd-t20m {
  font-size: 20px;
  font-weight: 'Medium';
  line-height: 28px;
}

.sd-t20r {
  font-size: 20px;
  font-weight: 'Regular';
  line-height: 28px;
}

.sd-t16m {
  font-size: 16px;
  font-weight: 'Medium';
  line-height: 24px;
}

.sd-t16r {
  font-size: 16px;
  font-weight: 'Regular';
  line-height: 24px;
}

.sd-t14m {
  font-size: 14px;
  font-weight: 'Medium';
  line-height: 20px;
}

.sd-t14r {
  font-size: 14px;
  font-weight: 'Regular';
  line-height: 20px;
}

.sd-t12m {
  font-size: 12px;
  font-weight: 'Medium';
  line-height: 16px;
}

.sd-t12r {
  font-size: 12px;
  font-weight: 'Regular';
  line-height: 16px;
}

.sd-t10m {
  font-size: 10px;
  font-weight: 'Medium';
  line-height: 12px;
}

.sd-t10r {
  font-size: 10px;
  font-weight: 'Regular';
  line-height: 12px;
}