/* ══════════════════════════════════════════════════════════════ */
/* FAMED AI OS — Thème Clair Pro (V5.65)                             */
/* Couche additive scopée sous .theme-clair (réversible).           */
/* Le dashboard est DÉJÀ clair (Tailwind navy/emerald + style.css). */
/* Cette couche ne fait qu'AFFINER (fond doux, lueurs) et AJOUTER   */
/* les animations — AUCUNE inversion de couleur, lisibilité max.    */
/* ══════════════════════════════════════════════════════════════ */

.theme-clair {
  --c-emerald: #3D9B73;
  --c-heartbeat: rgba(100,116,139,0.32);  /* lueur argentine/ardoise, lisible sur clair */
}

/* ── Fond légèrement plus doux que le blanc pur (look « pro ») ── */
body.theme-clair {
  background-color: #EEF2F6 !important;
}

/* ── Cartes : élévation au survol (douce) ── */
.theme-clair .card-elevated {
  transition: box-shadow 0.25s ease, transform 0.25s ease;
}
.theme-clair .card-elevated:hover {
  transform: translateY(-2px);
}

/* ── Appui bouton : léger enfoncement (feedback tactile) + survol ── */
.theme-clair button {
  transition: transform 0.08s ease, background-color 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
}
.theme-clair button:active:not(:disabled) { transform: scale(0.96); }
.theme-clair button:not(:disabled):hover { filter: brightness(1.04); }

/* Boutons d'action emerald : lueur douce au survol */
.theme-clair .bg-emerald-500:hover,
.theme-clair .bg-emerald-600:hover { box-shadow: 0 4px 14px rgba(61,155,115,0.25) !important; }

/* ── Battement de donnée (lueur ardoise lente) — « battement de cœur de donnée » ── */
@keyframes c-data-heartbeat {
  0%, 100% { text-shadow: 0 0 0 rgba(100,116,139,0); }
  50%      { text-shadow: 0 0 10px var(--c-heartbeat); }
}
.theme-clair .data-pulse { animation: c-data-heartbeat 4s ease-in-out infinite; }

/* ── Barre « Prix trouvés auto. » : onde de lumière + pulsation lente ── */
.theme-clair .sourcing-bar {
  position: relative;
  animation: c-sourcing-pulse 5s ease-in-out infinite 1.6s;
}
.theme-clair .sourcing-bar::after {
  content: '';
  position: absolute; inset: 0;
  border-radius: 9999px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent);
  animation: c-sourcing-wave 2.4s ease-in-out 0.6s 2;
}
@keyframes c-sourcing-wave {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}
@keyframes c-sourcing-pulse {
  0%, 100% { opacity: 0.85; }
  50% { opacity: 1; }
}

/* ── Items sidebar : transition douce au survol ── */
.theme-clair nav a, .theme-clair nav button {
  transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease;
}

/* ── Apprentissage (Priorité 3) : compacté visuellement, de-emphasé en bas ── */
.theme-clair [style*="order:90"] .text-2xl { font-size: 1.35rem; }

/* Repli doux transition de page (les x-transition côté markup gèrent l'animation) */
@keyframes c-page-enter {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}