/* ═══════════════════════════════════════════════════
   PROJECT PREVIEW BACKGROUNDS
   Used when image assets are not yet available
   ═══════════════════════════════════════════════════ */

/* SafeAlert — blue/green IoT emergency feel */
.preview-safealert {
  background:
    linear-gradient(135deg,
      rgba(22, 27, 34, 0) 0%,
      rgba(88, 166, 255, 0.06) 50%,
      rgba(63, 185, 80, 0.06) 100%),
    repeating-linear-gradient(
      0deg,
      rgba(88, 166, 255, 0.04) 0px,
      rgba(88, 166, 255, 0.04) 1px,
      transparent 1px,
      transparent 32px
    ),
    repeating-linear-gradient(
      90deg,
      rgba(88, 166, 255, 0.04) 0px,
      rgba(88, 166, 255, 0.04) 1px,
      transparent 1px,
      transparent 32px
    ),
    #161B22;
}

/* FOX LEARN — warm orange/edu feel */
.preview-foxlearn {
  background:
    linear-gradient(135deg,
      rgba(22, 27, 34, 0) 0%,
      rgba(255, 140, 50, 0.08) 50%,
      rgba(255, 100, 60, 0.06) 100%),
    #161B22;
}

/* BudgetPal — green/finance */
.preview-budgetpal {
  background:
    linear-gradient(135deg,
      rgba(63, 185, 80, 0.05) 0%,
      rgba(88, 166, 255, 0.06) 100%),
    #161B22;
}

/* Student Record — cool blue/desk */
.preview-studentrecord {
  background:
    linear-gradient(135deg,
      rgba(88, 166, 255, 0.05) 0%,
      rgba(163, 113, 247, 0.05) 100%),
    #161B22;
}