/* Abstract textures */
.bg-carbon-fiber {
  background-image: repeating-linear-gradient(45deg, #111, #111 10px, #1a1a1a 10px, #1a1a1a 20px);
}

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

.bg-noise-dots {
  background-image: radial-gradient(#1f1f1f 1px, transparent 1px);
  background-size: 12px 12px;
}

.bg-crosshatch {
  background-image:
    repeating-linear-gradient(0deg, #141414, #141414 1px, transparent 1px, transparent 20px),
    repeating-linear-gradient(90deg, #141414, #141414 1px, transparent 1px, transparent 20px);
}

.bg-checkerboard {
  background-image:
    linear-gradient(45deg, #1a1a1a 25%, transparent 25%, transparent 75%, #1a1a1a 75%, #1a1a1a),
    linear-gradient(45deg, #1a1a1a 25%, transparent 25%, transparent 75%, #1a1a1a 75%, #1a1a1a);
  background-size: 20px 20px;
  background-position:
    0 0,
    10px 10px;
}

.bg-vertical-stripes {
  background-image: repeating-linear-gradient(90deg, #0d0d0d, #0d0d0d 12px, #1a1a1a 12px, #1a1a1a 24px);
}

.bg-horizontal-stripes {
  background-image: repeating-linear-gradient(0deg, #0d0d0d, #0d0d0d 12px, #1a1a1a 12px, #1a1a1a 24px);
}

.bg-grid {
  background-image:
    linear-gradient(to right, #222 1px, transparent 1px), linear-gradient(to bottom, #222 1px, transparent 1px);
  background-size: 20px 20px;
}

.bg-dots-dense {
  background-image: radial-gradient(circle, #333 1px, transparent 1px);
  background-size: 8px 8px;
}

.bg-starscape {
  background-image: radial-gradient(ellipse at center, #1a1a1a, #0b0f14);
}

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

.bg-weave {
  background-image:
    repeating-linear-gradient(0deg, #1a1a1a, #1a1a1a 10px, #111 10px, #111 20px),
    repeating-linear-gradient(90deg, #1a1a1a, #1a1a1a 10px, #111 10px, #111 20px);
}

.bg-diagonal-mesh {
  background-image:
    repeating-linear-gradient(45deg, #222, #222 2px, transparent 2px, transparent 20px),
    repeating-linear-gradient(-45deg, #222, #222 2px, transparent 2px, transparent 20px);
}

.bg-circuit {
  background-image:
    repeating-linear-gradient(90deg, #111, #111 2px, transparent 2px, transparent 40px),
    repeating-linear-gradient(0deg, #111, #111 2px, transparent 2px, transparent 40px);
}

.bg-hex-mesh {
  background-image: radial-gradient(circle, #2a2a2a 1px, transparent 1px);
  background-size: 18px 30px;
}

.bg-rough-stone {
  background: linear-gradient(to bottom right, #111, #1a1a1a);
}

.bg-gradient-night {
  background: linear-gradient(to bottom right, #0b0f14, #111, #1a1a1a);
}

.bg-spotlight {
  background-image: radial-gradient(circle at center, #1f1f1f, #0b0f14);
}

.bg-subtle-waves {
  background-image: repeating-linear-gradient(180deg, #0e0e0e, #0e0e0e 2px, #1a1a1a 2px, #1a1a1a 40px);
}

.bg-zen-garden {
  background-image: repeating-radial-gradient(circle, #1a1a1a, #1a1a1a 10px, #111 10px, #111 20px);
}