/* ==== Personnalisation légère de Bootstrap : uniquement l'identité visuelle ==== */

/* 1. Palette : on redéfinit les variables CSS de Bootstrap pour le thème sombre */
[data-bs-theme="dark"] {
  --bs-body-bg: #0d1220;
  --bs-body-bg-rgb: 13, 18, 32;
  --bs-tertiary-bg: #151c33;
  --bs-tertiary-bg-rgb: 21, 28, 51;
  --bs-border-color: #2b3556;
  --bs-primary: #d9944a;
  --bs-primary-rgb: 217, 148, 74;
  --bs-link-color-rgb: 240, 194, 122;
  --bs-link-hover-color-rgb: 255, 215, 160;
}

/* 2. Boutons principaux aux couleurs du violoncelle */
.btn-primary {
  --bs-btn-color: #1a1006;
  --bs-btn-bg: #d9944a;
  --bs-btn-border-color: #d9944a;
  --bs-btn-hover-color: #1a1006;
  --bs-btn-hover-bg: #e8a75f;
  --bs-btn-hover-border-color: #e8a75f;
  --bs-btn-active-color: #1a1006;
  --bs-btn-active-bg: #c98336;
  --bs-btn-active-border-color: #c98336;
}
.badge.text-bg-primary { color: #1a1006 !important; }
.carousel-caption { color: #fff; background: linear-gradient(to top, rgba(10,14,30,.85), rgba(10,14,30,0)); left: 0; right: 0; bottom: 0; padding: 3rem 4rem 2.2rem; }
.carousel-caption .font-display { color: #fff; }
.carousel-control-prev-icon, .carousel-control-next-icon { filter: none; }
.carousel-indicators [data-bs-target] { background-color: #fff; }

/* 3. Titres en police à empattements */
.font-display,
h1, h2, h3 { font-family: Georgia, "Times New Roman", serif; }

/* 4. Images du carrousel : même hauteur partout, recadrées sans déformation */
.hero-img { height: clamp(240px, 42vw, 520px); object-fit: cover; }
.img-membre { aspect-ratio: 1 / 1; object-fit: cover; object-position: center 25%; }

/* 5. Détails : cartes d'albums, largeur de lecture confortable */
.album-card { transition: transform .2s ease, box-shadow .2s ease; }
.album-card:hover { transform: translateY(-4px); box-shadow: 0 .75rem 1.5rem rgba(0, 0, 0, .45); }
.texte-lisible { max-width: 68ch; }

@media (prefers-reduced-motion: reduce) {
  .album-card { transition: none; }
  .album-card:hover { transform: none; }
}