/* ============================================================================
   SCRIBA : jetons de mise en page, posés AVANT toute page.
   ----------------------------------------------------------------------------
   Ils ne créent aucune couleur ni aucune taille de texte : celles-ci viennent
   de socle/web/tokens.css (copie figée de ~/Model/web). Ils nomment seulement
   les quelques mesures de mise en page dont SCRIBA a besoin. Aucune page ne
   contient de valeur en dur : tout passe par ces variables.

   Règles d'alignement :
     1. Un seul bord gauche par page : titres, champs, encadrés et texte
        transcrit commencent sur la même ligne, celle de --scriba-marge.
     2. Les boutons d'une rangée d'actions s'alignent à DROITE du cadre sur
        grand écran, et prennent toute la largeur sur téléphone.
     3. Entre un bouton et le bord de son cadre : --scriba-bouton-bord,
        identique à la marge intérieure de l'encadré.
     4. Espacement vertical : UNIQUEMENT les quatre paliers --scriba-v-*.
   ========================================================================= */
:root {
  /* Largeur de la mesure de lecture : une ligne de texte transcrit reste lisible. */
  --scriba-mesure: 46rem;

  /* Marges latérales de la page : grand écran, puis téléphone (voir @media). */
  --scriba-marge: var(--iav-espace-large, 24px);

  /* Échelle verticale limitée à QUATRE valeurs. */
  --scriba-v-1: var(--iav-espace-petit, 8px);     /* étiquette et son champ        */
  --scriba-v-2: var(--iav-espace-grand, 16px);    /* entre deux champs             */
  --scriba-v-3: var(--iav-espace-large, 24px);    /* entre deux encadrés           */
  --scriba-v-4: var(--iav-espace-section, 32px);  /* haut de page, grandes ruptures */

  /* Marge intérieure des encadrés, et distance bouton / bord de cadre. */
  --scriba-encadre-interieur: var(--iav-espace-grand, 16px);
  --scriba-bouton-bord: var(--scriba-encadre-interieur);

  /* Hauteur de la barre de progression et de la zone de dépôt. */
  --scriba-barre-hauteur: 10px;
  --scriba-depot-hauteur: 6rem;
  --scriba-rayon: 8px;
  /* Hauteur maximale du texte transcrit avant défilement interne. */
  --scriba-texte-hauteur: 60vh;
}

@media (max-width: 600px) {
  :root {
    --scriba-marge: var(--iav-espace-grand, 16px);
    --scriba-encadre-interieur: var(--iav-espace-moyen, 12px);
  }
}

/* v2 : quelques mesures de plus, toujours sans couleur ni taille de texte. */
:root {
  --scriba-cible: 44px;                 /* zone tactile minimale (bouton, drapeau)     */
  --scriba-icone: 20px;                 /* l'ampoule de la pastille                     */
  --scriba-drapeau-largeur: 24px;
  --scriba-z-entete: 30;                /* le bandeau fixe, sous les panneaux flottants */
  --scriba-z-pastille: 40;
  /* Hauteur réservée au bandeau fixe quand on saute à une ancre. */
  --scriba-entete-reserve: calc(var(--iav-entete-logo-hauteur, 48px) + 2 * var(--scriba-v-2));
}