Usage

Social links render inline icons (and optional text). Start with:

--social-links-icon-size and --social-links-gap for spacing

--social-links-color and --social-links-color-hover for interaction

--social-links-font-size when showing text labels

Tokens

:root {
  --social-links-icon-size: 1.5rem;
  --social-links-gap: var(--space-4);
}

:root {
  --social-links-color: var(--text-color-muted);
  --social-links-color-hover: var(--text-color-secondary);
}

Icon-only rows: If you hide text, keep --social-links-font-size aligned with other utility links.

Hover emphasis: Use a higher-contrast --social-links-color-hover for clear interactivity.