/* ==========================================================================
 * Typography
 * ========================================================================== */

.mds-h-font-color-default {
  color: var(--mds-t-text-color--primary) !important;
}

.mds-h-font-color-muted {
  color: var(--mds-t-text-color--secondary) !important;
}

.mds-h-font-color-info {
  color: var(--mds-t-color--blue) !important;
}

.mds-h-font-color-success {
  color: var(--mds-t-color--green) !important;
}

.mds-h-font-color-warning {
  color: var(--mds-t-color--orange) !important;
}

.mds-h-font-color-danger {
  color: var(--mds-t-color--red) !important;
}

.mds-h-font-size-xxxl {
  font-size: var(--mds-d-font-size--xxxl) !important;
}

.mds-h-font-size-xxl {
  font-size: var(--mds-d-font-size--xxl) !important;
}

.mds-h-font-size-xl {
  font-size: var(--mds-d-font-size--xl) !important;
}

.mds-h-font-size-lg {
  font-size: var(--mds-d-font-size--lg) !important;
}

.mds-h-font-size-med {
  font-size: var(--mds-d-font-size--med) !important;
}

.mds-h-font-size-sm {
  font-size: var(--mds-d-font-size--sm) !important;
}

.mds-h-font-size-xs {
  font-size: var(--mds-d-font-size--xs) !important;
}

.mds-h-font-style-italic {
  font-style: italic !important;
}

.mds-h-font-style-normal {
  font-style: normal !important;
}

.mds-h-font-weight-light {
  font-weight: var(--mds-d-font-weight--light) !important;
}

.mds-h-font-weight-normal {
  font-weight: var(--mds-d-font-weight--normal) !important;
}

.mds-h-font-weight-medium {
  font-weight: var(--mds-d-font-weight--medium) !important;
}

.mds-h-font-weight-semibold {
  font-weight: var(--mds-d-font-weight--semibold) !important;
}

.mds-h-font-weight-bold {
  font-weight: var(--mds-d-font-weight--bold) !important;
}

.mds-h-screenreader-text {
  @mixin mds-m-screenreader-text;
}

.mds-h-text-align-left {
  text-align: left !important;
}

.mds-h-text-align-center {
  text-align: center !important;
}

.mds-h-text-align-right {
  text-align: right !important;
}

.mds-h-text-decoration-none {
  text-decoration: none !important;
}

.mds-h-text-decoration-line-through {
  text-decoration: line-through !important;
}

.mds-h-text-decoration-overline {
  text-decoration: overline !important;
}

.mds-h-text-decoration-underline {
  text-decoration: underline !important;
}

.mds-h-text-overflow-ellipsis {
  @mixin mds-m-text-overflow-ellipsis;
}