/* fiche-kit.css — entry-point v3.
   Les styles de chaque primitive sont dans /static/kit/kit-*.css (chargés AVANT ce
   fichier par les templates). Ce fichier ne contient plus que :
   1) les variables CSS partagées (--kit-*),
   2) les animations partagées (kit-shake, kit-pulse-once),
   3) quelques utils (.hidden, .kit-tooltip).
*/

:root {
  --kit-accent: #22d3ee;
  --kit-accent-soft: rgba(34,211,238,0.10);
  --kit-warm: #fb7185;
  --kit-cool: #34d399;
  --kit-attention: #fbbf24;
  --kit-marie: #e879f9;
  --kit-ok: #34d399;
  --kit-ko: #fb7185;
  --kit-bg-deep: rgba(0,0,0,0.4);
  --kit-slider-fill: 0%;
}

.hidden { display: none !important; }

/* Animations partagées (drag-drop, qna, quiz-page) */
@keyframes kit-shake {
  0%, 100% { transform: translateX(0); }
  20% { transform: translateX(-4px); }
  40% { transform: translateX(4px); }
  60% { transform: translateX(-3px); }
  80% { transform: translateX(2px); }
}

@keyframes kit-pulse-once {
  0%, 100% { box-shadow: 0 0 0 0 rgba(34,211,238,0); }
  30% { box-shadow: 0 0 0 6px rgba(34,211,238,0.30); }
}
.kit-pulse-once { animation: kit-pulse-once 1.2s ease 1; }

/* Compat retro : ancien kit-tooltip (avant kit-term) */
.kit-tooltip {
  text-decoration: underline dotted rgba(34,211,238,0.6);
  text-underline-offset: 3px;
  cursor: help;
}