.theme-light,
.theme-accessibility-dark {
    .c-header-with-bg {
        background: linear-gradient(
                180deg,
                rgba(251, 251, 255, 0) 79.36%,
                #f4f4fd 100%
            ),
            linear-gradient(
                180deg,
                #fafaff 0%,
                rgba(250, 250, 255, 0.677852) 24.48%,
                rgba(250, 250, 255, 0) 77.6%,
                #fafaff 100%
            ),
            var(--hex-bg-image), #fafaff;

        background-size: 100%;
        background-position: -190px;
    }
}

.theme-dark {
    .c-header-with-bg {
        background: #191525;
    }
}

@media (prefers-color-scheme: dark) {
    .theme-system {
        .c-header-with-bg {
            background: #191525 !important;
        }
    }
}

@media (prefers-color-scheme: light) {
    .theme-system {
        .c-header-with-bg {
            background: linear-gradient(
                    180deg,
                    rgba(251, 251, 255, 0) 79.36%,
                    #f4f4fd 100%
                ),
                linear-gradient(
                    180deg,
                    #fafaff 0%,
                    rgba(250, 250, 255, 0.677852) 24.48%,
                    rgba(250, 250, 255, 0) 77.6%,
                    #fafaff 100%
                ),
                var(--hex-bg-image), #fafaff;

            background-size: 100%;
            background-position: -190px;
        }
    }
}
