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

:root {
  --modal-bg: rgba(50, 10, 0, 0.9);
  --text-main: #ff6600;
  --glow-main: #ff8800;
  --button-bg: #ff4400;
  --button-hover-bg: #ff7700;
  --price-color: #ff7700;
  --price-glow: #ffaa44;
  --list-hover-bg: rgba(255,100,50,0.2);
  --emoji-glow: #ff8800;
  --bg-image: url('../backgrounds/fire.jpg');
}

.sale-modal {
  animation: heat-wave 2s infinite alternate;
}

@keyframes heat-wave {
  0% { transform: scale(1); }
  50% { transform: scale(1.02) translateY(-1px); }
  100% { transform: scale(1); }
}