*{ box-sizing: border-box; }
html,body{ height:100%; }

body{
  margin:0;
  position: relative;
  font-family: var(--font);
  background: var(--bg);   /* <-- SOLO esto */
  color: var(--text);
}

a{ color: inherit; text-decoration: none; }
button{ font: inherit; }

.skip-link{
  position:absolute; left:-9999px; top:10px;
  background:#fff; color:#000; padding:10px 12px;
  border-radius: 12px;
}
.skip-link:focus{ left: 10px; z-index: 9999; }

.container{
  width: min(var(--maxw), calc(100% - (var(--pad)*2)));
  margin: 0 auto;
}

.hr{
  height:1px; background: var(--line); border:0; margin: 26px 0;
}

body::before{
  content:"";
  position: absolute;
  left: 0; right: 0;
  top: -240px;
  height: 900px;
  pointer-events: none;
  background:
    radial-gradient(1200px 700px at 20% 10%, rgba(93,73,255,.20), transparent 55%),
    radial-gradient(900px 600px at 70% 20%, rgba(122,107,255,.14), transparent 60%),
    radial-gradient(700px 500px at 20% 30%, rgba(93,73,255,.10), transparent 55%),
    radial-gradient(900px 600px at 80% 10%, rgba(122,107,255,.08), transparent 60%);
  opacity: .9;
  z-index: -1;
}