jQuery add css style

We have a list of elements inside the class "elements" and we want to make modifications:

We store the heat of the first element li inside the class elements in the variable first_color.
We change the text color of the second element to yellow directly.
We change the text color of the third element to the color stored by the variable first_color.

<html>
  <body>
    <ul class="elements">
      <li style="color:red;">Text 1</li>
      <li>Text 2</li>
      <li>Text 3</li>
      <li>Text 4</li>
    </ul>
    <!--Script jQuery-->
    <script>
       $(document).ready(function(){
         //We store the heat of the first element li inside the class elements in the variable first_color.
         var first_color = $('.elements li').css('color');
         //We change the text color of the second element to green directly.
         $('.elements li').eq(1).css('color', 'green');
         //We change the text color of the third element to the color stored by the variable first_color.
         $('.elements li').eq(2).css('color', first_color);
       });
    </script>
    <!--JQuery Library-->
    <script src="https://code.jquery.com/jquery-3.6.3.min.js"></script>
  </body>
</html>