/* Social links — plain text links; each container (hero, newsletter, contact, footer) sets the color. */

.social-link {
  font-weight: 700;
  text-decoration: none;
  transition: color var(--t-fast) var(--ease);
}

.social-link:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.social-sep {
  margin: 0 4px;
  opacity: 0.7;
}