/* Color Palette */
:root {
  --primary: #ffa800;
  --secondary: #003d1f;
  --accent: #ffe000;
}

body, html {
  background: #1a1200 !important;
}

/* 1. Exclude WIN Logo (Kept untouched) */
img[src*="win"], 
.logo,
.brand,
[class*="logo"] {
  filter: none !important;
  animation: none !important;
}

/* 2. Exclude Lottery Section (Kept untouched) */
.lottery,
[class*="lottery"] {
  animation: none !important;
  box-shadow: none !important;
}

/* 3. RGB Smooth Lighting Animation Definition */
@keyframes rgbLighting {
  0% {
    border-color: #ff0055 !important;
    box-shadow: 0 0 12px #ff0055, inset 0 0 8px #ff0055 !important;
  }
  25% {
    border-color: #00e5ff !important;
    box-shadow: 0 0 12px #00e5ff, inset 0 0 8px #00e5ff !important;
  }
  50% {
    border-color: #00ff66 !important;
    box-shadow: 0 0 12px #00ff66, inset 0 0 8px #00ff66 !important;
  }
  75% {
    border-color: #ffcc00 !important;
    box-shadow: 0 0 12px #ffcc00, inset 0 0 8px #ffcc00 !important;
  }
  100% {
    border-color: #ff0055 !important;
    box-shadow: 0 0 12px #ff0055, inset 0 0 8px #ff0055 !important;
  }
}

/* 4. Apply Lighting Effect (Excluding WIN logo and Lottery) */
.header,
.navbar,
.footer,
.van-nav-bar,
.van-tabbar,
.card,
.game-card,
button,
.btn {
  background: linear-gradient(180deg, #ffa800, #003d1f) !important;
  color: #fff !important;
  border: 2px solid #ff0055 !important;
  /* Smooth color transition every 4 seconds */
  animation: rgbLighting 4s linear infinite !important;
  transition: all 0.3s ease;
}

/* Lighting border animation for input fields */
input,
select,
textarea {
  background: #1a1200 !important;
  color: white !important;
  border: 1px solid #ff0055 !important;
  animation: rgbLighting 4s linear infinite !important;
}

a {
  color: #4dffaa !important;
}

/* Panels / Sections */
div,
section {
  border-color: #006633;
}

/* Text clean up */
* {
  text-shadow: none !important;
}