.theme-colosian,
.theme-alphena {
    background: var(--bg);
    color: var(--text);
}


/* ==========================================================================
   Application background
   Neutral graphite market terminal
   ========================================================================== */

.app-bg {
    position: fixed;
    inset: 0;

    pointer-events: none;

    z-index: -1;

    overflow: hidden;

    background:
        #111315;
}


.app-bg__gradient {
    position: absolute;
    inset: 0;

    background:
        radial-gradient(900px 520px at 18% 18%,
            rgba(255, 255, 255, 0.018),
            transparent 55%),
        radial-gradient(800px 520px at 80% 28%,
            rgba(255, 255, 255, 0.012),
            transparent 55%),
        radial-gradient(900px 560px at 50% 100%,
            rgba(255, 255, 255, 0.01),
            transparent 60%),
        linear-gradient(to bottom,
            #111315,
            #16181a);
}


.app-bg__glow {
    position: absolute;
    inset: 0;

    opacity: 0.55;

    background:
        radial-gradient(circle at 16% 18%,
            rgba(255, 255, 255, 0.018),
            transparent 26%),
        radial-gradient(circle at 82% 16%,
            rgba(255, 255, 255, 0.012),
            transparent 25%),
        radial-gradient(circle at 62% 42%,
            rgba(255, 255, 255, 0.008),
            transparent 22%);

    mix-blend-mode: normal;
}