/* Thème NOIR CARBONE de gestionnaire.si (6 nov. 2026, demande de Samuel : « remet le fond noir et presque noir carbone »).
   Chargé EN DERNIER : après v5.css sur l'accueil, après clair.css sur les pages intérieures. Garde la mise en page v5
   (titres Clash Display, filets, captures visibles, boîte de prix à ombre verte) et remet le fond sombre.
   Toujours AUCUN halo, quadrillage ni animation décorative. Toute modification = nouveau ?v= dans les pages. */

:root{
  --bg:#0c0d0d; --bg2:#141615; --panel:#181a19; --panel2:#1d201e;
  --line:rgba(255,255,255,.08); --line2:rgba(255,255,255,.15);
  --text:#efeee9; --muted:#a6aba5; --dim:#7d837d;
  --green:#3dcf80; --green-ink:#4fd98c; --green-bg:rgba(61,207,128,.13); --on-green:#04140b;
  --red:#ff6b6b; --red-bg:rgba(255,107,107,.10);
  --ink:#efeee9;
  --shot:0 30px 70px -30px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.04);
  color-scheme:dark;
}
body{background:var(--bg);color:var(--text)}

/* En-tête et menu */
.site-h{background:rgba(12,13,13,.86);border-bottom:1px solid var(--line)}
.nav a:hover,.nav a[aria-current="page"],.h-login:hover,.h-login[aria-current="page"]{background:rgba(255,255,255,.06)}
.menu-btn{background:var(--panel);border-color:var(--line2);color:var(--text)}

/* Boutons */
.btn-primary{box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 8px 22px -10px rgba(61,207,128,.55)}
.btn-ghost{background:var(--panel);border-color:var(--line2);color:var(--text)}
.btn-ghost:hover{background:var(--panel2);border-color:rgba(255,255,255,.4)}
.btn-ink{background:#0c0d0d;color:#fff;border-color:#0c0d0d}
.btn-ink:hover{background:#000}
.btn[aria-disabled="true"]{background:rgba(255,255,255,.05);color:var(--dim)}
.btn small{background:rgba(255,255,255,.07);color:var(--muted)}
.btn-danger{background:var(--red-bg);border-color:rgba(255,107,107,.45);color:#ffc9c9}
.btn-danger:hover{background:rgba(255,107,107,.18)}

/* Petits éléments */
kbd{background:var(--panel2);color:var(--text);border-color:var(--line2)}
.pill{background:var(--panel);color:var(--muted)}
.chip{background:var(--panel)}
.todo,.prose code{background:rgba(255,255,255,.07)}
.ticks li::before{background:var(--green-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.4l2.6 2.6L13 6.6' fill='none' stroke='%234fd98c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat}
.ticks.no li::before{background:rgba(255,255,255,.07) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M6.3 6.3l5.4 5.4M11.7 6.3l-5.4 5.4' fill='none' stroke='%23a6aba5' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/18px no-repeat}
.f5-legend li::before{background:var(--text);color:var(--bg)}
.vids-more a,.s5-link{border-bottom-color:rgba(79,217,140,.35)}

/* Captures : bordure claire discrète au lieu de l'encre */
.shot{border:1px solid rgba(255,255,255,.12);box-shadow:var(--shot)}
.f5-card .shot-msg{border-bottom:1px solid rgba(255,255,255,.12)}
.stack .shot-b{border:1px solid rgba(255,255,255,.22);box-shadow:0 30px 70px -20px rgba(0,0,0,.95)}
.vid-play,.vid-frame{box-shadow:var(--shot)}

/* Cartes et boîte de prix */
.s5-card,.price-card{background:var(--panel);border:2px solid rgba(239,238,233,.85)}
.note-box,.draft{background:var(--panel);border-color:var(--line2);border-left-color:var(--green);color:var(--muted)}
.prose p,.prose li{color:#c9ccc6}

/* Formulaires des pages de compte */
.auth-card,.ac-sec{background:var(--panel);border:1px solid var(--line2)}
.field input[type="email"],.field input[type="password"],.field input[type="text"],.field select{background:#0f1110;color:var(--text);border-color:rgba(255,255,255,.2)}
.pw-toggle{background:rgba(255,255,255,.06);color:var(--muted)}
.pw-toggle:hover{background:rgba(255,255,255,.1);color:var(--text)}
.pw-meter i{background:rgba(255,255,255,.12)}
.msg{background:rgba(255,255,255,.04)}
.msg-err{background:var(--red-bg);border-color:rgba(255,107,107,.5);color:#ffd6d6}
.msg-ok{background:var(--green-bg);border-color:rgba(61,207,128,.45);color:#cdf5de}
.badge{background:rgba(255,255,255,.04)}
.badge-ok{border-color:rgba(61,207,128,.4)}
.badge-bad{color:#ffb4b4;border-color:rgba(255,107,107,.45)}
.dev-row{background:var(--bg2)}

/* Bande verte de fin : le bouton principal reste noir */
.final .btn-primary{background:#0c0d0d;color:#fff}