@import url("./kaos.css");

:root {
  --modal-bg: rgba(20, 0, 40, 0.95);
  --text-main: #ff33cc;
  --glow-main: #ff66ee;
  --button-bg: #ff00cc;
  --button-hover-bg: #ff77ee;
  --price-color: #ff55dd;
  --price-glow: #ff66ee;
  --list-hover-bg: rgba(255,50,200,0.2);
  --emoji-glow: #ff66ee;
  --bg-image: url('../backgrounds/synthwave.jpg');
}

.sale-modal {
  animation: grid-glow 2s infinite alternate;
}

@keyframes grid-glow {
  0% { background-position: 0 0; }
  50% { background-position: 10px 10px; }
  100% { background-position: 0 0; }
}