/* Tout est encapsulé sous .settings pour ne pas casser index/login/register */
.settings {
  max-width: 920px;
  margin: 2rem auto;
  padding: 0 1rem;
}

/* Cards repliables (Glassmorphism) */
.settings .card {
  /* ANCIEN: border: 1px solid var(--c2, #427aa1); */
  border-radius: 16px;
  margin-bottom: 1rem;
  background: var(--surface); /* Nouvelle surface */
  overflow: hidden;
  
  /* Glassmorphism */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1); 
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4); 
}

/* Accentuation du glow en mode sombre */
:root[data-theme="dark"] .settings .card {
    border: 1px solid var(--color-glow-light); /* Bordure glow */
    box-shadow: 
        0 0 10px rgba(160, 32, 240, 0.2), 
        0 4px 20px rgba(0, 0, 0, 0.6);
}

.settings .card > summary.card__title {
  list-style: none;
  cursor: pointer;
  padding: 1rem 1.25rem;
  font-family: "Globet", system-ui, sans-serif;
  font-weight: 700;
  font-size: 1.25rem;
  color: var(--c1, #06668c); /* Violet */
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.settings .card > summary::-webkit-details-marker { display: none; }
.settings .card[open] > summary.card__title { 
  /* Utilisation d'une couleur plus subtile pour le séparateur */
  border-bottom: 1px solid rgba(255, 255, 255, 0.1); 
}

/* ... (conserver le reste du fichier) ... */

/* Boutons (scopés) */
.settings .btn {
  padding: .6rem 1rem;
  border-radius: 10px;
  border: 1px solid transparent;
  background: var(--c1, #06668c); /* Violet */
  color: #fff;
  font-weight: 700;
  cursor: pointer;
}
.settings .btn:hover { filter: brightness(1.05); }
.settings .btn.outline {
  background: transparent;
  color: var(--c1, #06668c); /* Violet */
  border-color: var(--c1, #06668c); /* Violet */
}

/* ... (conserver la fin du fichier) ... */