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

:root {
  --modal-bg: rgba(20, 0, 40, 0.9);
  --text-main: #ffccff;
  --glow-main: #cc99ff;
  --button-bg: #dd88ff;
  --button-hover-bg: #ffbbff;
  --price-color: #eeaaff;
  --price-glow: #cc99ff;
  --list-hover-bg: rgba(200,150,255,0.2);
  --emoji-glow: #cc99ff;
  --bg-image: url('../backgrounds/holographic.jpg');
}

.sale-modal {
  backdrop-filter: blur(14px) saturate(150%);
}