.outline {
  background-color: transparent;
  color: var(--text-color);
  border-color: var(--text-color);
  border-style: var(--border-style-outline);
  border-width: var(--border-width-outline);
}

.outline-primary {
  background-color: transparent;
  color: var(--color-primary);
  border-color: var(--color-primary);
  border-style: var(--border-style-outline);
  border-width: var(--border-width-outline);
}

.outline-secondary {
  background-color: transparent;
  color: var(--color-secondary);
  border-color: var(--color-secondary);
  border-style: var(--border-style-outline);
  border-width: var(--border-width-outline);
}

.outline-tertiary {
  background-color: transparent;
  color: var(--color-tertiary);
  border-color: var(--color-tertiary);
  border-style: var(--border-style-outline);
  border-width: var(--border-width-outline);
}

.outline-success {
  background-color: transparent;
  color: var(--color-success);
  border-color: var(--color-success);
  border-style: var(--border-style-outline);
  border-width: var(--border-width-outline);
}

.outline-info {
  background-color: transparent;
  color: var(--color-info);
  border-color: var(--color-info);
  border-style: var(--border-style-outline);
  border-width: var(--border-width-outline);
}

.outline-warning {
  background-color: transparent;
  color: var(--color-warning);
  border-color: var(--color-warning);
  border-style: var(--border-style-outline);
  border-width: var(--border-width-outline);
}

.outline-danger {
  background-color: transparent;
  color: var(--color-danger);
  border-color: var(--color-danger);
  border-style: var(--border-style-outline);
  border-width: var(--border-width-outline);
}

.outline-neutral {
  background-color: transparent;
  color: var(--color-neutral);
  border-color: var(--color-neutral);
  border-style: var(--border-style-outline);
  border-width: var(--border-width-outline);
}

.outline-light {
  background-color: transparent;
  color: var(--color-light);
  border-color: var(--color-light);
  border-style: var(--border-style-outline);
  border-width: var(--border-width-outline);
}

.outline-dark {
  background-color: transparent;
  color: var(--color-dark);
  border-color: var(--color-dark);
  border-style: var(--border-style-outline);
  border-width: var(--border-width-outline);
}

.outline-white {
  background-color: transparent;
  color: var(--color-white);
  border-color: var(--color-white);
  border-style: var(--border-style-outline);
  border-width: var(--border-width-outline);
}

.outline-black {
  background-color: transparent;
  color: var(--color-black);
  border-color: var(--color-black);
  border-style: var(--border-style-outline);
  border-width: var(--border-width-outline);
}

.outline-primary-ghost {
  background-color: transparent;
  color: var(--color-primary-ghost);
  border-color: var(--color-primary-ghost);
  border-style: var(--border-style-outline);
  border-width: var(--border-width-outline);
}

.outline-secondary-ghost {
  background-color: transparent;
  color: var(--color-secondary-ghost);
  border-color: var(--color-secondary-ghost);
  border-style: var(--border-style-outline);
  border-width: var(--border-width-outline);
}

.outline-tertiary-ghost {
  background-color: transparent;
  color: var(--color-tertiary-ghost);
  border-color: var(--color-tertiary-ghost);
  border-style: var(--border-style-outline);
  border-width: var(--border-width-outline);
}

.outline-success-ghost {
  background-color: transparent;
  color: var(--color-success-ghost);
  border-color: var(--color-success-ghost);
  border-style: var(--border-style-outline);
  border-width: var(--border-width-outline);
}

.outline-info-ghost {
  background-color: transparent;
  color: var(--color-info-ghost);
  border-color: var(--color-info-ghost);
  border-style: var(--border-style-outline);
  border-width: var(--border-width-outline);
}

.outline-warning-ghost {
  background-color: transparent;
  color: var(--color-warning-ghost);
  border-color: var(--color-warning-ghost);
  border-style: var(--border-style-outline);
  border-width: var(--border-width-outline);
}

.outline-danger-ghost {
  background-color: transparent;
  color: var(--color-danger-ghost);
  border-color: var(--color-danger-ghost);
  border-style: var(--border-style-outline);
  border-width: var(--border-width-outline);
}

.outline-neutral-ghost {
  background-color: transparent;
  color: var(--color-neutral-ghost);
  border-color: var(--color-neutral-ghost);
  border-style: var(--border-style-outline);
  border-width: var(--border-width-outline);
}

.outline-light-ghost {
  background-color: transparent;
  color: var(--color-light-ghost);
  border-color: var(--color-light-ghost);
  border-style: var(--border-style-outline);
  border-width: var(--border-width-outline);
}

.outline-dark-ghost {
  background-color: transparent;
  color: var(--color-dark-ghost);
  border-color: var(--color-dark-ghost);
  border-style: var(--border-style-outline);
  border-width: var(--border-width-outline);
}

.outline-white-ghost {
  background-color: transparent;
  color: var(--color-white-ghost);
  border-color: var(--color-white-ghost);
  border-style: var(--border-style-outline);
  border-width: var(--border-width-outline);
}

.outline-black-ghost {
  background-color: transparent;
  color: var(--color-black-ghost);
  border-color: var(--color-black-ghost);
  border-style: var(--border-style-outline);
  border-width: var(--border-width-outline);
}