.colors {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 5px
}
/* Základní barvy */
.bila {
    background-color: #cecece;
    fill: #cecece;
}

.cerna {
    background-color: #000000;
    fill: #000000;
}

/* Odstíny červené a růžové */
.cervena {
    background-color: #D62728;
    fill: #D62728;
}

.svetle-ruzova {
    background-color: #F7DFE3;
    fill: #F7DFE3;
}

.malinova-neon {
    background-color: #E4007E;
    fill: #E4007E;
}

.staroruzova-tmava {
    background-color: #956A73;
    fill: #956A73;
}

.staroruzova-svetla {
    background-color: #E2C0CA;
    fill: #E2C0CA;
}

/* Odstíny žluté a oranžové */
.okr {
    background-color: #DDAA26;
    fill: #DDAA26;
}

.zluta {
    background-color: #F4F45B;
    fill: #F4F45B;
}

.oranzova-neon {
    background-color: #FF5B00;
    fill: #FF5B00;
}

/* Odstíny zelené */
.zelinkava {
    background-color: #DAFF00;
    fill: #DAFF00;
}

.zluty-neon {
    background-color: #E7FF83;
    fill: #E7FF83;
}

.zeleny-neon {
    background-color: #10FF59;
    fill: #10FF59;
}

.lahvova {
    background-color: #1E6605;
    fill: #1E6605;
}

.zelena-svetla-pastel {
    background-color: #6E9477;
    fill: #6E9477;
}

.zelena-stredni {
    background-color: #6BDD75;
    fill: #6BDD75;
}

/* Odstíny modré a fialové */
.mint {
    background-color: #BCEDEF;
    fill: #BCEDEF;
}

.fialova-tmava {
    background-color: #4E0285;
    fill: #4E0285;
}

.fialova-svetla {
    background-color: #E6B4ED;
    fill: #E6B4ED;
}

.světly-petrol {
    background-color: #018F9C;
    fill: #018F9C;
}

.petrol {
    background-color: #06466C;
    fill: #06466C;
}

.svetle-modra {
    background-color: #5BA4C1;
    fill: #5BA4C1;
}

.modra-stredni {
    background-color: #1E84AD;
    fill: #1E84AD;
}

.tmave-modra {
    background-color: #114496;
    fill: #114496;
}

/* Odstíny hnědé a šedé */
.svetle-hneda {
    background-color: #A7A097;
    fill: #A7A097;
}

.hneda {
    background-color: #4F3D36;
    fill: #4F3D36;
}

.svetle-seda {
    background-color: #D8D8D8;
    fill: #D8D8D8;
}

.tmave-seda {
    background-color: #7F827F;
    fill: #7F827F;
}

.grafit {
    background-color: #3E3C44;
    fill: #3E3C44;
}