@import url('./base/variables.css') layer(base);
@import url('./base/reset.css') layer(base);
@import url('./base/typography.css') layer(base);
@import url('./layout/footer.css') layer(layout);
@import url('./components/buttons.css') layer(components);
@import url('./components/forms.css') layer(components);
@import url('./components/hero.css') layer(components);
@import url('./components/navbar.css') layer(components);
@import url('./pages/home.css') layer(pages);
@import url('./pages/books.css') layer(pages);
@import url('./pages/science.css') layer(pages);
@import url('./pages/about.css') layer(pages);
@import url('./pages/contact.css') layer(pages);

@import url('./themes/light.css') layer(themes);
@import url('./themes/dark.css') layer(themes);
@import url('./print.css') layer(print);

@import url('./pages/science/aurora.css') layer(science-pages);
@import url('./pages/science/buckyballs.css') layer(science-pages);
@import url('./pages/science/particle-physics.css') layer(science-pages);
@import url('./pages/science/space-physics.css') layer(science-pages);
@import url('./pages/science/string-theory.css') layer(science-pages);
@import url('./pages/science/supernova.css') layer(science-pages);
@import url('./pages/science/tangled.css') layer(science-pages);
@import url('./pages/science/wormholes.css') layer(science-pages);
     
/*  This CSS file contains the media adjusting code.
     It HAS to come after the other files, as it is the
     the last defined layer, which means it has precedence 
     over the others. 	 */
@import url('./utilities/helpers.css') layer(utilities);