:root {
  --bg-speckle-pattern: radial-gradient(#2a2a2a 1px, transparent 1px);
  --bg-speckle-size: 6px 6px;
}

.bg-speckle {
  background-image: var(--bg-speckle-pattern);
  background-size: var(--bg-speckle-size);
}

.bg-diagonal-lines {
  background-image: repeating-linear-gradient(135deg, #0d0d0d, #0d0d0d 8px, #1a1a1a 8px, #1a1a1a 16px);
}

.bg-crosshatch {
  background-image:
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.035) 1px, transparent 1px, transparent 24px),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.035) 1px, transparent 1px, transparent 24px);
}