/* ── Rave theme — red accent override ──── */
:root {
  --accent:      #ff4d4d;
  --accent-h:    #e63939;
  --accent-dim:  rgba(255,77,77,0.10);
  --accent-b:    rgba(255,77,77,0.28);
}

/* Body background radials — red tones */
body {
  background-image:
    radial-gradient(ellipse 90% 60% at 5%  85%, rgba(72,10,10,0.42) 0%, transparent 55%),
    radial-gradient(ellipse 70% 50% at 95% 10%, rgba(58,8,8,0.30) 0%, transparent 50%),
    radial-gradient(ellipse 50% 40% at 50% 50%, rgba(50,5,5,0.18) 0%, transparent 60%);
}

/* Primary button glow — red */
.btn-primary {
  box-shadow: 0 4px 16px rgba(255,77,77,0.18);
}
.btn-primary:hover {
  box-shadow: 0 6px 22px rgba(255,77,77,0.28);
}

/* Form focus — red glow */
.form-control:focus {
  box-shadow: 0 0 0 3px rgba(255,77,77,0.08);
}

/* Avatar gradient — red */
.avatar {
  background: linear-gradient(135deg, rgba(255,77,77,0.25), rgba(255,77,77,0.10));
}

/* Active tab — red */
.tab-btn.active {
  background: linear-gradient(135deg, rgba(255,77,77,0.18), rgba(255,77,77,0.10));
}

/* Club chip hover / selected — red */
.club-chip:hover {
  background: rgba(255,77,77,0.06);
  border-color: rgba(255,77,77,0.20);
}
.club-chip.selected {
  background: rgba(255,77,77,0.10);
}

/* Badge pending — red accent */
.badge-pending {
  background: rgba(255,77,77,0.08);
  color: rgba(255,77,77,0.7);
  border: 1px solid rgba(255,77,77,0.2);
}