/* Apply CSS reset to normalize default browser styles */
@import url("reset.css");

/* Load fonts first to ensure they are available before rendering text */
@import url("fonts.css");

/* Then load color resources to be used throughout the stylesheets */
@import url("colors.css");

/* Then load CSS variables to be used throughout the stylesheets */
@import url("variables.css");

/* Then load base styles for general layout and typography */
@import url("base.css");

/* Load navigation menu styles */
@import url("main-nav.css");

/* Load main content area styles */
@import url("main-content.css");
@import url("carousel.css");

/* Load specific styles for the header section */
@import url("header.css");

/* Finally, load footer styles */
@import url("footer.css");