/* Harmonisation Lagon des pages au contenu historique (catalogue, boutique, téléchargements, conseils…).
   Chargée APRÈS les anciennes feuilles : remappe leurs variables sur la charte Lagon et force le thème clair. */
:root,:root[data-theme],:root[data-theme="dark"]{
  --bg:var(--ecume);--bg2:color-mix(in srgb,var(--ecume) 94%,var(--encre));--surface:var(--surf);--surface2:var(--ecume);
  --ink:var(--texte);--muted:var(--gris);--ink-3:color-mix(in srgb,var(--gris) 85%,var(--ecume));--line:var(--ligne);
  --navy:#123C63;--navy-d:#0E2F4F;--acc:var(--lagon-fond);--acc2:var(--lagon-fond);
  --deep:#123C63;--deep2:#15456F;--deep3:#1B4C74;
  --shadow:0 22px 44px -24px rgba(18,60,99,.35);
  --lift-hi:0 2px 6px rgba(18,60,99,.10),0 30px 60px -30px rgba(18,60,99,.45);
  --hero-bg:linear-gradient(180deg,var(--ecume) 0%,color-mix(in srgb,var(--ecume) 90%,var(--encre)) 100%);
  --d:'Bricolage Grotesque',system-ui,sans-serif;
  --b:'Onest',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --sans:'Onest',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  color-scheme:light;
}
:root[data-theme="dark"]{color-scheme:dark;--navy:#1F5278;--shadow:0 22px 44px -24px rgba(0,0,0,.7);--lift-hi:0 2px 6px rgba(0,0,0,.3),0 30px 60px -30px rgba(0,0,0,.75)}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="dark"]){
    --bg:var(--ecume);--surface:var(--surf);--surface2:var(--ecume);
    --ink:var(--texte);--muted:var(--gris);--line:var(--ligne);
    --navy:#123C63;--navy-d:#0E2F4F;--acc:var(--lagon-fond);--acc2:var(--lagon-fond);
    --shadow:0 22px 44px -24px rgba(18,60,99,.35);
  }
}
body{background-color:var(--ecume);background-image:linear-gradient(color-mix(in srgb,var(--ecume) 50%,transparent),color-mix(in srgb,var(--ecume) 50%,transparent)),url('/img/pcb.svg');background-size:auto,640px 640px;color:var(--texte);font-family:var(--corps)}
h1,h2,h3,h4{font-family:var(--titre)}

