.pending {
  background-color: var(--color-gray-300);
  color: var(--color-gray-400);
}

.reserved {
  background-color: var(--color-warning-opacity);
  color: var(--color-warning);
}

.scheduled, .ended {
  background-color: var(--color-gray-50);
  color: var(--color-gray-500);
}

.dispatched, .cab_arrived_at_pickup, .trip_started, .dropped_off, .started,
.cab_arrived_at_intermediary_waypoint, .trip_ongoing, .in_progress, .published {
  background-color: rgba(var(--color-info-rgb), .05);
  color: var(--color-info);
}

.cab_arrived_at_dropoff, .trip_ended, .completed, .accepted, .cashed_in, .done {
  background-color: var(--color-success--opacity);
  color: var(--color-success);
}

.cancelled, .rejected, .suspended, .sick, .no_show, .unable_to_complete, .unavailable, .failed {
  background-color: var(--color-error-opacity);
  color: var(--color-error);
}


.archived {
  background-color: var(--color-gray-100);
  color: var(--color-gray-600);
}