/* Grade 7 artwork: separate from the reusable book layout. */
body {
  background-image: linear-gradient(#13261d20,#13261d42),url('images/main-v2.webp');
  background-color:#1e3027;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  background-attachment:fixed;
}
.page-content[class*="bg-tema"] { background:#fcf9f0; }
.page-content[class*="bg-tema"]::before {
  background-size:cover;
  background-position:center;
  opacity:.72;
}
.bg-tema1::before { background-image:url('images/theme-1-v2.webp'); }
.bg-tema2::before { background-image:url('images/theme-2-v2.webp'); }
.bg-tema3::before { background-image:url('images/theme-3-v2.webp'); }
.bg-tema4::before { background-image:url('images/theme-4-v2.webp'); }
.bg-tema5::before { background-image:url('images/theme-5-v2.webp'); }
.bg-tema6::before { background-image:url('images/theme-6-v2.webp'); }
.cover-page { background:linear-gradient(145deg,#213a30,#365747 70%,#4b6c52); }
.toc-page { background:#faf7ed; }
.toc-help { background:#e9eddf; }
#topbar h1 { text-shadow:0 2px 6px #101b13; }
#top-actions button,.nav-btn,.nav-btn-edge {
  background:#223f31e8;
  border-color:#c6ae7277;
  color:#fff2d1;
}
#top-actions button:hover,.nav-btn:hover:not(:disabled),.nav-btn-edge:hover:not(:disabled) { background:#3d6048; }
#search-input { background:#203a2dee;border-color:#c6ae7288; }
#search-input:focus { background:#2d4e3a; }
#status { padding:5px 12px;background:#172c22d9;border-radius:12px;color:#fff4de; }
.pg-header-text { background:#fffcf1b8;border-radius:5px;padding:3px 6px; }
@media(max-width:650px) {
  body { background-position:center;background-attachment:scroll; }
  .page-content[class*="bg-tema"]::before { opacity:.66; }
}