#parallax-bg.template-winter {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;

  /* Toolbar palette harmony */
  --accent-1: #fea64d;
  --accent-2: #ffb977;
  --accent-3: #ffddb5;

  /* Layers: snowflakes → glow → hills → sky */
  background-image:
    /* ❄ iconic large flakes (bright and defined) */
    radial-gradient(circle at 15% 25%, rgba(255,255,255,0.95) 2.2px, rgba(255,255,255,0.4) 3.5px, transparent 3.6px),
    radial-gradient(circle at 65% 60%, rgba(255,255,255,0.9) 1.8px, rgba(255,255,255,0.4) 3px, transparent 3.1px),
    radial-gradient(circle at 35% 55%, rgba(255,255,255,0.88) 2px, rgba(255,255,255,0.4) 3.2px, transparent 3.3px),

    /* smaller snow specks */
    radial-gradient(circle at 10% 80%, rgba(255,255,255,0.85) 1.2px, transparent 1.5px),
    radial-gradient(circle at 80% 30%, rgba(255,255,255,0.8) 1px, transparent 1.4px),

    /* ✨ faint horizon glow and ambient light */
    radial-gradient(160% 60% at 50% 100%, 
      rgba(254,166,77,0.25) 0%, 
      rgba(255,185,119,0.20) 35%, 
      rgba(255,221,181,0.15) 60%, 
      transparent 90%
    ),

    /* ⛰ snowy hills */
    radial-gradient(ellipse at 15% 115%, #edf1f4 25%, transparent 75%),
    radial-gradient(ellipse at 85% 120%, #e6ebef 28%, transparent 75%),

    /* 🌇 lighter, cheerful sky gradient */
    linear-gradient(to bottom,
      #7a6a52 0%,       /* soft taupe-gold top */
      #b38557 30%,      /* golden brown mid */
      #e6a865 55%,      /* bright gold highlight */
      #ffc58a 80%,      /* warm orange-peach */
      #ffddb5 100%      /* soft cream horizon */
    );

  background-size:
    320px 320px,
    380px 380px,
    420px 420px,
    260px 260px,
    300px 300px,
    100% 60%,
    100% 100%,
    100% 100%,
    cover;

  background-repeat:
    repeat, repeat, repeat, repeat, repeat,
    no-repeat, no-repeat, no-repeat, no-repeat;

  background-position:
    0 0,
    150px 130px,
    -200px 180px,
    100px 200px,
    -150px 220px,
    center bottom,
    left bottom,
    right bottom,
    center;

  /* Gentle motion for flakes */
  animation: winterSoftDrift 120s linear infinite;
  background-color: rgba(255,255,255,0.05);
  opacity: 0.98;
}

@keyframes winterSoftDrift {
  0% {
    background-position:
      0 0,
      150px 130px,
      -200px 180px,
      100px 200px,
      -150px 220px,
      center bottom,
      left bottom,
      right bottom,
      center;
  }
  100% {
    background-position:
      900px 420px,
      -700px 520px,
      500px 300px,
      300px 200px,
      -200px 220px,
      center bottom,
      left bottom,
      right bottom,
      center;
  }
}

@media (prefers-reduced-motion: reduce) {
  #parallax-bg.template-winter { animation: none; }
}