.team-page {
  --team-primary: #071b49;
  --team-secondary: #123db5;
  --team-text: #fff;
  --team-accent-text: #fff;
}

.team-page .team-back {
  border: 2px solid var(--team-primary);
  border-radius: 999px;
  background: #fff;
  color: var(--team-primary);
  padding: 8px 14px;
  font-weight: 850;
  cursor: pointer;
}

.team-page .team-back:hover,
.team-page .team-back:focus-visible {
  background: var(--team-primary);
  color: var(--team-text);
}

.team-page .team-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(125deg, var(--team-primary) 0 68%, var(--team-secondary) 100%);
  color: var(--team-text);
  border: 1px solid var(--team-primary);
  border-bottom: 7px solid var(--team-secondary);
  box-shadow: 0 10px 28px #071b4924;
}

.team-page .team-hero:after {
  content: "";
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(115deg, transparent 0 32px, rgba(255,255,255,.07) 32px 34px);
  pointer-events: none;
}

.team-page .team-hero > * {
  position: relative;
  z-index: 1;
}

.team-page .team-hero .school-logo {
  border: 3px solid var(--team-secondary);
  box-shadow: 0 7px 18px #0004;
}

.team-page .section-head {
  border-bottom-color: var(--team-secondary);
}

.team-page .section-head h2,
.team-page .team-card h3 {
  color: var(--team-primary);
}

.team-page .game {
  border-left-color: var(--team-primary);
}

.team-page .team-card {
  border-top-color: var(--team-primary);
}

.team-page .team-card .pill {
  background: var(--team-secondary);
  color: var(--team-accent-text);
  border: 1px solid var(--team-primary);
}

.team-page .champion-card {
  border-left: 5px solid var(--team-primary);
}

.team-page .time-link,
.team-page .site a,
.team-page .game-actions a {
  color: var(--team-primary);
}

.team-page .game-actions a {
  background: color-mix(in srgb, var(--team-primary) 9%, white);
}