/*
 * The Super Admin panel does not support a dark theme.
 *
 * Django's default admin CSS switches its color variables to a dark
 * palette automatically based on the `prefers-color-scheme: dark` media
 * feature, and some browsers additionally force their own dark theme on
 * pages that don't explicitly declare which color schemes they support.
 * This stylesheet disables both: it declares the page as light-only and
 * resets every variable Django's base.css redefines under
 * `prefers-color-scheme: dark` back to its default (light) value.
 *
 * Loaded after admin/css/base.css via the `extrastyle` block, so it wins
 * the cascade regardless of the visitor's browser/OS theme preference.
 */
:root {
    color-scheme: light only;
}

@media (prefers-color-scheme: dark) {
    :root {
        --primary: #79aec8;
        --primary-fg: #fff;

        --body-fg: #333;
        --body-bg: #fff;
        --body-quiet-color: #666;
        --body-loud-color: #000;

        --breadcrumbs-link-fg: var(--body-bg);
        --breadcrumbs-bg: var(--primary);

        --link-fg: #447e9b;
        --link-hover-color: #036;
        --link-selected-fg: #5b80b2;

        --hairline-color: #e8e8e8;
        --border-color: #ccc;

        --error-fg: #ba2121;
        --message-success-bg: #dfd;
        --message-warning-bg: #ffc;
        --message-error-bg: #ffefef;

        --darkened-bg: #f8f8f8;
        --selected-bg: #e4e4e4;
        --selected-row: #ffc;

        --close-button-bg: #888;
        --close-button-hover-bg: #747474;
    }
}