/* ============================================================
   JETONS Big Tempura : la seule source de valeurs du site.
   Aucune valeur en dur dans site.css ni dans admin.css.
   ============================================================ */
:root {
  /* Mesure de lecture et gouttières */
  --mesure: 72rem;          /* largeur maxi du contenu */
  --mesure-texte: 42rem;    /* largeur maxi d'un paragraphe */
  --gouttiere: 1.25rem;     /* marge latérale téléphone */
  --gouttiere-large: 3rem;  /* marge latérale grand écran */

  /* Échelle verticale : quatre valeurs, pas plus */
  --esp-1: 0.5rem;
  --esp-2: 1rem;
  --esp-3: 2rem;
  --esp-4: 4.5rem;

  /* Encadrés et boutons */
  --encadre-padding: 1.25rem;
  --bouton-padding: 0.8rem 1.5rem;
  --bouton-marge-cadre: var(--esp-2);  /* distance entre un bouton et le bord de son cadre */
  --rayon: 0.5rem;
  --rayon-rond: 999px;

  /* Couleurs (charte Big Tempura : noir, rouge du logo, blanc) */
  --c-fond: #0e0e0e;
  --c-fond-2: #171717;
  --c-fond-3: #222222;
  --c-trait: #2e2e2e;
  --c-texte: #f3f0ea;
  --c-texte-2: #b8b3aa;
  --c-rouge: #d81e1e;
  --c-rouge-vif: #ef3a3a;
  --c-ok: #3ec76a;
  --c-attention: #f0b429;

  /* Typographie */
  --f-titre: "Shippori Mincho", "Georgia", serif;
  --f-texte: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --t-base: 1rem;
  --t-petit: 0.875rem;
  --t-h3: 1.25rem;
  --t-h2: clamp(1.75rem, 1.2rem + 2.2vw, 2.75rem);
  --t-h1: clamp(2.4rem, 1.4rem + 5vw, 5rem);
  --interligne: 1.65;

  /* Règles d'alignement : le texte courant est aligné à gauche ;
     seuls les titres de section, le héros, les bandeaux et le pied sont centrés. */
  --align-section-titre: center;
  --align-texte: left;

  --ombre: 0 10px 30px rgba(0, 0, 0, 0.45);
  --transition: 180ms ease;

  /* Signature du pied de page (assets/css/signature-iav.css), reprise d'acpf.lu
     et réglée le 24/10/2026 : nettement plus petite que le texte courant (au plus
     --t-petit), logo d'environ 1,5 rem, séparée du compteur par un espace et un
     filet, tout en texte secondaire, liens jamais soulignés. */
  --pied-taille: 0.75rem;
  --pied-logo-hauteur: 1.5rem;
  --pied-logo-alignement: middle;
  --pied-logo-marge: 0.25rem;
  --pied-signature-espace: var(--esp-3);       /* entre le compteur et le filet */
  --pied-signature-respiration: var(--esp-1);  /* entre le filet et la signature */
  --pied-filet-epaisseur: 1px;
  --pied-filet-couleur: var(--c-trait);
  --couleur-discret: var(--c-texte-2);
  --pied-lien-couleur: var(--c-texte-2);
  --pied-lien-survol: var(--c-rouge-vif);      /* comme les autres liens du pied */
  --focus-couleur: var(--c-rouge);
  --focus-epaisseur: 0.125rem;
  --focus-decalage: 0.1875rem;
}
@media (min-width: 60rem) {
  :root { --gouttiere: var(--gouttiere-large); }
}