summary {
  cursor: pointer;
  font-weight: bold;
  font-size: var(--text-lg);
  color: var(--accent-1);
  background-color: var(--bg-2);
  transition: var(--transition);
  border-radius: var(--radius);
  padding: var(--space-sm) var(--space-md);
}

summary:focus,
summary:hover {
  transition: var(--transition);
  color: var(--accent-2);
  background-color: var(--bg-2);
}