* { box-sizing: border-box; }
body{
  margin:0; font-family: var(--sans); color:var(--text);
  font-size: 20px; /* increased for readability */
  line-height: 1.5;
  background:
    linear-gradient(rgba(0,212,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,212,255,.025) 1px, transparent 1px),
    radial-gradient(1200px 700px at 20% 0%, rgba(255,138,0,.08), transparent 50%),
    radial-gradient(900px 600px at 80% 0%, rgba(168,85,247,.08), transparent 55%),
    var(--bg);
  background-size: 48px 48px, 48px 48px, auto, auto, auto;
  background-position: var(--px, 0px) var(--py, 0px),
                       var(--px, 0px) var(--py, 0px),
                       20% 0%, 80% 0%, 0 0;
  transition: background-color 0.3s ease, color 0.3s ease;
}
[data-theme="light"] body{
  background: var(--bg);
}
.wrap{ max-width: 1600px; margin: 0 auto; padding: 18px; }

/* Visible focus indicators for keyboard navigation */
*:focus-visible {
  outline: 2px solid rgba(99, 179, 237, 0.8);
  outline-offset: 2px;
}
:focus:not(:focus-visible) {
  outline: none;
}