/* Sky Background — default gradient mapping (override with theme or filter) */
:root {
  --sky-clear-day: linear-gradient(180deg, #6ec9ff 0%, #bfe8ff 60%, #eaf6ff 100%);
  --sky-clear-night: linear-gradient(180deg, #0b1026 0%, #1a2750 60%, #263b66 100%);
  --sky-clouds: linear-gradient(180deg, #b2c2cf 0%, #d0d8df 60%, #e7ecef 100%);
  --sky-rain: linear-gradient(180deg, #5b6b7a 0%, #6f8090 50%, #8b9aaa 100%);
  --sky-drizzle: linear-gradient(180deg, #8aa0b3 0%, #a8b7c5 60%, #c4cfd8 100%);
  --sky-snow: linear-gradient(180deg, #a2c5e6 0%, #d7e9f8 60%, #f4f9ff 100%);
  --sky-fog: linear-gradient(180deg, #bfc7ce 0%, #d4d9de 60%, #eaedf0 100%);
  --sky-thunder: linear-gradient(180deg, #2a3442 0%, #3e4c5e 60%, #566477 100%);
}
body.wx-clear-day    { background-image: var(--sky-clear-day); }
body.wx-clear-night  { background-image: var(--sky-clear-night); }
body.wx-clouds       { background-image: var(--sky-clouds); }
body.wx-rain         { background-image: var(--sky-rain); }
body.wx-drizzle      { background-image: var(--sky-drizzle); }
body.wx-snow         { background-image: var(--sky-snow); }
body.wx-fog          { background-image: var(--sky-fog); }
body.wx-thunder      { background-image: var(--sky-thunder); }
body[class*="wx-"] {
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  transition: background-image 400ms ease, background-color 400ms ease;
}
@media (prefers-color-scheme: dark) {
  body.skybg-auto { filter: none; }
}