@layer base {
  #tsparticles {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    z-index: 0;
    pointer-events: none;
    opacity: 0.3; /* Adjust this: 0.0 (invisible) to 1.0 (fully visible) */
  }

  /* Ensure content is above particles */
  body > div {
    position: relative;
    z-index: 1;
  }

  /* Invert particle colors for light mode so they show as dark */
  html:not(.dark) #tsparticles {
    filter: invert(1);
    opacity: 0.15;
  }
}