#arqualea-club section p { max-width: 70ch; }
  #arqualea-club h2 { margin: 0 0 8px; }
  
  /* ====== Palette & tokens ====== */
  :root{
    --bg-deep:#0b0b10;      /* fond très sombre (hero) */
    --panel-dark:#0e1117;   /* panneaux sombres lisibles */
    --panel-light:#F5FAFF;  /* panneaux clairs contrastés f3f6fa*/
    --bd:#1f2630;
    --text-dark:#d8e0e8;    /* texte sur sombre */
    --muted-dark:#9aa6b2;
    --text-light:#0b0b10;   /* texte sur clair */
    --muted-light:#3a4553;
    --accent:#6ee7b7;
    --radius:12px;
    --pad:16px;
  }

  /* ====== Sections “zébrées” prêtes à l’emploi ====== */
  .section{border-radius:var(--radius); padding:var(--pad);}
  .section--dark{
    background:var(--panel-dark);
    color:var(--text-dark);
    border:1px solid var(--bd);
  }
  .section--light{
    background:var(--panel-light);
    color:var(--text-light);
    border:1px solid #e2e8f0;
  }
  .section--dark h2,.section--dark h3{color:var(--text-dark);}
  .section--light h2,.section--light h3,.section--light {color:var(--text-light);}

  /* Paragraphes lisibles */
  .section p{line-height:1.7; margin:0 0 10px; max-width:70ch;}
  .section ol,.section ul{margin:0; padding-left:20px;}

  /* Liens lisibles */
  .section--dark a:not(.btn){color:var(--accent); text-decoration:none;}
  .section--dark a:not(.btn):hover{text-decoration:underline;}
  .section--light a:not(.btn){color:#0b7a6a; text-decoration:none;}
  .section--light a:not(.btn):hover{text-decoration:underline;}

  /* Boutons visibles sur clair & sombre (hérite de tes styles) */
  .section .btn{border-radius:10px; transition:transform .06s ease, box-shadow .2s;}
  .section .btn:hover{transform:translateY(-1px); box-shadow:0 6px 18px rgba(0,0,0,.25);}
  
  /* Tout élément sombre courant dans une section claire */
.section--light :is(aside, details, article, .card){
  background:#0f1420;
  color:var(--text-dark);
  border:1px solid var(--bd);
  border-left:3px solid var(--accent);
  border-radius:var(--radius);
  padding:12px;
}
.section--light :is(aside, details, article, .card) :is(p,li,summary,strong,h1,h2,h3,h4){ 
  color:var(--text-dark);
}
.section--light :is(aside, details, article, .card) a{
  color:var(--accent);
}
.section--light :is(aside, details, article, .card) a:hover{
  text-decoration:underline;
}