@charset "utf-8";
/* ==========================================================================
   ATELIER — jetons du theme.
   Couleurs, polices, echelles, rythmes. Une seule definition, importee
   en tete de theme.css. Un autre theme a les siens : rien ici n'est
   partage avec le socle ni avec l'administration.
   Ne rien ajouter ici qui ne soit pas une variable.
   ========================================================================== */

:root {
  --chaux:        #E9EAE5;
  --chaux-clair:  #F4F5F2;
  --encre:        #1B1E19;
  --encre-douce:  #565B52;
  --trait:        #C7C9C1;  /* filets de separation, decoratifs : hors seuil */
  --trait-fort:   #7C8177;  /* bord des champs : 3,27:1, seuil interface tenu */
  --herbier:      #75805F;  /* anneau de focus, marques d'etat : 3,35:1, conforme UI */
  --herbier-fonce:#5E6A49;  /* meme vert assombri pour le texte : 4,7:1, conforme AA */
  --erreur:       #8A3A2E;

  --grotesque: 'Geist', 'Geist repli', Arial, sans-serif;
  --botanique: 'Newsreader', 'Newsreader repli', Times, serif;

  --t-display: clamp(3rem, 9vw, 8.5rem);
  /* Le nom de la maison, en tete. Plus petit que --t-display parce qu'il
     ne dispose pas de la meme largeur : la planche d'ouverture lui laisse
     un tiers d'ecran, la ou un titre de section en a la totalite. Voir la
     note devant .hero__titre dans theme.css. */
  --t-enseigne: clamp(2.6rem, 7.1vw, 6.4rem);
  --t-h2:      clamp(1.6rem, 3.4vw, 2.9rem);
  --t-lead:    clamp(1.15rem, 1.6vw, 1.5rem);
  --t-body:    1.0625rem;
  --t-legende: 0.8125rem;
  --t-label:   0.6875rem;

  --gouttiere: clamp(20px, 5vw, 72px);
  --large:     1360px;
  --section-y: clamp(62px, 9.1vh, 123px);
  --marge-planche: clamp(14px, 2vw, 28px);
  /* Largeur reelle de la planche du hero : l'image d'ouverture est au format 1600/937
     et sa hauteur est bornee a 54vh, elle ferait donc 92vh de large, plus le
     montage (marge de planche de chaque cote et filet d'un pixel). Sert a
     caler la colonne de droite sur la planche plutot que sur un pourcentage.
     Avec une image aussi large, c'est le plafond de 56 % qui l'emporte
     presque toujours : la hauteur ne borne plus que les fenetres tres hautes. */
  --planche-hero: calc(92vh + 2 * var(--marge-planche) + 2px);

  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --survol: 180ms;
  --etat: 420ms;
  --apparition: 760ms;

  --h-entete: 84px;
}