/* Version « cyan & blanc » — charte Storyface : cyan #15FFFF sur fond sombre (dégradé marine), blanc, texte très foncé.
   Activée par ?theme=cyan (le cyan clair ne se lit pas sur blanc : le texte accentué passe en cyan profond #0A8A92). */
:root{--bg:#f6fcfd;--ink:#0A1A33;--muted:#4b5b73;--line:#d9e8ec;--band:#e8f6f8;--orange:#0A8A92;--navy:#0A1A33;--navy2:#143a7b;--cy:#15FFFF;--cyd:#0A8A92}
body{background:var(--bg)}
.top{background:rgba(255,255,255,.92);border-bottom:1px solid var(--line)}
.brand span{color:var(--cyd)}
.btn{background:var(--cy);color:var(--navy);box-shadow:0 0 0 0 rgba(21,255,255,0)}
.btn:hover{box-shadow:0 8px 26px rgba(21,255,255,.55)}
.btn.ghost{background:transparent;color:var(--navy);box-shadow:inset 0 0 0 2px var(--navy)}
.btn.dark{background:var(--navy);color:#fff}
.btn.dark:hover{box-shadow:0 8px 26px rgba(10,26,51,.35)}
.dot{background:var(--cy);box-shadow:0 0 0 2px var(--navy)}
.cart-btn{background:var(--navy)}.cart-btn b{background:var(--cy);color:var(--navy)}
.lang button,.langsel button{background:#e1f4f6}
.vk-btn{background:var(--navy);color:var(--cy)}
.link{color:var(--cyd)}
.h2 .sub{color:var(--cyd)}
.band{background:linear-gradient(180deg,#e8f6f8,#f6fcfd)}.band.alt{background:linear-gradient(180deg,#dff2f5,#eaf7f9)}
.steps span,.use-grid .idx{color:var(--cyd)}
.dealer-banner{background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff}
.dealer-banner .dot{box-shadow:none}
/* la case du hero : fond marine, cyan et blanc */
.stage{background:linear-gradient(135deg,#0A1A33,#143a7b);box-shadow:0 18px 50px rgba(10,26,51,.35)}
.zlabel{color:#9ff6f6}
.cname{color:#fff}.cap{color:#fff}.cap span{color:#bfeef0}
.dots i{background:#4a6a9a}.dots i.on{background:var(--cy);box-shadow:0 0 10px var(--cy)}
.zone+.zone::before{background:var(--cy);color:var(--navy)}
.fxbox{box-shadow:0 12px 40px rgba(21,255,255,.25)}
.alive{box-shadow:0 12px 40px rgba(21,255,255,.35)}
.alive .shine{background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.4) 50%,transparent 60%)}
.snd{background:rgba(10,26,51,.85);color:var(--cy)}
/* boutique */
.chip.on{box-shadow:inset 0 0 0 2px var(--cyd)}
.pimg{background:linear-gradient(#f2fbfc,#e1f2f5)}
.pimg.pack{background:#fff}
.pimg.paper{background:linear-gradient(135deg,#eaffff,#c9f3f6)}
.stack b{color:var(--cyd)}
.pr strong{color:var(--navy)}
/* distributeurs : marine + cyan */
.dealers{background:linear-gradient(135deg,#0A1A33,#143a7b)}
.dealers .eyebrow{color:#9ff6f6}
.pill{background:var(--cy);color:var(--navy)}
.vk .btn.dark{background:var(--navy);color:var(--cy)}
.pager button.on{background:var(--cyd)}
dialog .btn{background:var(--cy);color:var(--navy)}
input:focus,textarea:focus{outline-color:var(--cy)}