.dark {
  color: var(--text-dark) !important;
}

.lighter {
  color: var(--text-lighter) !important;
}

.light {
  color: var(--text-light) !important;
}

.medium {
  color: var(--text-medium) !important;
}

.warm {
  color: var(--text-warm) !important;
}

.white {
  color: var(--text-white) !important;
}

.primary-1 {
  color: var(--primary-color1) !important;
}

.primary-2 {
  color: var(--primary-color2) !important;
}

.primary-3 {
  color: var(--primary-color3) !important;
}

.secondary-1 {
  color: var(--secondary-color1) !important;
}

.secondary-2 {
  color: var(--secondary-color2) !important;
}

.secondary-3 {
  color: var(--secondary-color3) !important;
}

.secondary-4 {
  color: var(--secondary-color4) !important;
}