/* ============================================================
   css/legal-escuro.css — complemento do modo escuro das páginas legais
   ============================================================
   Usado SÓ por /termos, /privacidade e /uso-aceitavel.
   Não vai em legal.css de propósito: esse arquivo também é carregado
   por /share, que tem a própria lógica de tema.

   O grosso do escuro já vem de css/style.css (:root[data-theme="dark"]).
   Aqui ficam só os valores LITERAIS da navbar, que não usam variáveis.
   O data-theme é posto pelo <script> no <head> de cada página, a partir
   da preferência do navegador (prefers-color-scheme).
============================================================ */
:root[data-theme="dark"] header::before{ background:rgba(25,25,25,0.86); }
:root[data-theme="dark"] header.is-scrolled::before{ background:rgba(25,25,25,0.94); }
:root[data-theme="dark"] header.is-scrolled{ box-shadow:0 6px 24px -18px rgba(0,0,0,.8); }
:root[data-theme="dark"] header .logo{ color:#EEECE5; }
:root[data-theme="dark"] header .nav-links a{ color:#A29E92; }
:root[data-theme="dark"] header .nav-links a:hover{ color:#EEECE5; }
:root[data-theme="dark"] header .btn-text{ color:#D6D4C9; }
:root[data-theme="dark"] header .btn-text:hover{ color:#EEECE5; }
:root[data-theme="dark"] header .btn-dark{ background:#EEECE5; color:#151515; }
:root[data-theme="dark"] header .btn-dark:hover{ background:#D6D4C9; color:#151515; }
:root[data-theme="dark"] .legal-header{ background:rgba(25,25,25,0.86); }