/* ============================================
   Thème dédié à la page "Where Darkness Took Them"
   Dark mode horreur : fond sombre, accents rouge-bordeaux
   ============================================ */

body {
  background: linear-gradient(180deg, #150a0e 0%, #4a2432 45%, #150a0e 100%);
  color: #d9c3c9;
}
.icon-block {
  background-color: rgba(255, 255, 255, 0.03);
  border-radius: 12px;
}

.icon-block p,
.icon-block li,
.icon-block ol,
.icon-block ul {
  color: #d9c3c9;
}

.icon-block code {
  background-color: rgba(255, 255, 255, 0.08);
  color: #f3d9e0;
  padding: 2px 6px;
  border-radius: 4px;
}

#index-banner h1 {
  color: #ff6f91 !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.6);
}

.section-title {
  color: #ff6f91;
  border-bottom: 2px solid #ff6f91;
  display: inline-block;
  padding-bottom: 4px;
}

#index-banner .btn-large {
  background: linear-gradient(90deg, #6b1530, #a93250);
  box-shadow: 0 0 15px rgba(169, 50, 80, 0.5);
}

#index-banner .btn-large:hover {
  box-shadow: 0 0 25px rgba(169, 50, 80, 0.85);
}

.icon-block a {
  color: #ff93ab;
}

.icon-block a:hover {
  color: #ffc1cf;
}

/* Séparateur vertical entre deux colonnes côte à côte (à partir du breakpoint medium) */
@media (min-width: 601px) {
  .row .col.m6 + .col.m6 {
    border-left: 1px solid rgba(255, 111, 145, 0.25);
    padding-left: 2rem;
  }
}

/* Teinte des séparateurs horizontaux (.divider) sur cette page */
.divider {
  background-color: rgba(255, 111, 145, 0.2);
}