.badge-Kropki {
    background-color: mediumpurple; /* purple */
    color: white;
    border: 1px solid rebeccapurple;
}

.badge-XV {
    background-color: cyan; /* cyan */
    color: black;
    border: 1px solid teal;
}

.badge-Standard {
    background-color: lightgray; /* gray */
    color: black;
    border: 1px solid gray;
}

.badge-Diagonal {
    background: repeating-linear-gradient(
        135deg,
        teal,
        teal 8px,
        #006666 8px,
        #006666 16px
    );
    color: white;
    border: 1px solid darkslategray;
}

.badge-Sandwich {
    background-color: gold; /* yellow */
    color: black;
    border: 1px solid goldenrod;
}

.badge-Arrow {
    background-color: royalblue; /* blue */
    color: white;
    border: 1px solid navy;
}

.badge-Parity {
    background-color: blueviolet; /* violet */
    color: white;
    border: 1px solid indigo;
}

.badge-Palindrome {
    background: linear-gradient(to right, orange, white 25%, orange 50%, white 75%, orange);
    color: black;
    border: 1px solid darkorange;
}

.badge-Thermo {
    background: linear-gradient(to right, red, yellow); /* red to yellow */
    color: black;
    border: 1px solid maroon;
}

.badge-Renban {
    background-color: mediumseagreen; /* green */
    color: black;
    border: 1px solid seagreen;
}

.badge-Whisper {
    background-color: #6c757d; /* secondary gray */
    color: white;
    border: 1px solid #343a40;
}

.badge-Killer {
    background-color: brown; /* red */
    color: white;
    border: 1px solid maroon;
}

.badge-Chevron {
    background-color: lavenderblush; /* light */
    color: black;
    border: 1px solid deeppink;
}

.badge-Anti-Chess {
    background-color: #343a40; /* dark */
    color: white;
    border: 1px solid #23272b;
}

.badge-Magic-Square {
    background: repeating-linear-gradient(
            45deg,
            royalblue,
            royalblue 10px,
            mediumblue 10px,
            mediumblue 20px
    );
    color: white;
    border: 1px solid mediumblue;
}

.badge-Clone {
    background-color: mediumorchid; /* blue violet */
    color: black;
    border: 1px solid purple;
}

.badge-Extra-Regions {
    background-color: darkslateblue; /* amethyst purple */
    color: white;
    border: 1px solid indigo;
}

.badge-Irregular-Regions {
    background: repeating-linear-gradient(
            135deg,
            darkgreen,
            darkgreen 10px,
            darkolivegreen 10px,
            darkolivegreen 20px
    );
    color: white;
    border: 1px solid darkolivegreen;
}

.badge-Custom-Sum {
    background-color: darkorange; /* orange amber */
    color: black;
    border: 1px solid peru;
}

.badge-Diagonal-Sum {
    background-color: moccasin; /* carrot orange */
    color: black;
    border: 1px solid peru;
}

.badge-Dutch-Flat {
    background: linear-gradient(to bottom, #ae1c28 25%, #ffffff 25% 75%, #21468b 75%);
    color: black;
    border: 1px solid #ae1c28;
}

.badge-Wild-Apples {
    background-color: rosybrown; /* pomegranate red (changed from indianred) */
    color: black;
    border: 1px solid brown;
}

.badge-Numbered-Rooms {
    background-color: lightyellow; /* brown (changed from mistyrose) */
    color: black;
    border: 1px solid darkkhaki;
}

.badge-Quadruple {
    background-color: salmon; /* coral red (changed from indianred) */
    color: black;
    border: 1px solid firebrick;
}

.badge-Row {
    background: repeating-linear-gradient(
            mediumblue,
            mediumblue 5px,
            blue 5px,
            blue 10px
    );
    color: white;
    border: 1px solid black;
}

.badge-Column {
    background: repeating-linear-gradient(
            90deg,
            mediumblue,
            mediumblue 5px,
            blue 5px,
            blue 10px
    );
    color: white;
    border: 1px solid black;
}

.badge-OddEven {
    background: linear-gradient(
            30deg,
            black,
            red,
            gold
    );
    color: white;
    border: 1px solid black;
}