/* Color blind accessibility styles */

/* Color vision deficiency filters */
.color-blind-mode {
    filter: url('#deuteranopia-compensation');
}

/* Toggle button styles */
#colorBlindToggle {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    transition: all 0.2s ease;
    border: 1px solid #6c757d;
    border-radius: 4px;
    font-size: 0.875rem;
    background-color: #fff;
    color: #6c757d;
    cursor: pointer;
}

#colorBlindToggle:hover {
    background-color: #6c757d;
    color: #fff;
}

#colorBlindToggle.active {
    background-color: #0d6efd;
    border-color: #0d6efd;
    color: #fff;
}

#colorBlindToggle i {
    transition: transform 0.2s ease;
}

#colorBlindToggle.active i {
    transform: scale(1.2);
}

/* Chart specific styles */
.color-blind-mode .chart-container canvas {
    filter: contrast(1.1);
}

/* Performance chart colors */
.color-blind-mode .performance-chart {
    --chart-color-1: #000000;
    --chart-color-2: #E69F00;
    --chart-color-3: #56B4E9;
    --chart-color-4: #009E73;
    --chart-color-5: #F0E442;
    --chart-color-6: #0072B2;
}

/* SVG Patterns */
.svg-patterns {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
}