/* =========================================================================
   GRAND LIBRARY / ADD A BUILD — PAGE BACKGROUND SKIN
   Mirrors the same 3-image setup used on the Reaction Scroll page
   (build-theme.css): background-first-top / background-first(+second) /
   background-first-bottom, applied to header / main / footer.
   Linked only from index.html and community.html.
   ========================================================================= */

body {
  background-color: #1a1008;
}

.app-header {
  background-image: url("../assets/theme/background-first-top.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-color: transparent;
  border-bottom: none;
  backdrop-filter: none;
}

.app-header::after { display: none; }

/* Same header height + nav button position tweak applied on the
   Reaction Scroll page (adjustements.css), mirrored here. */
.app-header--image {
  height: 180px !important;
}
.header-nav {
  margin-bottom: 3rem !important;
}

main {
  background-image: url("../assets/theme/background-first.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.app-footer {
  background-image: url("../assets/theme/background-first-bottom.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-color: transparent;
  border-top: none;
}