/* طابع شتوي خفيف: ليل صحراوي، نجوم، وهج شبّة، ومطر ناعم. يُفعَّل بالصنف html.winter من season.js */
html.winter body {
  background-color: #070b16;
  background-image:
    radial-gradient(1px 1px at 12% 18%, rgba(255,255,255,.85) 50%, transparent 51%),
    radial-gradient(1px 1px at 28% 8%, rgba(255,255,255,.6) 50%, transparent 51%),
    radial-gradient(1.5px 1.5px at 46% 22%, rgba(255,255,255,.9) 50%, transparent 51%),
    radial-gradient(1px 1px at 63% 12%, rgba(255,255,255,.7) 50%, transparent 51%),
    radial-gradient(1px 1px at 78% 26%, rgba(255,255,255,.6) 50%, transparent 51%),
    radial-gradient(1.5px 1.5px at 90% 9%, rgba(255,255,255,.85) 50%, transparent 51%),
    radial-gradient(1px 1px at 36% 34%, rgba(255,255,255,.5) 50%, transparent 51%),
    radial-gradient(1px 1px at 84% 40%, rgba(255,255,255,.45) 50%, transparent 51%),
    radial-gradient(120% 60% at 50% 105%, rgba(255,140,60,.16), transparent 60%),
    linear-gradient(180deg, #060914 0%, #0b1426 55%, #141a2a 100%);
  background-attachment: fixed;
}
html.winter body::after {
  content: ""; position: fixed; inset: auto 0 0 0; height: 90px; pointer-events: none; z-index: 0;
  background:
    radial-gradient(60% 120% at 20% 100%, #1b1712 60%, transparent 61%),
    radial-gradient(70% 140% at 75% 100%, #17130f 60%, transparent 61%);
  opacity: .55;
}
html.winter body::before {
  content: ""; position: fixed; inset: 0; pointer-events: none; z-index: 0; opacity: .22;
  background-image:
    linear-gradient(100deg, transparent 0 48%, rgba(190,215,255,.55) 49%, transparent 50%),
    linear-gradient(100deg, transparent 0 48%, rgba(190,215,255,.4) 49%, transparent 50%);
  background-size: 7px 120px, 11px 170px;
  animation: luma-rain 1.6s linear infinite;
}
@keyframes luma-rain { to { background-position: -40px 120px, -60px 170px; } }
@media (prefers-reduced-motion: reduce) { html.winter body::before { animation: none; opacity: .08; } }
html.winter .winter-only { display: initial; }
.winter-only { display: none; }
.season-toggle { background: transparent; border: 1px solid rgba(255,255,255,.18); color: inherit; border-radius: 999px; min-width: 44px; min-height: 44px; font-size: 18px; cursor: pointer; }
html.winter .season-toggle { background: rgba(140,180,255,.12); }