/* theme variants: day / afternoon / dawn / night */
body.theme-day{background:linear-gradient(180deg,#9fe0ff,#dff6ff 55%, #fffef5)}
body.theme-day .sun{background:radial-gradient(circle at 35% 30%, #fff,#fff5d6 40%, #fff1b0 70%)}
body.theme-day .cloud{background:linear-gradient(180deg, rgba(255,255,255,0.98), rgba(255,255,255,0.92))}
body.theme-day .salt-shimmer{opacity:0.85}

body.theme-afternoon{background:linear-gradient(180deg,var(--sky-top),var(--sky-mid) 45%,var(--sky-bottom))}

body.theme-dawn{background:linear-gradient(180deg,#ffd8b0,#ffb3a7 45%, #9ec7ff 90%)}
body.theme-dawn .sun{background:radial-gradient(circle at 35% 30%, #fff8e6,#ffd36b 40%, #ff8c6b 75%);box-shadow:0 0 100px rgba(255,160,110,0.14)}
body.theme-dawn .salt-shimmer{animation-duration:7s;opacity:0.9}

body.theme-night{background:linear-gradient(180deg,#081226,#0b2a3f 55%, #143049)}
body.theme-night .sun{opacity:0;transform:scale(.98)}
body.theme-night .cloud{background:linear-gradient(180deg, rgba(200,210,225,0.04), rgba(200,210,225,0.02));box-shadow:none;opacity:0.6}
body.theme-night .stars{opacity:1}
body.theme-night .moon{opacity:1;transform:translateY(0)}
body.theme-night .salt-shimmer{mix-blend-mode:screen;opacity:0.6}
body.theme-night .back-mountains .range{opacity:0.2 !important;filter:blur(1px)}

/* transiciones generales */
body.theme-day .salar,body.theme-afternoon .salar,body.theme-night .salar,body.theme-dawn .salar,body.theme-day .back-mountains,body.theme-afternoon .back-mountains,body.theme-night .back-mountains,body.theme-dawn .back-mountains,.sun,.cloud,.salt-shimmer,.reflection{transition:all .8s ease}