root.css

/* fundamental content styles, e.g. plaintext pages. */

@media (prefers-color-scheme: dark) {
    ::selection {
        background-color: var(--global-selection-bgcolor) !important;
        color: var(--global-selection-color) !important;
    }

    ::-moz-selection {
        background-color: var(--global-selection-bgcolor) !important;
        color: var(--global-selection-color) !important;
    }
}

:-moz-focusring:focus:not(:focus-visible) {
    outline: unset !important;
    outline-offset: unset !important;
}

@-moz-document plain-text-document(), media-document(all) {
    @font-face {
        font-family: "Overpass Mono";
        font-style: normal;
        font-weight: 100;
        src: local("Overpass Mono"), local("Overpass Mono Light"), local("OverpassMono-Light");
    }

    :root {
        font-family: Overpass Mono, -moz-fixed;
        font-size: 12;
    }

    xmp,
    pre,
    plaintext {
        font-family: Overpass Mono, -moz-fixed;
        font-size: 12;
    }

    img.transparent {
        background: var(--transparent-img-background) !important;
    }

    @media (prefers-color-scheme: dark) {
        :root {
            color: var(--plaintext-color) !important;
            background-color: var(--in-content-bg-dark) !important;
        }

        body:not([style*="background"], [class], [id]) {
            background-color: transparent !important;
        }

        ::selection {
            color: var(--content-selection-color) !important;
            background-color: var(--content-selection-bgcolor) !important;
        }

        ::-moz-selection {
            color: var(--content-selection-color) !important;
            background-color: var(--content-selection-bgcolor) !important;
        }
    }
}

:root,
menupopup {
    --in-content-category-outline-focus: transparent !important;
}