:root {
  --bg-grid-opacity: 0.32;
}

body {
  background-color: var(--bg);
  color: var(--text);
}

/* Grid overlay */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background-image: url("../assets/bg_grid.svg");
  background-repeat: repeat;
  background-size: 512px 512px;
  opacity: var(--bg-grid-opacity);
  z-index: -2;
}

/* Subtle depth vignette */
body::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(
    ellipse at center,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.35) 70%,
    rgba(0, 0, 0, 0.7) 100%
  );
  z-index: -1;
}