/* ==============================================
   AVATARS
   ============================================== */
.avatar-circle {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 2rem;
    font-weight: 700;
}

.avatar-purple {
    background: var(--accent-experten-bg);
    color: var(--accent-experten-solid);
}

.avatar-green {
    background: var(--accent-tipps-bg);
    color: var(--accent-tipps-text);
}

.avatar-blue {
    background: var(--accent-wegweiser-bg);
    color: var(--accent-wegweiser-solid);
}

.avatar-orange {
    background: var(--badge-orange-bg);
    color: var(--avatar-orange-text);
}