html {
  font-size: 22px; /* Taille minimale 22px */
}

body {
  margin-bottom: 60px;
  background-color: #121212; /* Fond très sombre */
  color: #FFFFFF; /* Texte blanc pur */
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.btn-huge {
  font-size: 3rem !important; /* Très gros boutons */
  padding: 3rem 2rem !important;
  border-radius: 20px;
  border: 4px solid #ffffff; /* Bordure contrastante */
}

.btn-large {
  font-size: 2rem !important;
  padding: 1.5rem 2rem !important;
  border-radius: 15px;
  border: 3px solid #ffffff;
}

.very-large-text {
  font-size: 2.5rem !important;
}

/* Amélioration du contraste des badges */
.badge {
  font-size: 1.5rem !important;
  border: 2px solid #000;
}

.bg-primary { background-color: #0d6efd !important; color: #fff !important; }
.bg-danger { background-color: #dc3545 !important; color: #fff !important; }
.bg-success { background-color: #198754 !important; color: #fff !important; }
.bg-warning { background-color: #ffc107 !important; color: #000 !important; }
.bg-info { background-color: #0dcaf0 !important; color: #000 !important; }

/* Contraste des tableaux */
.table-dark {
  --bs-table-bg: #1e1e1e;
  --bs-table-striped-bg: #2c2c2c;
  --bs-table-border-color: #ffffff;
}

.table-hover > tbody > tr:hover > * {
  --bs-table-bg-state: #3a3a3a;
  color: #fff;
}
/* Logos et Photos */
.team-logo {
  max-height: 120px;
  width: auto;
  filter: drop-shadow(0 0 10px rgba(255,255,255,0.2));
}

.team-logo-small {
  max-height: 60px;
  width: auto;
  margin-right: 15px;
}

.player-photo-circle {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 4px solid #ffffff;
  object-fit: cover;
  background-color: #333;
}

.player-photo-large {
  width: 300px;
  height: 300px;
  border-radius: 20px;
  border: 8px solid #ffffff;
  object-fit: cover;
  box-shadow: 0 10px 30px rgba(0,0,0,0.5);
  background-color: #333;
}

.logo-container {
  background: white;
  padding: 10px;
  border-radius: 15px;
  display: inline-block;
  margin-bottom: 10px;
}