/* Color blind mode styles */
.color-blind-mode {
    filter: saturate(50%) hue-rotate(180deg);
}

#colorBlindToggle.active {
    background-color: #6c757d;
    color: white;
}

/* Make sure important UI elements remain clearly visible */
.color-blind-mode .btn-primary {
    background-color: #0066CC !important;
    border-color: #0052A3 !important;
}

.color-blind-mode .btn-danger {
    background-color: #CC0000 !important;
    border-color: #A30000 !important;
}

.color-blind-mode .btn-success {
    background-color: #006633 !important;
    border-color: #004D26 !important;
}