/* Homepage-only black, charcoal, and dark gray section system. */
body[data-page="home"] #teams,
body[data-page="home"] #about {
  background: #202020;
  color: #f3f1eb;
  border-block: 1px solid #343434;
}

body[data-page="home"] #about {
  background: #1b1b1b;
}

body[data-page="home"] #teams .section-top p,
body[data-page="home"] #about .about-copy > p {
  color: #b5b5bb;
}

body[data-page="home"] #about .about-copy > p:first-of-type {
  color: #e3e3e6;
}

body[data-page="home"] #teams .game-card {
  color: #f3f1eb;
  background: #0a0a0a;
  border-color: #3b3b3e;
  box-shadow: 0 8px 24px #00000026;
}

body[data-page="home"] #teams .game-card:hover {
  border-color: var(--red);
}

body[data-page="home"] #teams .card-caption > div > span {
  color: #b1b1b7;
}

body[data-page="home"] #about .text-link {
  color: #e3e3e6;
  border-color: #777780;
}

body[data-page="home"] #about .text-link:hover {
  color: var(--red);
  border-color: var(--red);
}

body[data-page="home"] #about .btn {
  color: #fff;
}

body[data-page="home"] #about .about-mark {
  border-color: #383036;
}

body[data-page="home"] #about .about-mark > span {
  color: #b1aeb3;
}

body[data-page="home"] .home-spotlight {
  background: #0a0a0a;
  color: #f3f1eb;
  border-block: 1px solid #27282b;
}

body[data-page="home"] .home-spotlight .section-top p,
body[data-page="home"] .join-banner p {
  color: #b5b5bb;
}

body[data-page="home"] .join-banner {
  background: #141414;
  border-top: 1px solid #27282b;
}