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

.app-bg {
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: -1;
    overflow: hidden;
}

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

    background:
        linear-gradient(180deg,
            #0d1016 0%,
            #0a0c11 48%,
            #07090d 100%);
}

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

    opacity: 0.45;

    background:
        radial-gradient(circle at 15% 18%,
            rgba(183, 166, 137, 0.08),
            transparent 24%),
        radial-gradient(circle at 83% 14%,
            rgba(96, 132, 118, 0.09),
            transparent 24%),
        radial-gradient(circle at 62% 36%,
            rgba(87, 103, 141, 0.07),
            transparent 20%),
        radial-gradient(circle at 74% 72%,
            rgba(122, 109, 92, 0.05),
            transparent 18%);

    mix-blend-mode: screen;
}