/* Impact Sports Academy palette override — replaces KickZone's green/gold with ISA navy/blue */
:root {
  --bg: #001624;
  --bg-2: #002132;
  --card: #002132;
  --card-2: #003951;
  --fg: #f8fafc;
  --muted: #8fb4c4;
  --border: #004d6a;
  --primary: #1bc0f0;
  --primary-2: #32a1c7;
  --primary-fg: #001624;
  --accent: #6cd5fc;
  --accent-2: #a6efff;
  --accent-fg: #001624;
  --grad-primary: linear-gradient(135deg, #1bc0f0, #007fa4);
  --grad-accent: linear-gradient(135deg, #6cd5fc, #32a1c7);
  --grad-hero: linear-gradient(135deg, rgba(0, 22, 36, .9), rgba(0, 22, 36, .55) 40%, rgba(0, 22, 36, .96));
  --shadow-glow: 0 20px 60px -15px rgba(27, 192, 240, .45);
  --shadow-gold: 0 20px 60px -15px rgba(108, 213, 252, .4);
  --shadow-card: 0 10px 30px -10px rgba(0, 0, 0, .5);
}

#preloader {
  background: linear-gradient(135deg, #001624, #002132);
}

.ball {
  filter: drop-shadow(0 0 20px rgba(27, 192, 240, .7));
}

.play-btn {
  box-shadow: 0 0 30px rgba(27, 192, 240, .5);
}

.brand-badge {
  background: none;
  box-shadow: none;
}

.brand-badge img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: inherit;
}