:root {
  background-color: #FFF;
  color: #444;
  --accent-dark-red: #b90000;
  --line-color: #444;
  background-image: url(../img/bg-light.webp);
}

span.accent {
  color: var(--accent-dark-red);
}

button {
  color: #444;
}

html, #team-CTA::after {
  background-image: url(../img/bg-light.webp);
}

#overlay {
  background-image: url(../img/blank.png);
}

#lightbox {
  background-color: #FFFE;
}

#logline .heading {
  background-image: url(../img/logline-heading-2line.webp);
}

#synopsis .heading {
  background-image: url(../img/synopsis-heading.png);
}

#team .heading {
  background-image: url(../img/team-heading.png);
}

#team-heading {
  background-image: url(../img/team-heading-2line.png);
}

#list .heading {
  background-image: url(../img/list-heading.png);
}

#contact .heading {
  background-image: url(../img/contact-heading.png);
}

a {
  color: var(--accent-red);
}

a:hover {
  color: #f7b500;
}

.chevrons {
  background-image: url(../img/chevrons-b.svg);
}

.media#secret .glow {
  animation-name: glow_pulse;
}

#footer {
  filter: brightness(1) hue-rotate(0) saturate(0.85);
}

#copyright {
  background-color: #222;
}

@media screen and (max-width: 999px) {
  #logline .heading {
    background-image: url(../img/logline-heading-3line.webp);
  }

  #synopsis .container .heading::before {
    background-image: url(../img/synopsis-heading.png);
  }
}