:root{
  --club-primary: #0d6efd; /* bleu Bootstrap par défaut (on changera plus tard si tu veux) */
}

/* Petit confort visuel */
/*body{
  background-color: #ffffff;
}*/
body { background: #f8f9fa; }

/* Optionnel : rendre la marque un peu plus lisible */
.navbar-brand{
  letter-spacing: .2px;
}

.hero-banner {
  /* Hauteur responsive : min 280px, idéal 38vw, max 460px */
  min-height: clamp(280px, 38vw, 460px);
}

.hero-panel {
  max-width: 820px;
  background: linear-gradient(90deg, rgba(0,0,0,.72), rgba(0,0,0,.12));
}

.hero-title {
  text-shadow: 0 2px 12px rgba(0,0,0,.6);
}