/*
 * Dark mode readability fixes
 * Overrides Keen theme dark mode values for better text contrast and toned-down accent colors.
 */

[data-bs-theme="dark"] {
    /* Brighten text-gray classes so subtitles, table headers, and body text are readable */
    --bs-text-gray-400: #92929F;
    --bs-text-gray-500: #92929F;
    --bs-text-gray-600: #CDCDDE;

    /* Brighten gray-500 so chart axis labels (read via JS getCssVariableValue) are visible */
    --bs-gray-500: #92929F;
}

/* Tone down btn-primary so it doesn't glare on dark backgrounds */
[data-bs-theme="dark"] .btn.btn-primary {
    --bs-btn-bg: #1B6DB5;
    --bs-btn-border-color: #1B6DB5;
    --bs-btn-hover-bg: #2884EF;
    --bs-btn-hover-border-color: #2884EF;
}

/* Tone down active pagination items */
[data-bs-theme="dark"] .page-item.active > .page-link {
    background-color: #1B6DB5;
    border-color: #1B6DB5;
}

/* Tone down btn-light-primary export buttons */
[data-bs-theme="dark"] .btn.btn-light-primary {
    --bs-btn-bg: #212E48;
    --bs-btn-color: #6DBAFF;
    --bs-btn-border-color: #212E48;
}