:root {
    --card-border-radius: 28px;
    --avatar-border-radius: 50%;
    --social-icon-border-radius: 20px;
    --button-border-radius: 9999px;
}

.card {
    border-radius: var(--card-border-radius);
}

.avatar {
    border-radius: var(--avatar-border-radius);
}

.social-icon {
    border-radius: var(--social-icon-border-radius);
}

button,
input,
textarea,
select {
    border-radius: var(--button-border-radius);
}