/**
 * Reepost z-index scale (shared across all widgets).
 *
 * Objectif: éviter les valeurs arbitraires (9999/999999) et fournir
 * une hiérarchie cohérente entre widgets (floating, drawer, modal)
 * et à l'intérieur des widgets (media, overlay, content, controls).
 */
:root {
  /* Couches internes (dans un widget) */
  --reepost-z-media: 0;
  --reepost-z-overlay: 1;
  --reepost-z-content: 2;
  --reepost-z-hitarea: 3;
  --reepost-z-controls: 4;

  /* Couches globales (page) */
  --reepost-z-floating: 10000;          /* éléments fixed (nav, bouton) */
  --reepost-z-floating-above: 10050;    /* au-dessus du nav, en dessous du menu */
  --reepost-z-drawer: 10100;             /* overlay plein écran (menu) */
  --reepost-z-drawer-controls: 10110;   /* boutons au-dessus du drawer */
  --reepost-z-modal: 110000;            /* modales / lightbox */
  --reepost-z-modal-controls: 110010;   /* boutons au-dessus de la modale */
  --reepost-z-transition-overlay: 999999; /* overlay plein écran pendant transitions (slide univers) */
}