:root {
    --label-yellow-bgcolor: #FFD54F;
    --label-lightgreen-bgcolor: #A5D6A7;
    --label-lightblue-bgcolor: #81D4FA;
    --label-lightorange-bgcolor: #FFAB40;
    --label-lightred-bgcolor: #EF9A9A;
    --label-lightpurple-bgcolor: #CE93D8;
    --label-lightgrey-bgcolor: #E0E0E0;
    --label-pink-bgcolor: #F48FB1;
    --label-mint-bgcolor: #80CBC4;              
    --label-amber-bgcolor: #FFE082;
    --label-darkblue-bgcolor: #1976D2;
    --label-darkgreen-bgcolor: #388E3C;
    --label-darkred-bgcolor: #D32F2F;
    --label-darkpurple-bgcolor: #7B1FA2;
    --label-darkorange-bgcolor: #E64A19;
    --label-darkgrey-bgcolor: #424242;
    --label-teal-bgcolor: #00796B;
    --label-indigo-bgcolor: #303F9F;
    --label-brown-bgcolor: #5D4037;
    --label-crimson-bgcolor: #C2185B;
    /* nové světlé */
    --label-peach-bgcolor: #FFCBA4;
    --label-lavender-bgcolor: #E6E6FA;
    --label-sky-bgcolor: #87CEEB;
    --label-beige-bgcolor: #F5F5DC;
    --label-lime-bgcolor: #DCE775;
    /* nové tmavé */
    --label-navy-bgcolor: #0D47A1;
    --label-olive-bgcolor: #556B2F;
    --label-maroon-bgcolor: #7F1D1D;
    --label-slate-bgcolor: #374151;
    --label-charcoal-bgcolor: #263238;
}

.userlabel {
    padding: 0px 8px;
    border-radius: 5px;
    display: inline-block;
    color: black;
    font-size: .85em;
}

/* ------ s černým textem ------- */
.labelcolor.yellow { background: var(--label-yellow-bgcolor) !important; color:black !important; }
.labelcolor.lightgreen { background: var(--label-lightgreen-bgcolor) !important; color:black !important; }
.labelcolor.lightblue { background: var(--label-lightblue-bgcolor) !important; color:black !important; }
.labelcolor.lightorange { background: var(--label-lightorange-bgcolor) !important; color:black !important; }
.labelcolor.lightred { background: var(--label-lightred-bgcolor) !important; color:black !important; }
.labelcolor.lightpurple { background: var(--label-lightpurple-bgcolor) !important; color:black !important; }
.labelcolor.lightgrey { background: var(--label-lightgrey-bgcolor) !important; color:black !important; }
.labelcolor.pink { background: var(--label-pink-bgcolor) !important; color:black !important; }
.labelcolor.mint { background: var(--label-mint-bgcolor) !important; color:black !important; }
.labelcolor.amber { background: var(--label-amber-bgcolor) !important; color:black !important; }
.labelcolor.peach { background: var(--label-peach-bgcolor) !important; color:black !important; }
.labelcolor.lavender { background: var(--label-lavender-bgcolor) !important; color:black !important; }
.labelcolor.sky { background: var(--label-sky-bgcolor) !important; color:black !important; }
.labelcolor.beige { background: var(--label-beige-bgcolor) !important; color:black !important; }
.labelcolor.lime { background: var(--label-lime-bgcolor) !important; color:black !important; }

/* s bílým textem -------------------- */
.labelcolor.darkblue { background: var(--label-darkblue-bgcolor) !important; color: white !important; }
.labelcolor.darkgreen { background: var(--label-darkgreen-bgcolor) !important; color: white !important; }
.labelcolor.darkred { background: var(--label-darkred-bgcolor) !important; color: white !important; }
.labelcolor.darkpurple { background: var(--label-darkpurple-bgcolor) !important; color: white !important; }
.labelcolor.darkorange { background: var(--label-darkorange-bgcolor) !important; color: white !important; }
.labelcolor.darkgrey { background: var(--label-darkgrey-bgcolor) !important; color: white !important; }
.labelcolor.teal { background: var(--label-teal-bgcolor) !important; color: white !important; }
.labelcolor.indigo { background: var(--label-indigo-bgcolor) !important; color: white !important; }
.labelcolor.brown { background: var(--label-brown-bgcolor) !important; color: white !important; }
.labelcolor.crimson { background: var(--label-crimson-bgcolor) !important; color: white !important; }
.labelcolor.navy { background: var(--label-navy-bgcolor) !important; color: white !important; }
.labelcolor.olive { background: var(--label-olive-bgcolor) !important; color: white !important; }
.labelcolor.maroon { background: var(--label-maroon-bgcolor) !important; color: white !important; }
.labelcolor.slate { background: var(--label-slate-bgcolor) !important; color: white !important; }
.labelcolor.charcoal { background: var(--label-charcoal-bgcolor) !important; color: white !important; }

/* ponechány duplicitní staré definice beze změny kvůli zpětné kompatibilitě */

.labelcolor.darkblue {
    background: var(--label-darkblue-bgcolor) !important;
    color: white !important;
}

.labelcolor.darkgreen {
    background: var(--label-darkgreen-bgcolor) !important;
    color: white !important;
}

.labelcolor.darkred {
    background: var(--label-darkred-bgcolor) !important;
    color: white !important;
}

.labelcolor.darkpurple {
    background: var(--label-darkpurple-bgcolor) !important;
    color: white !important;
}

.labelcolor.darkorange {
    background: var(--label-darkorange-bgcolor) !important;
    color: white !important;
}

.labelcolor.darkgrey {
    background: var(--label-darkgrey-bgcolor) !important;
    color: white !important;
}

.labelcolor.teal {
    background: var(--label-teal-bgcolor) !important;
    color: white !important;
}

.labelcolor.indigo {
    background: var(--label-indigo-bgcolor) !important;
    color: white !important;
}

.labelcolor.brown {
    background: var(--label-brown-bgcolor) !important;
    color: white !important;
}

.labelcolor.crimson {
    background: var(--label-crimson-bgcolor) !important;
    color: white !important;
}