.na-text {
  font-family: var(--na-text-font-sans);
  font-size: var(--na-text-size-md);
  line-height: 1.65;
  color: inherit;
}

.na-text-xs {
  font-size: var(--na-text-size-xs);
}
.na-text-sm {
  font-size: var(--na-text-size-sm);
}
.na-text-md {
  font-size: var(--na-text-size-md);
}
.na-text-lg {
  font-size: var(--na-text-size-lg);
}
.na-text-xl {
  font-size: var(--na-text-size-xl);
}
.na-text-2xl {
  font-size: var(--na-text-size-2xl);
}
.na-text-3xl {
  font-size: var(--na-text-size-3xl);
}

.na-text-color-default {
  color: var(--na-color-default);
}
.na-text-color-primary {
  color: var(--na-color-primary);
}
.na-text-color-secondary {
  color: var(--na-color-secondary);
}
.na-text-color-success {
  color: var(--na-color-success);
}
.na-text-color-warning {
  color: var(--na-color-warning);
}
.na-text-color-danger {
  color: var(--na-color-danger);
}
.na-text-color-info {
  color: var(--na-color-info);
}
.na-text-color-brand {
  color: var(--na-color-brand);
}
.na-text-color-accent {
  color: var(--na-color-accent);
}
.na-text-color-white {
  color: var(--na-color-white);
}
.na-text-color-black {
  color: var(--na-color-black);
}
.na-text-color-disabled {
  color: var(--na-color-disabled);
}

.na-text-weight-thin {
  font-weight: var(--na-text-weight-thin);
}
.na-text-weight-extralight {
  font-weight: var(--na-text-weight-extralight);
}
.na-text-weight-light {
  font-weight: var(--na-text-weight-light);
}
.na-text-weight-regular {
  font-weight: var(--na-text-weight-regular);
}
.na-text-weight-medium {
  font-weight: var(--na-text-weight-medium);
}
.na-text-weight-semibold {
  font-weight: var(--na-text-weight-semibold);
}
.na-text-weight-bold {
  font-weight: var(--na-text-weight-bold);
}
.na-text-weight-extrabold {
  font-weight: var(--na-text-weight-extrabold);
}
.na-text-weight-black {
  font-weight: var(--na-text-weight-black);
}

.na-text-left {
  text-align: left;
}
.na-text-center {
  text-align: center;
}
.na-text-right {
  text-align: right;
}

.na-text-italic {
  font-style: italic;
}

.na-text-underline {
  text-decoration: underline;
}
.na-text-strikethrough {
  text-decoration: line-through;
}
.na-text-uppercase {
  text-transform: uppercase;
}
.na-text-lowercase {
  text-transform: lowercase;
}
.na-text-capitalize {
  text-transform: capitalize;
}

.na-text-break {
  overflow-wrap: break-word;
}
.na-text-truncate {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}