/* ============================================================
   TALENTUM — Step 2.3 : Transitions de fond dark ↔ light
   Le #bg-layer fixe est scrubé par JS. Ce CSS définit :
   - le bg-layer lui-même
   - le flip de variables CSS pour les sections data-theme="light"
   ============================================================ */

/* ---- Fond fixe derrière toutes les sections ---- */

#bg-layer {
  position: fixed;
  inset: 0;
  z-index: -1;
  background-color: var(--color-bg-primary);
  /* Transition CSS volontairement très courte (lisse les micro-écarts entre frames).
     Le mouvement réel vient du scrub JS, pas de cette transition. */
  transition: background-color 0.05s linear;
}

@media (prefers-reduced-motion: reduce) {
  #bg-layer {
    transition: none;
  }
}

/* ---- Thème dark (défaut) — aucune surcharge nécessaire ---- */

section[data-theme="dark"] {
  /* Hérite des variables :root — texte off-white, fond transparent laissant voir bg-layer */
}

/* ---- Thème light — flip des variables de couleur localement ---- */

section[data-theme="light"] {
  --color-text-primary:   var(--color-text-on-light);        /* off-white → noir */
  --color-text-secondary: var(--color-text-secondary-light); /* gris foncé adapté fond clair */
  /* --color-accent-gold reste inchangé : fonctionne sur les deux fonds */
}