/* Shared page background — index, addons, work (not form) */

html {
  min-height: 100%;
  background-color: var(--page-bg);
  background-image:
    repeating-linear-gradient(
      0deg,
      rgba(255, 255, 255, 0.022) 0,
      rgba(255, 255, 255, 0.022) 1px,
      transparent 1px,
      transparent 4px
    ),
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.016) 0,
      rgba(255, 255, 255, 0.016) 1px,
      transparent 1px,
      transparent 4px
    ),
    repeating-linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.008) 0,
      rgba(255, 255, 255, 0.008) 1px,
      transparent 1px,
      transparent 9px
    );
  background-size: 100% 100%, 100% 100%, 14px 14px;
  background-attachment: fixed;
  -webkit-text-size-adjust: 100%;
}

html.light {
  background-color: var(--page-bg);
  background-image: linear-gradient(180deg, #F4F6FA 0%, #FFFFFF 100%);
  background-size: auto;
}

body {
  min-height: 100%;
  background-color: transparent;
}

/* fixed backgrounds glitch on iOS / mobile Safari — scroll instead */
@media (hover: none) and (pointer: coarse), (max-width: 768px) {
  html {
    background-attachment: scroll;
  }
}