/**
 *  loaded before the app bundle: carries just enough theming to keep the
 *  first paint from flashing white. the real tokens live in
 *  src/assets/styles/theme.less - keep the two app background values in sync
 */
:root {
    color-scheme     : light;
    background-color : #faf7f4;
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        color-scheme     : dark;
        background-color : #191311;
    }
}

:root[data-theme="dark"] {
    color-scheme     : dark;
    background-color : #191311;
}

:root[data-theme="light"] {
    color-scheme     : light;
    background-color : #faf7f4;
}

div.content {
    width       : 100%;
    height      : 100%;
    overflow-x  : hidden;
    overflow-y  : auto;
}