@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=Pixelify+Sans:wght@600;700&display=swap");

/* Atmosphere only. Room/lock/bento rules stay in site.css. */

body {
  background-image:
    linear-gradient(rgba(71, 85, 105, 0.18) 1px, transparent 1px),
    linear-gradient(90deg, rgba(71, 85, 105, 0.18) 1px, transparent 1px);
  background-size: 48px 48px;
  background-position: center top;
}

body::before {
  content: "";
  pointer-events: none;
  position: fixed;
  inset: 0;
  z-index: 0;
  opacity: 0.04;
  background: repeating-linear-gradient(
    to bottom,
    #f8fafc 0,
    #f8fafc 1px,
    transparent 1px,
    transparent 3px
  );
}

body > * {
  position: relative;
  z-index: 1;
}