/* ==================================================
   SOUNDBRIDGE LIVING THEMES
   DATEI: season-themes.css
================================================== */

:root {
    --sb-theme-accent: #ff9900;
    --sb-theme-accent-soft: rgba(255, 153, 0, .28);
    --sb-theme-overlay: transparent;
}

body,
.navbar,
.content-box,
.dashboard-box,
.profile-box,
.admin-box,
.modi-box {
    transition:
        background-color .5s ease,
        border-color .5s ease,
        box-shadow .5s ease,
        color .5s ease;
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: var(--sb-theme-overlay);
    transition: background .6s ease;
}

body.theme-default {
    --sb-theme-accent: #ff9900;
    --sb-theme-accent-soft: rgba(255, 153, 0, .28);
    --sb-theme-overlay: transparent;
}

body.theme-summer {
    --sb-theme-accent: #ffc400;
    --sb-theme-accent-soft: rgba(255, 196, 0, .30);
    --sb-theme-overlay:
        linear-gradient(
            to bottom,
            rgba(255, 198, 72, .10),
            rgba(0, 176, 255, .05) 48%,
            rgba(255, 214, 130, .10)
        );
}

body.theme-summer .navbar,
body.theme-summer .content-box,
body.theme-summer .dashboard-box,
body.theme-summer .profile-box,
body.theme-summer .admin-box,
body.theme-summer .modi-box {
    border-color: #ffc400;
    box-shadow:
        0 0 28px rgba(255, 196, 0, .18),
        0 0 42px rgba(0, 173, 239, .10);
}

body.theme-summer h1,
body.theme-summer h2,
body.theme-summer strong {
    color: #ffc400;
}

body.theme-halloween {
    --sb-theme-accent: #ff7a00;
    --sb-theme-accent-soft: rgba(255, 122, 0, .30);
    --sb-theme-overlay:
        linear-gradient(
            to bottom,
            rgba(48, 0, 66, .22),
            rgba(0, 0, 0, .12),
            rgba(78, 13, 0, .16)
        );
}

body.theme-halloween .navbar,
body.theme-halloween .content-box,
body.theme-halloween .dashboard-box,
body.theme-halloween .profile-box,
body.theme-halloween .admin-box,
body.theme-halloween .modi-box {
    border-color: #ff7a00;
    box-shadow:
        0 0 28px rgba(255, 122, 0, .18),
        0 0 40px rgba(130, 0, 180, .14);
}

body.theme-halloween h1,
body.theme-halloween h2,
body.theme-halloween strong {
    color: #ff8a1c;
}

body.theme-christmas {
    --sb-theme-accent: #e4c15f;
    --sb-theme-accent-soft: rgba(228, 193, 95, .26);
    --sb-theme-overlay:
        linear-gradient(
            to bottom,
            rgba(10, 65, 87, .10),
            rgba(255, 255, 255, .03) 58%,
            rgba(0, 36, 68, .12)
        );
}

body.theme-christmas .navbar,
body.theme-christmas .content-box,
body.theme-christmas .dashboard-box,
body.theme-christmas .profile-box,
body.theme-christmas .admin-box,
body.theme-christmas .modi-box {
    border-color: #e4c15f;
    box-shadow:
        0 0 26px rgba(228, 193, 95, .18),
        0 0 38px rgba(255, 255, 255, .10);
}

body.theme-christmas h1,
body.theme-christmas h2,
body.theme-christmas strong {
    color: #f1d982;
}

body.theme-newyear {
    --sb-theme-accent: #f4d36f;
    --sb-theme-accent-soft: rgba(244, 211, 111, .26);
    --sb-theme-overlay:
        linear-gradient(
            to bottom,
            rgba(0, 10, 45, .12),
            rgba(0, 0, 0, .06)
        );
}

body.theme-newyear .navbar,
body.theme-newyear .content-box,
body.theme-newyear .dashboard-box,
body.theme-newyear .profile-box,
body.theme-newyear .admin-box,
body.theme-newyear .modi-box {
    border-color: #f4d36f;
    box-shadow:
        0 0 28px rgba(244, 211, 111, .20),
        0 0 40px rgba(60, 120, 255, .10);
}

body.theme-newyear h1,
body.theme-newyear h2,
body.theme-newyear strong {
    color: #f4d36f;
}

@media (prefers-reduced-motion: reduce) {
    body,
    body::before,
    .navbar,
    .content-box,
    .dashboard-box,
    .profile-box,
    .admin-box,
    .modi-box {
        transition: none !important;
    }
}