:root {

  /* primari secondari e call to action */
  --primary-color: #21447F;
  --secondary-color: #132544;
  --primary-light: #196bb3;
  --accent-color: #BB7537;


  /* grays */
  --light-gray: #F5F5F5;
  --medium-gray: #C5C7C9;
  --dark-gray: #5C6F82;


  --text-color: #2F475E;
  --primary-transparent: rgba(25, 107, 179, .2);


  /* others */
  --wb-1: #52E0DB;
  --wb-2: #077F7B;
  --wb-3: #E7B66E;
  --wb-4: #C97900;
  --wb-5: #804D00;
  --wb-6: #D65C70;
  --wb-7: #00CB87;
  --wb-8: #0065CA;
  --wb-9: #768594;
}