/* ══════════════════════════════════════════════════════════════════════════
   curseur.css — le pointeur de l'application (2026-09-24, demande de Jérôme
   d'après sa vidéo ClickUp) : un petit triangle blanc arrondi à l'ombre
   douce, au lieu de la flèche du système.

   · Souris seulement (`pointer: fine`) : rien ne change au doigt.
   · Seule la FLÈCHE change. La main sur les liens et boutons, le curseur
     texte dans les champs, les poignées de redimensionnement restent ceux
     du système : ils disent ce qui se clique ou se saisit.
   · Point actif = la pointe du triangle (4 3). Repli `default` si l'image
     manque — jamais de curseur invisible.
   · `--curseur-fleche` : les règles qui demandaient `cursor: default` la
     lisent (`var(--curseur-fleche, default)`) — sans elle, la flèche du
     système y revenait au milieu de l'application.
   Repli PNG derrière le SVG pour un navigateur qui ne lirait pas un
   curseur SVG (static/img/curseurs/fleche.png, rendu du même dessin).
   ⚠️ Chemin ABSOLU : une `url()` relative dans une propriété personnalisée
   se résoudrait contre la feuille qui l'UTILISE, pas celle-ci.
   ══════════════════════════════════════════════════════════════════════════ */
@media (pointer: fine) {
  :root { --curseur-fleche: url('/static/img/curseurs/fleche.svg') 4 3, url('/static/img/curseurs/fleche.png') 4 3, default; }
  html, body { cursor: var(--curseur-fleche); }
  html [style*="cursor: default"], html [style*="cursor:default"] {
    cursor: var(--curseur-fleche) !important;
  }
}