/* Bandeaux sombres de l'ancien catalogue → bandeau clair Lagon */
.stage{background:linear-gradient(180deg,var(--ecume) 0%,color-mix(in srgb,var(--ecume) 90%,var(--encre)) 100%)!important;color:var(--texte)}
.stage::before,.stage::after{display:none}
.stage h1,.stage h2,.stage h3{color:var(--encre)}
.stage p,.stage .p-lead,.stage .hero-note,.stage .win-cap{color:var(--gris)}
.stage a:not(.btn){color:var(--lagon)}
.stage .eyebrow{color:var(--lagon)}
.stage .btn{border-color:var(--ligne);background:#fff;color:var(--encre)}
.stage .btn-cy,.stage .pill-pro,.edition-pro .btn-cy{background:var(--lagon-fond);border-color:var(--lagon);color:#fff}
.stage .btn-cy:hover,.edition-pro .btn-cy:hover{background:var(--lagon-fond-h);color:#fff}
.stage a:focus-visible,.stage button:focus-visible{outline-color:var(--soleil)}
/* Bandeau de legal.html et blog.html */
.hero{background:linear-gradient(180deg,var(--ecume) 0%,color-mix(in srgb,var(--ecume) 90%,var(--encre)) 100%)!important;color:var(--texte)!important}
.hero h1{color:var(--encre)}
.hero p{color:var(--gris)}
.stage{--on-deep:#0F2233;--on-deep-mute:#5B6B7C;--edge:#DCE6EE}
.stage .pcard h3,.stage .facts dd,.stage .notice b{color:var(--encre)}
.stage .facts dt,.stage .win-cap,.stage .prod-note,.stage .crumbs{color:var(--gris)}
.stage .pill-soon{color:var(--gris);background:#fff}
.stage .btn:hover{background:#fff;color:var(--lagon)}
.stage .p-lead{color:var(--gris)!important}

/* ===== Harmonisation avec l'accueil (25/09) : titres, sur-titres, cartes, pastilles, boutons ===== */
.sec-head h1,.sec-head h2,.h-lg,.h-xl,.prod-title,.head h2,.head h1{font-family:var(--titre);font-weight:800;font-stretch:90%;letter-spacing:-.03em;color:var(--encre)}
.kicker,.eyebrow,.sec-num{font:600 .8rem/1.2 var(--corps);letter-spacing:.06em;text-transform:uppercase;color:var(--lagon)}
.kicker::before{display:none}
.kicker .idx{display:none}
.rule{display:none}
.srow,.pcard,.app,.famille,.role,.trust-item,.verif{--sujet:var(--s-depannage);background:#F8FBFC;background:color-mix(in srgb,var(--sujet) 6%,var(--surf));border:1px solid var(--ligne);border-left:4px solid var(--sujet);border-radius:22px;box-shadow:none}
.srow::before,.pcard::before,.app::before,.role::before{display:none}
.srow:hover,.pcard:hover{transform:translateY(-2px);box-shadow:0 18px 40px -26px rgba(18,60,99,.35)}
:is(.svc,.grid,.apps,.roles,.familles)>:nth-child(4n+2){--sujet:var(--s-distance)}
:is(.svc,.grid,.apps,.roles,.familles)>:nth-child(4n+3){--sujet:var(--s-materiel)}
:is(.svc,.grid,.apps,.roles,.familles)>:nth-child(4n+4){--sujet:var(--s-web)}
.pill,.srow .tag{display:inline-block;padding:4px 10px;border-radius:99px;background:color-mix(in srgb,var(--sujet,var(--lagon)) 14%,var(--surf));color:var(--lagon-fonce);font:700 .72rem/1.2 var(--corps);letter-spacing:.05em;text-transform:uppercase;border:0}
.pill-pro{background:#FFF3D1;color:#8A5A00}
.pill-beta{background:#FCE3EE;color:#9B2C5E}
.btn-cy,.btn-wa{background:var(--lagon-fond);color:#fff;border-color:transparent;border-radius:14px}
.btn-cy:hover,.btn-wa:hover{background:var(--lagon-fond-h);color:#fff}

/* Thème sombre des pages historiques */
:root[data-theme="dark"] body{background-image:linear-gradient(color-mix(in srgb,var(--ecume) 50%,transparent),color-mix(in srgb,var(--ecume) 50%,transparent)),url('/img/pcb-sombre.svg')}
:root[data-theme="dark"] :is(.pcard-price,.edition-price,.langbar a,.buy-soon a,.nav a[aria-current="page"],.srow p a,.reassure .price b,.reassure li::before,.brand b,.foot-t,.nav a:hover,.footer-grid div>a:hover,.claim .btn-cy){color:var(--encre)}
:root[data-theme="dark"] .claim .btn-cy{background:var(--surf)}
:root[data-theme="dark"] :is(.stage .btn,.stage .pill-soon){background:var(--surf);color:var(--encre)}
:root[data-theme="dark"] .stage .btn:hover{background:var(--surf);color:var(--lagon)}
:root[data-theme="dark"] .pill,:root[data-theme="dark"] .srow .tag{color:#9FEAE5}
:root[data-theme="dark"] .pill-pro{background:#3A2F12;color:#FFD873}
:root[data-theme="dark"] .pill-beta{background:#3E1A2C;color:#F5A3C7}
:root[data-theme="dark"] .stage{--on-deep:#EEF4FA;--on-deep-mute:#AFC0D2;--edge:var(--ligne)}
:root[data-theme="dark"] :is(.badge.install,.famille .ic,details.emp summary:hover){color:var(--encre)}
:root[data-theme="dark"] :is(.src,.nonsigne a){color:var(--lagon)}
.trust-item{padding:16px 18px}
:root[data-theme="dark"] :is(.eyebrow,.kicker,.sec-num,.step em,.dl-os,.tag,main a:not([class])){color:var(--lagon)}
:root[data-theme="dark"] :is(.mb-note a){color:var(--encre)}
:root[data-theme="dark"] .annonce a{color:#fff}
:root[data-theme="dark"] .btn-wa:not(.entete__wa){background:var(--lagon-fond);color:#fff}
:root[data-theme="dark"] .pill.pill-une{color:var(--nuit)}
a.btn--lagon,a.btn--lagon:hover,.faq details a.btn--lagon{color:#fff}
.section-alt .sec-head.center{background:none;padding:0;box-shadow:none;border-radius:0}