/* ============================================================ */
/* GLOBAL STYLES */

/* ------------------------------ Imports */
/* Core */
@import "core/normalize.css";
@import "core/variables.css";
@import "core/typography.css";

/* Scaffolding styles */
@import "scaffolding/document.css";
@import "scaffolding/typography.css";
@import "scaffolding/links.css";
@import "scaffolding/forms.css";

/* Components */
@import "components/logo.css";
@import "components/header.css";
@import "components/footer.css";

/* ------------------------------ Layout */
.layout {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  max-width: var(--screen-width-max);
  min-height: 100vh;
  padding: 0 var(--space-page);
  margin: 0 auto;
}

/* ------------------------------ Main */
main {
  display: grid;
  grid-gap: var(--space-page);
  flex: 1;
  padding: var(--space-header) 0;
}

/* ------------------------------ Images */
img {
  pointer-events: none;
}