/* Layout */
html,
body {
  height: 100%;
}

/* Background & text */
body {
  background-image: url("/assets/img/background.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  text-shadow: none;
  box-shadow: none;
  color: #fff;
}

/* Dark overlay */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: -1;
}

/* Main container width */
.cover-container {
  max-width: 42rem;
}

/* Typography */
h1,
h3 {
  font-weight: 600;
}

/* Footer */
footer {
  font-size: 0.9rem;
}

/* Navigation */
.nav-masthead .nav-link {
  color: rgba(255, 255, 255, 0.6);
  border-bottom: 0.25rem solid transparent;
  transition: border-color 0.2s ease, color 0.2s ease;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  color: #fff;
  border-bottom-color: rgba(255, 255, 255, 0.35);
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-masthead .active {
  color: #fff;
  border-bottom-color: #fff;
}

/* Reduced motion – vypne fixed background */
@media (prefers-reduced-motion: reduce) {
  body {
    background-attachment: scroll;
  }
}