:root {
    /* Rank badge background */
    --rank-badge-bg: #373e47;

    /* User ranks */
    --rank-1-color: #6B7280; /* Nowicjusz */
    --rank-2-color: #9CA3AF; /* Użytkownik */
    --rank-3-color: #22D3EE; /* Aktywny */
    --rank-4-color: #C084FC; /* Weteran */
    --rank-5-color: #FFD700; /* VIP */

    /* Staff groups */
    --group-1-color: #ff7b72; /* Admin */
    --group-6-color: #58a6ff; /* Moderator */
    --group-7-color: #3fb950; /* Releaser */
    --group-8-color: #be7b3b; /* Uploader */
    --group-9-color: #ff0019; /* Zbanowany */
}

/* Rank badge classes */
.rank-badge.rank-1 {
    background: var(--rank-badge-bg, #373e47);
    color: var(--rank-1-color, #6B7280);
    border: none;
}

.rank-badge.rank-2 {
    background: var(--rank-badge-bg, #373e47);
    color: var(--rank-2-color, #9CA3AF);
    border: none;
}

.rank-badge.rank-3 {
    background: var(--rank-badge-bg, #373e47);
    color: var(--rank-3-color, #22D3EE);
    border: none;
}

.rank-badge.rank-4 {
    background: var(--rank-badge-bg, #373e47);
    color: var(--rank-4-color, #C084FC);
    border: none;
}

.rank-badge.rank-5 {
    background: var(--rank-badge-bg, #373e47);
    color: var(--rank-5-color, #FFD700);
    border: none;
}

/* Username color classes by rank */
.user-rank-1 { color: var(--rank-1-color, #6B7280); }
.user-rank-2 { color: var(--rank-2-color, #9CA3AF); }
.user-rank-3 { color: var(--rank-3-color, #22D3EE); }
.user-rank-4 { color: var(--rank-4-color, #C084FC); }
.user-rank-5 { color: var(--rank-5-color, #FFD700); }

/* Staff group color classes */
.user-group-1 { color: var(--group-1-color, #ff7b72); }
.user-group-6 { color: var(--group-6-color, #58a6ff); }
.user-group-7 { color: var(--group-7-color, #3fb950); }
.user-group-8 { color: var(--group-8-color, #be7b3b); }
.user-group-9 { color: var(--group-9-color, #ff0019); }