:root {
  --accent: #235d48;
  --accent-strong: #154333;
  --accent-soft: #e2f1e9;
}

.event-card .score {
  font-size: 0.82rem;
}

.event-card .explanation {
  border-left: 0.2rem solid var(--accent-soft);
  padding-left: 0.75rem;
}

.events-filter {
  background: var(--surface);
  border-color: var(--border);
  color: var(--muted);
}

.events-filter[aria-pressed="true"] {
  background: var(--accent);
  border-color: var(--accent);
  color: white;
}

@media (prefers-color-scheme: dark) {
  :root {
    --accent: #83d8b1;
    --accent-strong: #b9ead2;
    --accent-soft: #183b2d;
  }
}