:root {
  --accent: #675192;
  --accent-strong: #45316f;
  --accent-soft: #ede7f8;
}

#persona-filters button {
  background: var(--surface);
  border-color: var(--border);
  color: var(--muted);
}

#persona-filters button[aria-pressed="true"] {
  background: var(--accent);
  border-color: var(--accent);
  color: white;
}

.why-relevant {
  background: var(--surface-muted);
  border-left: 0.2rem solid var(--accent);
  border-radius: 0.25rem;
  padding: 0.65rem 0.75rem;
}

@media (prefers-color-scheme: dark) {
  :root {
    --accent: #c1a8ee;
    --accent-strong: #ddcef7;
    --accent-soft: #342750;
  }
}