// ==========================================================================
// Monitor.Cat — Glow Effects
// ==========================================================================

@use 'tokens' as *;

.monitorcat-wrap {
  .mc-glow-primary {
    box-shadow:
      0 0 20px rgba($mc-primary, 0.25),
      0 0 40px rgba($mc-primary, 0.12);
  }

  .mc-glow-cyan {
    box-shadow:
      0 0 20px rgba($mc-cyan, 0.25),
      0 0 40px rgba($mc-cyan, 0.12);
  }

  .mc-glow-mint {
    box-shadow:
      0 0 20px rgba($mc-mint, 0.25),
      0 0 40px rgba($mc-mint, 0.12);
  }

  .mc-glow-lavender {
    box-shadow:
      0 0 20px rgba($mc-lavender, 0.25),
      0 0 40px rgba($mc-lavender, 0.12);
  }

  .mc-glow-coral {
    box-shadow:
      0 0 20px rgba($mc-coral, 0.25),
      0 0 40px rgba($mc-coral, 0.12);
  }

  .mc-glow-pink {
    box-shadow:
      0 0 20px rgba($mc-pink, 0.25),
      0 0 40px rgba($mc-pink, 0.12);
  }
}