/* Social icons list */
.social-icons {
    list-style: none;
    padding: 0;
    margin: 0;
    color: var(--accent-primary); /* follows theme */
    display: flex;
    flex-direction: column;
    gap: 12px; /* spacing between items */
}

/* Each icon link */
.social-icons li a {
    display: flex;
    align-items: center;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 2px;
    font-size: 20px;
    transition: color 0.3s ease, transform 0.2s ease;
}

/* Icon spacing and sizing */
.social-icons svg {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    flex-shrink: 0; /* prevents shrinking on smaller screens */
    transition: transform 0.2s ease;
}

/* Hover effects */
.social-icons li a:hover {
    color: var(--link-hover); /* theme-aware hover color */
}

.social-icons li a:hover svg {
    transform: scale(1.1); /* subtle icon pop */
}

/* Optional: soften icon for muted state */
.social-icons li a:active svg {
    transform: scale(0.95);
}