/* Base avatar */
.avatar {
    width: 26px;
    height: 26px;
    border-radius: 9999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-weight: 700;
    font-size: 9px;
    letter-spacing: .06em;
    text-transform: uppercase;

    /* Optional nice defaults */
    user-select: none;
    line-height: .75;
}

/* Color buckets (map A-Z -> a few consistent palettes) */
.avatar--c1 { background: var(--bb-accent-color); color: #ffffff; } /* A-D */
.avatar--c2 { background: var(--bb-success-color); color: #ffffff; } /* E-H */
.avatar--c3 { background: var(--bb-warning-color); color: #ffffff; } /* I-L */
.avatar--c4 { background: var(--bb-danger-color); color: #ffffff; } /* M-P */
.avatar--c5 { background: var(--bb-alt-accent-color); color: #ffffff; } /* Q-T */
.avatar--c6 { background: #8b949e; color: #111827; } /* U-Z */