:root{
  --dark-blue: #273a61;
  --mid-blue: #354f7e;
  --light-blue: #92a6c7;
  --green: #9cb690;
  --pink: #bb9ab4;
  --orange: #c18144;
  --red: #da8c75; 
  --purple: #baaac3;
  --darkest-blue: #1c2a47;
  --grey: #96b0b3;

  /* lightend text colors */
  --light-blue-text: #abbad4;
  --green-text: #bacdb2;
  --pink-text: #ccb3c6;
  --orange-text: #dfbe9f;
  --red-text: #e4ac9a;
  --purple-text: #c2b4ca;
}