/* =====================================================================
   ASSOETU — base du back-office.

   Ce fichier a commencé comme couche de compatibilité, le temps que chaque
   écran passe aux utilitaires Tailwind. Ils y sont tous : il ne reste donc
   que des valeurs par défaut au niveau des éléments, pour les titres et les
   liens que les vues n'habillent pas un par un.

   Il n'est chargé QUE par le back-office. Les pages publiques — la landing et
   le formulaire du BDE — gardent `app.css` et son habillage « papier », qui
   n'a aucune raison de ressembler à un panneau d'administration. Le mur des
   cartes aussi : c'est un affichage de comptoir, lisible à distance.

   `app.css` est chargé avant celui-ci et reste nécessaire : il porte les
   variables `:root` et les classes à vraie spécificité fonctionnelle — zone
   de masquage, zone de signature. Un `var()` indéfini n'a pas de repli.
   ===================================================================== */

/* Les titres gardent des valeurs par défaut plutôt qu'une classe répétée sur
   chaque occurrence : ils ont tous le même rôle dans une carte. */
h1 { font-size: 1.5rem; font-weight: 700; color: #111827; margin: 0 0 1.5rem; }   /* text-2xl font-bold text-gray-900 */
h2 { font-size: 1rem; font-weight: 600; color: #111827; margin: 0 0 1.25rem; }    /* text-base font-semibold */
h3 { font-size: .875rem; font-weight: 600; color: #374151; margin: 1.75rem 0 .75rem; }

/* De l'air entre les lignes.
   Un écran de paramètres est fait de libellés, de champs et de textes d'aide
   empilés : serrés, ils forment un mur qu'on ne lit plus. L'interligne et
   l'espace sous chaque paragraphe coûtent de la hauteur de page et la rendent
   en lisibilité. */
body { line-height: 1.6; }
section p, .panneau p { margin: 0 0 1rem; }
section p:last-child { margin-bottom: 0; }
label + p, input + p, select + p, textarea + p { margin-top: .4rem; }

/* Les cases à cocher respirent aussi : collées, on ne voit plus laquelle
   porte quel libellé. */
label.flex { margin-bottom: .75rem; }

/* Les liens de contenu, ceux qui ne portent pas déjà leur classe. */
a { color: #0f766e; }                            /* text-primary-700 */
a:hover { color: #115e59; }                      /* text-primary-800 */
a.no-underline { text-decoration: none; }

/* Le canvas de masquage et la zone de signature viennent d'app.css, qui les
   définit sur fond clair. Rien à ajouter ici : les surcharger risquerait de
   décaler les coordonnées des caches posés à la souris. */