body {
    color: #d6d6d6;
    background-color: #1b1b1b;
}
.popup {
    background-color: #2e2e2e;
}
.popup h2 {
    color: #58a6ff;
}
.popup input,
.popup select,
.ts-control,
.ts-dropdown {
    border: 1px solid #444 !important;
    background-color: #3c3c3c !important;
    color: #d6d6d6 !important;
}
.popup button {
    background-color: #58a6ff;
    color: #ffffff;
}
.popup button:hover {
    background-color: #1d84f7;
}
#closePopup,
#closePopup2 {
    background-color: #666;
    color: #d6d6d6;
}
#closePopup:hover {
    background-color: #888;
}

.slider {
    background-color: #58a6ff;
}
.slider:before {
    background-color: #ffffff;
}
input:checked + .slider {
    background-color: #bb1a1b;
}
.toggle-label {
    color: #ffffff;
}

.fixed-button {
    color: #ffffff;
}
.add-game-button {
    background-color: #58a6ff;
}
.add-game-button:hover {
    background-color: #1d84f7;
}
.add-player-button {
    background-color: #06b6d4;
}
.add-player-button:hover {
    background-color: #0bbfe4;
}
.openDelete {
    background-color: #e63946;
}
.openDelete:hover {
    background-color: #cc2936;
}

.gradient-bg {
    background: linear-gradient(180deg, #2a3c54, #1b1b1b);
    color: #d6d6d6;
}
.text-3xl {
    color: #eaeaea;
}

.game-container {
    background-color: #242424;
    border-top: 4px solid #58a6ff;
}
.text-2xl {
    color: #eaeaea;
}
.game-container h3 {
    color: #b4b4b4;
}
.player {
    background-color: #1f1f1f;
}
.player-name {
    color: #eaeaea;
}
.player-score {
    color: #58a6ff;
}

.rule-button {
    background-color: #333;
    color: #fff;
}
.rule-button:hover {
    background-color: #444;
}
.rules {
    background-color: #2e2e2e;
}
.accordion {
    background-color: #ccc;
    color: #444;
}
.active, .accordion:hover {
    background-color: #aaa;
}