:root { 
    --drink: #F14668;
    --food: #28A745;
    --fun: #007BFF;
    --hack: #6C757D;
    --idea: #ffC107;
    --info: #3298DC;
    --keto: #17A2B8;
    --money: forestgreen;
    --random: #ff5828;
    --tech: indigo;
    --veggie: #48C774;
}

span.badge.badge-pill {
    margin-right: 5px;
    background-color: var(--dark);
    color: white;
    font-weight: 500;
}

/* default inverse */
span.badge.badge-pill.inverse {
    background-color: white;
    color:var(--dark);
}

span.badge.badge-pill.theme {
    color:var(--theme-color2);
}

span.badge.badge-pill.food {
    background-color: var(--food);
    color:white;
}

span.badge.badge-pill.keto, span.badge.badge-pill.low_carb {
    background-color: var(--keto);
    color:white;
}

span.badge.badge-pill.fun {
    background-color: var(--fun);
    color:white;
}

span.badge.badge-pill.hack {
    background-color: var(--hack);
    color:white;
}

span.badge.badge-pill.drink {
    background-color: var(--drink);
    color:white;
}

span.badge.badge-pill.idea {
    background-color: var(--idea);
    color: var(--dark);
}

span.badge.badge-pill.tech {
    background-color: var(--tech);;
    color: white;
}

span.badge.badge-pill.random {
    background-color: var(--random);
    color:white;
}

/* ICONS */
.theme { color: var(--theme-color); }
.myfavorite{ color: var(--my-favorite-color); }

.red { color: red; }
.orange { color: orange; }
.yellow { color:yellow; }
.green { color: green; }
.blue { color: blue; }
.purple { color: purple; }
.slateblue { color: slateblue; }
.black { color: black; }
.white { color: white; }

.drink{ color: var(--drink); }
.idea { color: var(--idea); }
.money{ color: var(--money); }
.veggie { color: var(--veggie); }
.info { color: var(--info); }
.malt { color: #947600; }
.silver {color: var(--silver); }
.gold { color: var(--gold); }
.slategray { color:var(--tools); }
.dark { color: #363636; }