/* ============================================================
   Thème « Contrasté » — même mise en page que le thème d'origine, lecture renforcée.
   Chargé APRÈS site.css (et account.css) quand settings.site_theme = contraste
   (cf. lib/SiteTheme.php). Ce qui change, et rien d'autre :
     · textes secondaires nettement plus sombres (les gris clairs passaient sous 4,5:1) ;
     · bordures et séparateurs plus marqués, ombres un peu plus présentes ;
     · aplats blancs translucides rendus opaques (ils se diluaient dans le fond) ;
     · bleu et violet plus foncés, pour que les liens et boutons ressortent.
   La typographie, les espacements et les arrondis sont ceux du thème d'origine.
============================================================ */

:root{
  /* surfaces : fond un peu plus soutenu, cartes blanches → les blocs se détachent */
  --bg:#e5ebf6;
  --bg-soft:#d8e1f0;
  --bg-deep:#c7d3e8;
  --surface:#ffffff;
  --surface-tint:#f4f8ff;

  /* bordures visibles sans être dures */
  --border:#b7c2d8;
  --border-strong:#8a97b3;
  --border-soft:#ccd6e6;

  /* textes : le gris moyen passe de 7:1 à ~9:1, le gris clair de 4:1 à ~7:1 */
  --text:#050a15;
  --text-2:#111c33;
  --muted:#333f57;
  --muted-soft:#48566f;

  /* marque : mêmes teintes, plus foncées (contraste des liens et des boutons) */
  --accent:#1546c8;
  --accent-ink:#0f3aa8;
  --accent-2:#6320c9;
  --accent-3:#046c4a;

  --shadow-xs:0 1px 2px rgba(11,18,32,.08);
  --shadow-sm:0 1px 2px rgba(11,18,32,.10), 0 1px 1px rgba(11,18,32,.07);
  --shadow-md:0 1px 1px rgba(11,18,32,.08),0 6px 16px rgba(11,18,32,.10),0 18px 36px rgba(11,18,32,.07);
}

/* Aplats translucides : opaques, sinon le fond les traverse et le texte s'affaiblit. */
.nav{background:#fff}
.btn-ghost,
.pill,
.stats-item,
.eyebrow{background:#fff}
.pill{color:var(--text);border-color:var(--border-strong)}
footer{background:#fff}

/* Cadres des blocs : assez marqués pour délimiter chaque zone sans cerner la page. */
.card,.faq-item,.band,.doc-wrap,.stats{border-color:#9dabc6}

/* Bordures de survol : la couleur d'accent pleine plutôt qu'un bleu dilué. */
.card:hover,
.faq-item:hover{border-color:var(--accent)}

/* Liens dans les pages de texte : soulignement franc. */
.doc-wrap a{text-decoration-color:var(--accent);text-decoration-thickness:1.5px}
