/* Shared page canvas for SSR and standalone applications. Login keeps its theme. */
:root {
    --qje-page-background: #f3f6fb;
}

@media screen {
    html body:not(.qp-login-bg):not(.qp-sign-in) {
        background: var(--qje-page-background);

        /* Existing application canvas tokens inherit the same page colour. */
        --bg: var(--qje-page-background);
        --page-bg: var(--qje-page-background);
        --launcher-canvas: var(--qje-page-background);
        --cc-canvas: var(--qje-page-background);
        --rc-canvas: var(--qje-page-background);
        --as-canvas: var(--qje-page-background);
        --cx-canvas: var(--qje-page-background);
        --aa-canvas: var(--qje-page-background);
        --ar-canvas: var(--qje-page-background);
        --cal-canvas: var(--qje-page-background);
        --rr-canvas: var(--qje-page-background);
        --au-canvas: var(--qje-page-background);
        --appt-canvas: var(--qje-page-background);
        --nc-canvas: var(--qje-page-background);
        --nb-bg: var(--qje-page-background);
        --wa-bg: var(--qje-page-background);
    }

    /* These full-page React shells previously added a gradient over the canvas. */
    html body:not(.qp-login-bg):not(.qp-sign-in) > #root > .app {
        background: var(--qje-page-background);
    }
}