/* Base */ 
@import "./base/reset.css";
@import "./base/breakpoints.css";
@import "./utilities/variables.css"; /* Variables need to be imported before typography */
@import "./base/typography.css";


/* Utilities -> utilities to */
@import "./utilities/grid.css";
@import "./utilities/utitlity-classes.css";


/* Layout -> broader, page layout styles => override utility styles */

@import "./layout/global.css";
@import "./layout/header.css";
@import "./layout/footer.css";
@import "./layout/text-flow.css";


/* Components -> smaller, more specific component styles => override layout styles */
@import "./components/about-menu.css";
@import "./components/buttons.css";
@import "./components/cards.css";
@import "./components/featured-products.css";
@import "./components/coffee-tray.css";
@import "./components/legal.css";
@import "./components/link-list.css";
@import "./components/links.css";
@import "./components/sections.css";
@import "./components/stretched-cards.css";