@media (prefers-color-scheme : dark)
{
    :root
    {
        --blockquote              : var(--light);
        --body                    : rgb(43, 45, 49);

        --brand                   : var(--connect-deep-blue);
        --dark                    : var(--connect-light);
        --light                   : rgb(104, 118, 125);
        --mid                     : var(--connect-silver);

        --ui                      : var(--connect-teal);
        --warning                 : var(--connect-orange);

        --ui-active               : var(--connect-mid-teal);
        --body-foreground         : var(--connect-silver);

        --body-foreground-bright  : rgb(240, 240, 240);

        --x-light                 : rgb(50, 52, 57);
        --connect-silver-semitone : rgba(27, 33, 35, 0.15);
        --connect-silver-tone     : rgba(27, 33, 35, 0.25);

        --panel                   : rgba(50, 52, 57, 1);
    }


    .tab-label
    {
        background-color : var(--connect-silver-tone);
    }

    .tab-content
    {
        background-color : var(--connect-silver-semitone);
    }

    .container-fluid:before
    {
        border-top     : 1px solid rgba(255, 255, 255, 0.1);
        content        : " ";
        display        : block;
        top            : 0;
        left           : 0;
        pointer-events : none;
        position       : absolute;
        width          : 100%;
        z-index        : 101;
    }

    #spinner, .wait:before
    {
        filter : invert() saturate(0);
        /*opacity : 0.6;*/
    }

    #log_last
    {
        opacity : 0.6;
    }

    code.sric-bg, code.hubspot-bg
    {
        color : #222222 !important;
    }


    *::-webkit-scrollbar-thumb
    {
        background-color : var(--light);
    }

    ::-webkit-calendar-picker-indicator
    {
        filter : invert(1);
    }

}