/* =====================================================================
   CHARTE DEVENIRAGENTFOOT — une seule identité (04/10/2026, expertise point 24)
   Jetons relevés sur l'accueil (la page la plus vue) et appliqués au blog,
   au guide FIFA, aux examens blancs, à la page méthode et aux pages légales.

   Chargée APRÈS le <style> de chaque page : elle redéfinit les variables
   locales (--vert, --noir…) et l'habillage commun (logo, menu, boutons,
   surtitres), sans toucher au texte. Ne pas la poser sur l'accueil (il a ses
   propres règles, mêmes valeurs) ni sur la page Ads, fabriquée par script.

   Contrastes mesurés (WCAG 2.1, fond #0A0A0A) :
     vert #00D26A 9,83:1 · texte noir sur bouton vert 9,83:1
     gris #A8A8A8 8,33:1 · gris du pied #8A8A8A 5,73:1 (posés le 04/10, gardés)
   Polices hébergées sur le site (aucun appel à Google Fonts).
   ===================================================================== */

@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;
  src:url('/assets/fonts/Inter-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;
  src:url('/assets/fonts/Inter-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Archivo';font-style:normal;font-weight:100 900;font-display:swap;
  src:url('/assets/fonts/Archivo-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Archivo Black';font-style:normal;font-weight:400;font-display:swap;
  src:url('/assets/fonts/ArchivoBlack-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---- 1. Jetons (valeurs exactes de l'accueil) ---- */
:root{
  --daf-noir:#0A0A0A;
  --daf-noir-doux:#141414;
  --daf-noir-eleve:#1E1E1E;
  --daf-blanc:#FFFFFF;
  --daf-trait:rgba(255,255,255,.1);
  --daf-vert:#00D26A;
  --daf-vert-profond:#00A854;
  --daf-rouge:#E1251B;            /* gros caractères seulement : 4,23:1 */
  --daf-police-texte:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
  --daf-police-marque:'Archivo Black','Archivo',Arial,sans-serif;
  --daf-police-bouton:'Archivo','Inter',Arial,sans-serif;
  --daf-rayon-pilule:999px;
  --daf-rayon-carte:12px;

  /* Les variables locales des pages pointent désormais sur les jetons.
     Trois articles et les pages légales avaient un autre vert (#00e676). */
  --noir:var(--daf-noir);
  --vert:var(--daf-vert);
  --vert-sombre:var(--daf-vert-profond);
  --gris-f:var(--daf-noir-doux);
  --noir-2:var(--daf-noir-doux);
}

/* ---- 2. Texte : la police de l'accueil, la mesure d'un livre ---- */
body{font-family:var(--daf-police-texte);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
/* Mesure : colonne de 656 px, soit 608 px de texte, 70 à 74 caractères par
   ligne en Inter 18 px (85 avant). Le guide FIFA (grille à deux colonnes, 1 020 px)
   est exclu ; un navigateur sans :has() ignore la règle et garde l'ancienne largeur. */
html:not(:has(.wrap.grille)) .wrap,
html:not(:has(.wrap.grille)) .fil{max-width:656px;}
.programme p{max-width:32em;}   /* guide FIFA : 86 → ~72 caractères */
h1,h2{font-family:var(--daf-police-texte);font-weight:800;letter-spacing:-.015em;text-wrap:balance;}
h3{text-wrap:balance;}
:target{scroll-margin-top:24px;}

/* Liens du corps de texte : vert de la marque, soulignement net et décollé */
main p a:not([class]),main li a:not([class]),article p a:not([class]),article li a:not([class]),
main td a:not([class]),article td a:not([class]){
  text-decoration-thickness:1px;text-underline-offset:.2em;
}

/* ---- 3. Logo : celui de l'accueil (Archivo Black, « Agent » en vert, point vert) ---- */
a.logo{
  display:inline-flex;align-items:center;gap:10px;min-height:44px;
  font-family:var(--daf-police-marque);font-weight:400;font-size:17px;
  letter-spacing:-.02em;text-transform:uppercase;color:var(--daf-blanc);text-decoration:none;
}
a.logo::before{content:'';flex:0 0 auto;width:10px;height:10px;border-radius:50%;background:var(--daf-vert);}
a.logo .logo-accent{color:var(--daf-vert);}
a.logo:hover .logo-accent{color:var(--daf-blanc);}

/* ---- 4. Menu : le bouton plein de l'accueil ---- */
.nav-liens a{min-height:44px;display:inline-flex;align-items:center;}
.nav-liens a.nav-cta,header a.nav-cta{
  display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 20px;
  background:var(--daf-vert);color:var(--daf-noir);
  font-family:var(--daf-police-bouton);font-weight:800;font-size:12px;
  letter-spacing:.08em;text-transform:uppercase;text-decoration:none;
  border-radius:var(--daf-rayon-pilule);
  transition:transform .2s ease,background-color .3s ease;
}
.nav-liens a.nav-cta:hover,.nav-liens a.nav-cta:focus-visible,
header a.nav-cta:hover,header a.nav-cta:focus-visible{background:var(--daf-blanc);color:var(--daf-noir);transform:translateY(-2px);}
.nav-liens a.nav-cta[aria-current="page"]{color:var(--daf-noir);}
/* Pastille cerclée de vert (comme « Blog » et « Connexion » sur l'accueil) : l'Entraînement, 06/10/2026. */
.nav-liens a.nav-cta-contour{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;background:transparent;color:var(--daf-vert);border:2px solid var(--daf-vert);font-family:var(--daf-police-bouton);font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border-radius:var(--daf-rayon-pilule);transition:transform .2s ease,background-color .3s ease,color .3s ease;}
.nav-liens a.nav-cta-contour:hover,.nav-liens a.nav-cta-contour:focus-visible{background:var(--daf-vert);color:var(--daf-noir);transform:translateY(-2px);}
.nav-liens a.nav-cta-contour[aria-current="page"]{background:var(--daf-vert);color:var(--daf-noir);}

/* ---- 5. Surtitres : la pastille cerclée de vert de l'accueil ---- */
.kicker,.eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  padding:7px 15px;border:1px solid var(--daf-vert);border-radius:var(--daf-rayon-pilule);
  color:var(--daf-vert);font-size:12px;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;line-height:1.4;
}

/* ---- 6. Boutons : pilule verte, Archivo 800 en capitales ---- */
.btn,.envoi,.btn-produit{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:48px;border-radius:var(--daf-rayon-pilule);
  font-family:var(--daf-police-bouton);font-weight:800;font-size:14px;line-height:1.3;
  letter-spacing:.08em;text-transform:uppercase;text-decoration:none;
  transition:transform .2s ease,background-color .3s ease,color .3s ease;
}
.btn:not(.btn-ghost):not(:disabled):hover,.envoi:not(:disabled):hover,.btn-produit:hover{
  background:var(--daf-blanc);color:var(--daf-noir);transform:translateY(-2px);
}
.btn-ghost:not(:disabled):hover{background:var(--daf-vert);color:var(--daf-noir);transform:translateY(-2px);}

/* ---- 7. Cartes : le rayon de l'accueil ---- */
.cta{border-radius:var(--daf-rayon-carte);}

/* Gris secondaires restés sous le seuil hors des 43 articles corrigés le matin
   (guide FIFA, examens blancs) : on reprend le gris du pied des articles. */
.note,.garder .note,#gate .note,.rappel,.corr .ref{color:#8a8a8a;}   /* #6a6a6a 3,41:1 → 5,73:1 */
.note a{color:#a8a8a8;}               /* 8,33:1, toujours souligné */
.note a[style]{color:#a8a8a8 !important;}   /* guide FIFA : couleur #6a6a6a posée dans l'attribut style */
.champ::placeholder,#gate input::placeholder{color:#8a8a8a;}
/* Bandeau « saison FIFA » (vie.css) : le <strong> héritait du blanc des articles,
   blanc sur vert = 2,01:1. Il reprend le noir du bandeau : 9,83:1. */
.saison-bandeau strong{color:#0A0A0A;}
footer,footer a{color:#8a8a8a;}       /* #6a6a6a 3,66:1 → 5,73:1 */

/* ---- 8. Focus visible partout ---- */
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid var(--daf-vert);outline-offset:3px;
}

/* ---- 9. Pages légales (CGV, mentions, confidentialité) ----
   Leur <style> est chargé APRÈS cette feuille : on monte d'un cran de spécificité. */
body.legal-page{font-family:var(--daf-police-texte);font-size:17px;}
body.legal-page .legal-container{max-width:580px;}   /* 94 → ~74 caractères par ligne */
body.legal-page .legal-eyebrow{color:var(--daf-vert);border-color:var(--daf-vert);}
body.legal-page .legal-eyebrow::before{background:var(--daf-vert);}
body.legal-page a{color:var(--daf-vert);border-bottom-color:rgba(0,210,106,.45);}
body.legal-page a:hover{color:var(--daf-blanc);border-bottom-color:var(--daf-blanc);}
body.legal-page a.legal-back{background:var(--daf-vert);color:var(--daf-noir);font-family:var(--daf-police-bouton);font-weight:800;letter-spacing:.08em;}
body.legal-page a.legal-back:hover{background:var(--daf-blanc);color:var(--daf-noir) !important;}

/* ---- 10. Mouvement réduit ---- */
@media (prefers-reduced-motion:reduce){
  .nav-liens a.nav-cta,header a.nav-cta,.btn,.envoi,.btn-produit,body.legal-page a.legal-back{transition:none;}
  .nav-liens a.nav-cta-contour{transition:none;}
  .nav-liens a.nav-cta-contour:hover{transform:none;}
  .nav-liens a.nav-cta:hover,header a.nav-cta:hover,.btn:hover,.envoi:hover,.btn-produit:hover,body.legal-page a.legal-back:hover{transform:none;}
}

/* ---- 11. Petits écrans : la rangée du menu passe à la ligne sans déborder ---- */
@media (max-width:420px){
  .nav-liens a.nav-cta,header a.nav-cta{padding:0 16px;}
  .nav-liens a.nav-cta-contour{padding:0 14px;}
  a.logo{font-size:16px;}
}