/* Base */
@import "base/variables.css";
@import "base/reset.css";
@import "base/base.css";
@import "base/utilities.css";

/* Layouts */
@import "layouts/grid.css";
@import "layouts/article.css";

/* Components */
@import "components/header.css";
@import "components/footer.css";
@import "components/newsletter.css";
@import "components/forms.css";
@import "components/tables.css";
@import "components/code.css";
@import "components/post.css";
@import "components/index.css";
@import "components/blog-list.css";
@import "components/microposts.css";
@import "components/photos.css";
@import "components/bookshelf.css";
@import "components/recordshelf.css";
@import "components/compilationshelf.css";
@import "components/images.css";
@import "components/maps.css";
@import "components/directions.css";
@import "components/bike-sale.css";
@import "components/callout.css";

/* Media Queries */
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
  }
}

@media only screen and (max-width: 720px) {
  /* Your responsive styles */
}