/* Vigilae — tokens de design & filets responsive PARTAGES.
   Importe en PREMIER dans chaque page (avant les styles propres a la surface).
   Breakpoints canoniques (valeurs LITTERALES en @media, car les var() n'y sont pas autorisees) :
     600px  = telephone | 900px = bascule sidebar->drawer (couvre l'iPad portrait) | 1200px = confort large.
   Mobile-first : styles de base = mobile, on enrichit en @media (min-width:...). */
:root{
  --tap:44px;            /* cible tactile minimale */
  --tap-lg:48px;         /* action critique (Se connecter, Ajouter une piece) */
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:24px; --space-6:32px;
  --sat:env(safe-area-inset-top,0px);    --sab:env(safe-area-inset-bottom,0px);
  --sal:env(safe-area-inset-left,0px);   --sar:env(safe-area-inset-right,0px);
}
/* Masquage visuel mais EXPOSÉ aux lecteurs d'écran (labels, libellés de région live, liens d'évitement). */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Lien d'évitement : hors écran, visible quand il reçoit le focus clavier (premier Tab de la page). */
.skip{position:absolute;left:8px;top:-48px;z-index:200;background:var(--card,#0e1a16);color:inherit;border:1px solid var(--line,#27433a);border-radius:8px;padding:8px 14px;text-decoration:none;transition:top .15s}
.skip:focus{top:8px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}            /* pas d'inflation auto du texte en paysage iOS */
html,body{overflow-x:hidden;overflow-x:clip}   /* anti scroll horizontal ; `clip` n'établit PAS de conteneur de défilement (sinon overflow-y devient auto et casse position:sticky de la sidebar). `hidden` = repli navigateurs anciens. */
img,video{max-width:100%;height:auto}          /* aucun media bitmap ne deborde sa colonne */
svg{max-width:100%}                             /* SVG : borne la largeur sans toucher la hauteur (icones a taille fixe) */