"Is there a way to reference a CSS file that is not in the same package as the interface, and say is in a different source directory than the base src dir of the project?"
Just reference it in your .html file
<link rel="stylesheet" type="text/css" href="relative/path/to/your/CSS">