/* Terms of service — accents (shared layout: legal-document.css; match landing + privacy chip) */

.legal-page--terms .pill {
  background: color-mix(in srgb, var(--accent) 16%, transparent);
  color: var(--accent-hover);
  border: 1px solid color-mix(in srgb, var(--accent) 22%, var(--line));
}

@media (prefers-color-scheme: dark) {
  .legal-page--terms .pill {
    color: var(--accent);
    border-color: color-mix(in srgb, var(--accent) 35%, transparent);
  }
}