/* GlitchCraft Engine effect: star-field
   A scattering of small fixed dot-highlights across the whole viewport —
   pure CSS, no markup, no JS. Uses the site's own --ink/--accent-2 rather
   than hardcoded colors, so it adapts to any theme, not just the palette it
   was extracted from (glitchcraft.studio's .stars). Falls back to --accent
   when a site has no accent-2, same pattern tokens.css already uses
   elsewhere (e.g. .terminal-glow).

   Pseudo-element slot: html::before. Ambient full-viewport effects each
   need their own slot (only two pseudo-elements exist per real element, and
   these have no markup element of their own to attach to) — grid-glow
   already claims body::before, so this effect and noise-overlay (html::after)
   use the other root element instead, so a site can run more than one of
   these at once (glitchcraft.studio runs this one plus noise-overlay
   together) without one silently clobbering the other's rule. */
html::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background-image:
    radial-gradient(1.5px 1.5px at 12% 18%, var(--ink), transparent),
    radial-gradient(1px 1px at 28% 62%, var(--ink), transparent),
    radial-gradient(1.5px 1.5px at 46% 12%, var(--accent-2, var(--accent)), transparent),
    radial-gradient(1px 1px at 63% 38%, var(--ink), transparent),
    radial-gradient(1.5px 1.5px at 78% 74%, var(--ink), transparent),
    radial-gradient(1px 1px at 89% 22%, var(--accent-2, var(--accent)), transparent),
    radial-gradient(1px 1px at 8% 82%, var(--ink), transparent),
    radial-gradient(1.5px 1.5px at 95% 58%, var(--ink), transparent);
  background-repeat: no-repeat;
  opacity: 0.35;
}