/* Dark mode overrides for Lightcase lightbox */

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) html:not([data-lc-type=error]) #lightcase-content {
        background-color: #292929;
    }

    :root:not([data-theme="light"]) #lightcase-content h1,
    :root:not([data-theme="light"]) #lightcase-content h2,
    :root:not([data-theme="light"]) #lightcase-content h3,
    :root:not([data-theme="light"]) #lightcase-content h4,
    :root:not([data-theme="light"]) #lightcase-content h5,
    :root:not([data-theme="light"]) #lightcase-content h6,
    :root:not([data-theme="light"]) #lightcase-content p {
        color: #f5f5f5;
    }

    :root:not([data-theme="light"]) #lightcase-info #lightcase-title,
    :root:not([data-theme="light"]) #lightcase-info #lightcase-caption,
    :root:not([data-theme="light"]) #lightcase-info #lightcase-sequenceInfo {
        color: #a8a8a8;
    }
}

:root[data-theme="dark"] html:not([data-lc-type=error]) #lightcase-content {
    background-color: #292929;
}

:root[data-theme="dark"] #lightcase-content h1,
:root[data-theme="dark"] #lightcase-content h2,
:root[data-theme="dark"] #lightcase-content h3,
:root[data-theme="dark"] #lightcase-content h4,
:root[data-theme="dark"] #lightcase-content h5,
:root[data-theme="dark"] #lightcase-content h6,
:root[data-theme="dark"] #lightcase-content p {
    color: #f5f5f5;
}

:root[data-theme="dark"] #lightcase-info #lightcase-title,
:root[data-theme="dark"] #lightcase-info #lightcase-caption,
:root[data-theme="dark"] #lightcase-info #lightcase-sequenceInfo {
    color: #a8a8a8;
}