/* Base header styles */
header {
  position: fixed;
  top: 0;
  width: 100%;
  padding: 20px;
  background-color: transparent;
  color: white;
  transition: background-color 0.3s ease;
  z-index: 1000;
}

/* When scrolled, add this class via JavaScript */
header.scrolled {
  background-color: black;
}