/* Shared circular-avatar shell, reused by walker/profile/owner-modal/dog-modal
   avatars across many pages. Each page-specific file keeps only its size
   override (width/height/font-size) plus any layout-specific extras. */
.walker-avatar,
.walker-modal-avatar,
.profile-avatar,
.owner-modal-avatar,
.dog-modal-avatar {
    border-radius: var(--radius-full);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-white);
    background-color: var(--color-primary);
    font-weight: var(--font-weight-bold);
}