/* Variante thème sombre : fond noir, écriture blanche. Chargée après style.css. */
:root{
  --ink:#fff;
  --text:rgba(255,255,255,.78);
  --muted:rgba(255,255,255,.5);
  --paper:#000;
  --line:rgba(255,255,255,.16);
  --night:#121212;
  --night-text:rgba(255,255,255,.78);
}
body{background:#000;color:#fff}
.ph{background:#1a1a1a}

/* En-tête : noir au défilement, logo blanc d'origine */
.header.solid,.header.light{background:#000;color:#fff;box-shadow:0 1px 0 var(--line)}
.header.solid .logo img,.header.light .logo img{filter:none}
.header.solid .btn-nav:hover,.header.light .btn-nav:hover,.btn-nav:hover{background:#fff;color:#000}
.sub-menu{background:#0d0d0d;color:#fff;box-shadow:0 12px 40px rgba(0,0,0,.6);border:1px solid var(--line)}

/* Boutons */
.btn{border-color:#fff}
.btn.dark{background:#fff;color:#000}
.btn.dark:hover{background:transparent;color:#fff}
.btn.ghost{background:transparent;color:#fff}
.btn.ghost:hover{background:#fff;color:#000}
.btn.white:hover{color:#000}
.arrows button:hover{background:#fff;color:#000;border-color:#fff}

/* Sections */
.dark{background:var(--night)}
.form input,.form textarea,.form select{border-bottom-color:rgba(255,255,255,.3);color:#fff}
.form select option{background:#000}
.footer .brand img{filter:none}
.ribbon{background:#fff;color:#000}

@media (max-width:900px){
  .nav{background:#000;color:#fff}
  .header.menu-open{color:#fff}
  .header.menu-open .logo img{filter:none}
}