/* zinema — effets. Protection de l'image par scrims (jamais de capsules opaques
   au centre du cadre), voiles floutés pour les surfaces posées sur la vidéo,
   mouvement en fondus — aucun rebond. */
:root {
  /* Scrims — protéger le texte sans voler l'image */
  --scrim-bas: linear-gradient(to top, rgba(7,7,8,0.82) 0%, rgba(7,7,8,0.38) 45%, rgba(7,7,8,0) 100%); /* @kind color */
  --scrim-haut: linear-gradient(to bottom, rgba(7,7,8,0.60) 0%, rgba(7,7,8,0) 100%); /* @kind color */

  /* Voile — surfaces posées sur la vidéo (feuilles, contrôles) */
  --voile-fond: rgba(12, 12, 15, 0.55);
  --voile-flou: 20px; /* @kind other */

  /* Ombres — discrètes ; sur sombre on sépare par bordure + ombre large */
  --ombre-1: 0 4px 16px rgba(0, 0, 0, 0.35);
  --ombre-2: 0 12px 40px rgba(0, 0, 0, 0.50);
  --lueur-halo: 0 0 24px rgba(240, 179, 94, 0.35);  /* réservé à l'action principale */

  /* Mouvement — fondus et glissements doux, jamais de rebond */
  /* durées : courte = états · moyenne = chrome · longue = transitions entre extraits */
  --duree-courte: 160ms; /* @kind other */
  --duree-moyenne: 280ms; /* @kind other */
  --duree-longue: 480ms; /* @kind other */
  --courbe-standard: cubic-bezier(0.32, 0, 0.16, 1); /* @kind other */
  --courbe-entree: cubic-bezier(0.16, 0.84, 0.30, 1); /* @kind other */
}