/* Le Top Afep — tokens extraits de la maquette (source de vérité : reference/letop-reference.html) */
/* Fonts are enqueued separately via wp_enqueue_style( 'letopafep-fonts' ). */
:root {
  /* Couleurs */
  --lta-bleu: #173F77;      /* fonds principaux, en-tête, titres sur crème */
  --lta-nuit: #0E2C54;      /* texte courant, sections profondes, pied de page */
  --lta-jaune: #F3C416;     /* titres sur bleu, bouton Inscription, accents */
  --lta-creme: #F6E6D9;     /* sections de lecture */
  --lta-blanc: #FFFFFF;
  /* Transparences récurrentes */
  --lta-filet-clair: rgba(255,255,255,.12);
  --lta-filet-clair-2: rgba(255,255,255,.18);
  --lta-contour-clair: rgba(255,255,255,.35);
  --lta-texte-clair-2: rgba(255,255,255,.8);
  --lta-filet: rgba(14,44,84,.14);
  --lta-filet-2: rgba(14,44,84,.16);
  --lta-filet-3: rgba(14,44,84,.25);
  --lta-voile: rgba(14,44,84,.72);          /* fond des modales */
  --lta-surlignage: rgba(243,196,22,.32);
  --lta-ombre-modale: 0 60px 120px -40px rgba(2,20,40,.6);
  /* Typographie */
  --lta-sans: 'Hanken Grotesk', sans-serif;  /* tout le site — 300 titres capitales, 400 texte, 500 accents/boutons */
  --lta-accent: 'Baskervville', serif; /* uniquement millésime « 9e édition » et guillemets */
  /* Échelle (px) relevée dans la maquette */
  --lta-fs-label: 11px;  /* libellés capitales, ls .2em */
  --lta-fs-12: 12px; --lta-fs-13: 13px; --lta-fs-14: 14px; --lta-fs-15: 15px; --lta-fs-16: 16px;
  --lta-fs-bouton-m: 16.5px; --lta-fs-17: 17px; --lta-fs-texte: 18px; --lta-fs-20: 20px; --lta-fs-22: 22px;
  --lta-fs-h3-m: 32px; --lta-fs-h1-m: 44px; --lta-fs-h3: 46px; --lta-fs-h2: 64px; --lta-fs-h1: 84px;
  /* Mise en page */
  --lta-gouttiere: 72px;     /* marge latérale desktop */
  --lta-gouttiere-m: 20px;   /* marge latérale mobile */
  --lta-largeur: 1440px;
  --lta-section: 120px;      /* padding vertical courant desktop (96–130 selon section) */
  --lta-section-m: 64px;
  /* Mouvement */
  --lta-ease: cubic-bezier(.2,.7,.2,1);
}