:root{
  --winter-bg1:#061225;
  --winter-bg2:#0a2a4a;
  --winter-text: rgba(240,248,255,.92);
}

/* Full-page winter night gradient + aurora */
html,body{height:100%;}
body{
  background:
    radial-gradient(900px 520px at 20% -10%, rgba(120,210,255,.32), transparent 60%),
    radial-gradient(900px 520px at 85% 0%, rgba(180,230,255,.20), transparent 58%),
    radial-gradient(1200px 720px at 50% 110%, rgba(0,160,255,.12), transparent 55%),
    linear-gradient(180deg, var(--winter-bg1), var(--winter-bg2));
  color: var(--winter-text);
}

/* soft snow haze overlay */
body:before{
  content:"";
  position:fixed; inset:0;
  pointer-events:none;
  background:
    radial-gradient(700px 260px at 50% 10%, rgba(255,255,255,.10), transparent 70%),
    radial-gradient(900px 320px at 50% 18%, rgba(255,255,255,.06), transparent 72%);
  opacity:.95;
  mix-blend-mode: screen;
}

/* optional: tighten overall typography a bit */
body{
  font-synthesis-weight: none;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}