:root{
  --bg:#0b0f15;
  --bg-soft:#101823;
  --text:#e6f1ff;
  --muted:#8aa0b2;
  --accent:#00b3ff;      /* electric blue */
  --accent-2:#b3002d;    /* dark red */
  --card:#0f1622;
  --border:#1f2a3a;
  --radius:16px;
  --shadow:0 10px 30px rgba(0,0,0,0.35);
}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,'Noto Sans',sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.6}
.container{max-width:1100px;margin:0 auto;padding:24px}
.site-header{display:flex;align-items:center;gap:16px;justify-content:space-between;border-bottom:1px solid var(--border)}
.logo{display:flex;gap:10px;align-items:center;color:var(--text);text-decoration:none;font-weight:700}
.logo-mark{font-size:22px;color:var(--accent)}
.logo-text{letter-spacing:.5px}
.nav a{color:var(--muted);text-decoration:none;margin:0 8px;padding:10px 12px;border-radius:12px}
.nav a:hover{background:var(--bg-soft);color:var(--text)}
.btn,.btn-ghost{border:1px solid var(--border);background:transparent;color:var(--text);padding:8px 12px;border-radius:12px;cursor:pointer}
.btn{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:white;border:none;box-shadow:var(--shadow)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;margin:22px 0}
.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}
.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;margin:24px 0}
.hero .callout{background:linear-gradient(145deg,rgba(0,179,255,.08),rgba(179,0,45,.08));border:1px solid var(--border);border-radius:var(--radius);padding:22px}
.badge{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:999px;padding:6px 10px;color:var(--muted);font-size:12px}
.kpis{display:flex;gap:16px;flex-wrap:wrap}
.kpi{flex:1;min-width:160px;background:var(--bg-soft);border:1px solid var(--border);border-radius:14px;padding:12px 14px}
.post-title{margin:0 0 6px}
.post-meta{color:var(--muted);margin-top:4px}
.post-content p{margin:16px 0}
.post-content pre,code{background:#0b1320;border:1px solid #142038;border-radius:12px;padding:12px;overflow:auto}
code{padding:2px 6px}
ul{padding-left:22px}
.site-footer{border-top:1px solid var(--border);margin-top:32px;color:var(--muted)}
.search-input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--bg-soft);color:var(--text)}
.list-item{display:flex;flex-direction:column;gap:4px}
.list-item a{color:var(--text);text-decoration:none}
.list-item .meta{color:var(--muted);font-size:14px}
/* Light theme */
body.theme-light{--bg:#f7f9fc;--bg-soft:#ffffff;--text:#0b1220;--muted:#516170;--card:#ffffff;--border:#e3e8ef}
body.theme-light .nav a:hover{background:#eef2f6}
/* Liens blancs et soulignés pour lisibilité sur fond sombre */
a {
  color: #ffffff !important;
  text-decoration: underline !important;
}

a:hover {
  color: #e5e5e5 !important;
  text-decoration: underline !important;
}
/* ===== Mise en forme des sections ===== */

/* ===== Titres centrés ===== */

/* Titres des sections principales */
.terminal-section h2 {
  text-align: center;
}

/* Titres des sous-sections encadrées (ex: À retenir, Quelques chiffres) 

*/
/*
.terminal-section h3,
.terminal-section h4,
.boxed-section h3,
.boxed-section h4,
.highlight-box h3,
.highlight-box h4 {
  text-align: center;
}
*/

/* Paragraphes justifiés (gardé de la modification précédente) */
.terminal-section p,
.boxed-section p,
.highlight-box p {
  text-align: justify;
}


/* Paragraphes justifiés dans les sections */
.terminal-section p {
  text-align: justify;
}
.img-reduite {
  width: auto;
  max-width: 100%;
  height: 750px;
  object-fit: contain;
}