/* =====================================================================
   TEST — mode clair / sombre sur tout le site
   Pour annuler ce test : supprimer ce fichier, ses <link> dans les pages,
   et le bloc « TEST mode clair / sombre » de main.js.
   L'accueil, l'aviation et le parcours ont déjà leurs deux variantes
   (home.css, themes.css) ; ce fichier ajoute le clair de Linux et du cinéma.
   ===================================================================== */

/* Linux : clair et sombre définis dans aero.css */

/* ---- Cinéma en clair : la salle quand la lumière se rallume ---- */
html[data-theme="light"] body.p-cinema{
  --bg:#f7efe8;--bg2:#efe2d8;--card:#fffaf6;--ink:#2a0d12;--muted:#7a5048;--line:#e3cbc0;--accent:#a8132a;--accent-ink:#ffffff;
  background:radial-gradient(ellipse 80% 50% at 50% -5%,rgba(193,18,31,.14),transparent 70%),var(--bg);
}
html[data-theme="light"] body.p-cinema .site-header{background:rgba(247,239,232,.9);border-color:var(--line)}
html[data-theme="light"] body.p-cinema .menu a[aria-current="page"]{background:#f3dcd6;color:#8f0d1c}
html[data-theme="light"] body.p-cinema .film-back{background:linear-gradient(180deg,#fffaf6,#f3e6dc);border-color:#d9b98f}
html[data-theme="light"] body.p-cinema .film-back p{color:var(--muted)}
html[data-theme="light"] body.p-cinema .dec .bar i{color:var(--ink)}
html[data-theme="light"] body.p-cinema .dec.on small{color:#8f0d1c}
html[data-theme="light"] body.p-cinema .library a:hover{color:#8f0d1c}
html[data-theme="light"] body.p-cinema #lib-pick a{color:#8f0d1c}
html[data-theme="light"] body.p-cinema .eyebrow{color:#8f0d1c}