/* Shared palette for the homepage and roster. Legacy utilities resolve to solid colors. */
.solid-theme {
  --solid-white: #ffffff;
  --solid-dark: #243b56;
  --solid-deep: #192d43;
  --solid-blue: #3b64a7;
  --solid-accent: #a8d1ef;
  --solid-panel: #304d6b;
  --solid-line: #d7e1eb;
  --bh-light-f4f7fa: var(--solid-white);
  --bh-dark-blue-465263: var(--solid-dark);
  --bh-dark-blue-45-56-80: var(--solid-dark);
  --bh-dark-blue-gradient: var(--solid-dark);
  --bh-light-blue-gradient: var(--solid-blue);
  --bh-dark-red-gradient: #8b2635;
  background-color: var(--solid-white);
  color: var(--solid-dark);
}

/* Keep the original identity and layout; remove its gradient text treatment. */
.solid-theme :is(.fancy-effect, .fancy-highlight) {
  background: transparent;
  color: var(--solid-dark);
  -webkit-text-fill-color: var(--solid-dark);
  animation: none;
}

.solid-theme .home {
  --home-ink: var(--solid-dark);
  --home-blue: var(--solid-blue);
  --home-dark: var(--solid-dark);
  --home-accent: var(--solid-accent);
}
.solid-theme .home-hero {
  background: var(--solid-dark);
}
.solid-theme .home-hero::before {
  background: none;
}
.solid-theme .home-hero__grid {
  /* A static vector grid, rather than layered gradients and a gradient mask. */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='58' height='58' viewBox='0 0 58 58'%3E%3Cpath d='M0 58V0H58' fill='none' stroke='%2396b4cf' stroke-width='1'/%3E%3C/svg%3E");
  mask-image: none;
  opacity: 0.08;
}
.solid-theme .home-rank {
  background-color: var(--solid-panel);
  border-left: 1px solid #46617d;
}
.solid-theme .home-rank__shield {
  background: #7894ad;
}
.solid-theme .home-rank__shield::after {
  background: #36516d;
}
.solid-theme .home-rank__beam {
  display: none;
  background: none;
  animation: none;
}
.solid-theme .home-rank__controls {
  background: var(--solid-deep);
}
.solid-theme .home-rank__controls button:hover {
  background: #385470;
}
.solid-theme .home-rank__controls button[aria-pressed="true"] {
  background: #46698b;
}

/* Existing sections use the same palette without changing their content or geometry. */
.solid-theme .service-card {
  background-color: var(--solid-dark);
}
.solid-theme .service-card:hover {
  background-color: var(--solid-blue);
}
.solid-theme .bh-help-box {
  background-color: var(--solid-dark);
}
.solid-theme .bh-help-box-button {
  background-color: var(--solid-accent);
  color: var(--solid-deep);
}
.solid-theme .bh-help-box-button:hover {
  background-color: #c9e4f4;
}
.solid-theme .accordion-item {
  background-color: var(--solid-white);
  border: 1px solid var(--solid-line) !important;
}
.solid-theme footer .bh-bg-dark-blue-14233e {
  background-color: var(--solid-deep) !important;
}

@media (max-width: 700px) {
  .solid-theme .home-rank {
    border-left: 0;
    border-top: 1px solid #46617d;
  }
}