:root {
    --easy-pastel: #B8E6C5;
    --hard-pastel: #FFD9D9;

    --light-text-color: #ccc;
    --completed-puzzle-color: #bdecb6;
    --footer-color: #212529;
}

/* Dark Mode Styles */

.wordsearch-container.darkmode {
    background-color: #2b2b2b;
}

.toggle-label.darkmode {
    color: var(--light-text-color);
}

.refresh-info-container.darkmode {
    color: rgba(255, 255, 255, 0.65);
}

#info-container.darkmode button,
#refresh-container.darkmode button,
#list-container.darkmode button,
#settings-container.darkmode button {
    background: #2b2b2b;
    color: var(--light-text-color);
    border: 1px solid var(--light-text-color);
}

.wordsearch-title.darkmode {
    color: #fff;
}

.wordsearch-theme-container.darkmode > #theme-label,
.wordsearch-theme-container.darkmode > #theme-title {
    color: var(--light-text-color);
}

#changeWordsearchLabel.darkmode {
    color: var(--light-text-color);
}

#wordsearchNumber.darkmode {
    color: var(--light-text-color);
    background-color: #444;
    border: 1px solid lightgray;
}

#prevButton.darkmode, #nextButton.darkmode {
    color: var(--light-text-color);
    background: #444;
    border: 1px solid lightgray;
}

.stopwatch-container.darkmode > #stopwatch {
    color: var(--light-text-color);
}

.stopwatch-container.darkmode > #pauseButton {
    background: #2b2b2b;
    color: var(--light-text-color);
}

#searchGrid.darkmode {
    color: var(--light-text-color);
}

#searchGrid.darkmode .highlight {
    background-color: lightgray;
    color: black;
    border: 2px solid black;
}

#wordBank.darkmode {
    color: var(--light-text-color);
}

#wordBank.darkmode > .crossed-out::before {
    border-top: 2px solid var(--light-text-color);
}

.modal.darkmode {
    background-color: rgba(0, 0, 0, 0.5);
}

#pauseModal.darkmode {
    background-color: #333;
    color: var(--light-text-color);
}

#pauseModal.darkmode > .modal-content.darkmode {
    border: 1px solid lightgray;
}

.modal-content.darkmode {
    background-color: #333;
}

.rules-title.darkmode {
    color: var(--light-text-color);
}

.rules-subtitle.darkmode {
    color: var(--light-text-color);
}

.rules-list.darkmode {
    color: var(--light-text-color);
}

.rules-list.darkmode li {
    color: var(--light-text-color);
}

.objective.darkmode {
    color: var(--light-text-color);
}

.enjoy.darkmode {
    color: var(--light-text-color);
}

.win-title.darkmode {
    color: var(--light-text-color);
}

#shareButton.darkmode {
    background-color: var(--easy-pastel);
}

.close.darkmode {
    color: var(--light-text-color);
}

.close.darkmode:hover {
    color: var(--light-text-color);
}

#listModalTitle.darkmode {
    color: var(--light-text-color);
}

.settings-label.darkmode {
    color: var(--light-text-color);
}

#errors.darkmode {
    background-color: var(--hard-pastel);
    color: var(--footer-color);
}

.selected-puzzle-button.darkmode {
    border: 3px solid #6de360;
}

.wordsearch-container.darkmode .icon,
.modal-content.darkmode .icon {
    color: #e0e0e0 !important;
}