/* Wove — vivacité : micro-animations partagées, discrètes */
@media (prefers-reduced-motion: no-preference){
  @keyframes woveUp{ from{opacity:0;transform:translateY(10px);} to{opacity:1;transform:none;} }
  .app > .carte{ animation:woveUp .42s ease both; }
  @keyframes wovePop{ 0%{transform:scale(1);} 45%{transform:scale(1.18);} 100%{transform:scale(1);} }
}
button{ transition:transform .08s ease, filter .15s ease; }
button:active{ transform:scale(.97); }
input,select,textarea{ transition:border-color .15s ease, box-shadow .18s ease, background .15s ease; }
input:focus,select:focus,textarea:focus{ box-shadow:0 0 0 4px rgba(59,91,255,.09); }

/* Wove — mode nuit (palette sombre partagée) */
html[data-theme="dark"]{
  --encre:#eef0f8; --gris:#a6aaca; --fond:#181b2e; --carte:#232742; --doux:#2c3152; --trait:#3a4066;
}
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea{ background:var(--doux); color:var(--encre); border-color:var(--trait); }
html[data-theme="dark"] input::placeholder{ color:#70718c; }

/* Mode nuit — corriger les blocs restés clairs */
html[data-theme="dark"] .garde{ background:#262247; }
html[data-theme="dark"] .serie.ok{ background:#123024; }
html[data-theme="dark"] .m-conseil{ background:#262247; }
html[data-theme="dark"] .streak{ background:#3a2f16; color:#e8c877; }
html[data-theme="dark"] .d-int.moderee{ background:#3a2f16; color:#e8c877; }
html[data-theme="dark"] .coach-gene, html[data-theme="dark"] .gene-alert, html[data-theme="dark"] .alerte-forte{ background:#3a1f1a; }
html[data-theme="dark"] .exo-memo{ background:#1c2547; }
html[data-theme="dark"] .supp-pill.on, html[data-theme="dark"] .rythme-btns button.on{ background:#123024; }
html[data-theme="dark"] .supp-item.on{ background:#3a2033; }
html[data-theme="dark"] .coach.ok .coach-ic{ background:#123024; }
html[data-theme="dark"] .coach.moy .coach-ic{ background:#3a2f16; }
html[data-theme="dark"] .coach.bas .coach-ic{ background:#3a1f1a; }
html[data-theme="dark"] .coach.neutre .coach-ic{ background:#262247; }
html[data-theme="dark"] .exo-memo{ background:#1c2547; }
html[data-theme="dark"] .tab.actif{ background:rgba(255,107,94,.16) !important; }
html[data-theme="dark"] .tab.accueil.actif{ background:rgba(139,123,255,.18); }
html[data-theme="dark"] .tab.repas.actif{ background:rgba(255,107,94,.16); }
html[data-theme="dark"] .tab.seances.actif{ background:rgba(59,91,255,.18); }
html[data-theme="dark"] .tab.recup.actif{ background:rgba(62,207,142,.18); }
html[data-theme="dark"] .tab.profil.actif{ background:rgba(255,255,255,.08); }
html[data-theme="dark"] .doc .em{ background:var(--doux); }
html[data-theme="dark"] .plan{ background:#123024; color:var(--encre); }
html[data-theme="dark"] .plan.vide{ background:var(--doux); color:var(--gris); }
html[data-theme="dark"] .rythme-btns button.on{ background:#123024; color:var(--menthe); }
html[data-theme="dark"] .prog-c{ background:var(--doux); }
html[data-theme="dark"] .methode{ background:var(--doux) !important; color:var(--encre) !important; }

/* Bouton d'info "i" */
.wi-i{width:20px;height:20px;border-radius:50%;border:none;background:var(--doux);color:var(--gris);font-weight:900;font-size:12px;line-height:20px;text-align:center;cursor:pointer;flex:none;padding:0;font-family:Georgia,"Times New Roman",serif;font-style:italic;vertical-align:middle;margin-left:6px;}
.wi-i:hover{background:var(--trait);}

/* Transitions douces */
@keyframes woveIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.carte{animation:woveIn .38s ease both;}
button,a.tab,.seg button,.chips button,.rythme-btns button{transition:transform .12s ease, background .18s ease, color .18s ease, border-color .18s ease, opacity .18s ease;}
button:active,a.tab:active{transform:scale(.97);}