/* Harmonic Blue */
.colorscheme-blue .wx-accessibility-badge path#background {
    fill: #ecf0fd;
}
.colorscheme-blue .wx-accessibility-badge path#outline {
    fill: #90a7f3;
}
.colorscheme-blue .wx-accessibility-badge path#person {
    fill: #050e2e;
}
.colorscheme-blue .wx-accessibility-badge path:where(#icons-1, #icons-2, #icons-3) {
    fill: #3961ea;
}


/* Magic Pink */
.colorscheme-pink .wx-accessibility-badge path#background {
    fill: #FDEDF0;
}
.colorscheme-pink .wx-accessibility-badge path#outline {
    fill: #EF95A9;
}
.colorscheme-pink .wx-accessibility-badge path#person {
    fill: #2C070F;
}
.colorscheme-pink .wx-accessibility-badge path:where(#icons-1, #icons-2, #icons-3) {
    fill: #E44E70;
}


/* Futuristic Green */
.colorscheme-green .wx-accessibility-badge path#background {
    fill: #F2F4F0;
}
.colorscheme-green .wx-accessibility-badge path#outline {
    fill: #B8C2AD;
}
.colorscheme-green .wx-accessibility-badge path#person {
    fill: #142205;
}
.colorscheme-green .wx-accessibility-badge path:where(#icons-1, #icons-2, #icons-3) {
    fill: #7C8E6A;
}


/* Bold Orange */
.colorscheme-orange .wx-accessibility-badge path#background {
    fill: #FDEFE2;
}
.colorscheme-orange .wx-accessibility-badge path#outline {
    fill: #F8B172;
}
.colorscheme-orange .wx-accessibility-badge path#person {
    fill: #301803;
}
.colorscheme-orange .wx-accessibility-badge path:where(#icons-1, #icons-2, #icons-3) {
    fill: #D57E2F;
}


/* Pride */
.colorscheme-pride .wx-accessibility-badge path#background {
    fill: url(#pride-gradient) white;
    opacity: 0.25;
}

/* Halloween */
.colorscheme-halloween .wx-accessibility-badge {
    filter: invert(1) sepia(1) grayscale(1);
}

/* Christmas */
.colorscheme-christmas .wx-accessibility-badge path#background {
    fill: #fff;
}
.colorscheme-christmas .wx-accessibility-badge path#outline {
    fill: var(--wp--preset--color--primary);
}
.colorscheme-christmas .wx-accessibility-badge path#person {
    fill: var(--wp--preset--color--secondary);
}
