/* Global green emphasis: make every semantic green state about 15% brighter while leaving red unchanged. */
:root{
  --green:#97ff9e;
  --selected-green:#8be19b;
  --selected-green-strong:#72c483;
}

/* System green accents that were previously hard-coded. */
.dot{
  background:var(--green)!important;
  box-shadow:0 0 12px rgba(151,255,158,.72)!important;
}
.search input:focus{border-color:rgba(151,255,158,.58)!important}
.badge{
  background:rgba(151,255,158,.10)!important;
  border-color:rgba(151,255,158,.22)!important;
  color:var(--green)!important;
}
.form-pill.w{
  background:rgba(151,255,158,.14)!important;
  color:var(--green)!important;
}
.result-card.win{border-left-color:rgba(151,255,158,.74)!important}

/* Navigation/link state: bright NOMAD green, clean text only — no side glow. */
a[href],
.topnav a,
.footer-nav a,
.day-tab,
.scope-tab{
  transition:color .16s ease,border-color .16s ease,background-color .16s ease;
}

.topnav a.active,
.footer-nav a.active,
a[aria-current="page"],
.day-tab.active,
.scope-tab.active{
  color:#a8ffae!important;
  text-shadow:none!important;
}
.day-tab.active span,
.scope-tab.active span{
  color:#a8ffae!important;
  text-shadow:none!important;
}

@media (hover:hover) and (pointer:fine){
  a[href]:hover,
  .topnav a:hover,
  .footer-nav a:hover,
  .day-tab:hover,
  .scope-tab:hover{
    color:#b4ffb9!important;
    text-shadow:none!important;
  }
  .day-tab:hover span,
  .scope-tab:hover span{
    color:#b4ffb9!important;
    text-shadow:none!important;
  }
}

/* Selected-team green surfaces: brighten the green family only; opponent red remains unchanged. */
.prediction-card.selected-home .stat:nth-child(-n+5),
.prediction-card.selected-away .stat:nth-child(n+6){background:#17251d!important}
.legend-row.selected{background:#1a2720!important}

/* Graph green is explicitly locked at ~15% higher HSL lightness than opponent red (#c87474). */
.trend-line-selected{
  stroke:#8be19b!important;
  opacity:1!important;
  filter:drop-shadow(0 0 2.8px rgba(139,225,155,.88))!important;
}
.trend-legend-item.selected .trend-dot{
  background:#8be19b!important;
  box-shadow:0 0 4.8px rgba(139,225,155,.88)!important;
}