/* ============================================================
   PEP — Pronos Entre Potes · DESIGN SYSTEM PARTAGÉ (base.css)
   ------------------------------------------------------------
   Ce fichier centralise ce qui est COMMUN à toutes les pages :
     • les tokens de la charte (couleurs, rayons, ombres, espacements) ;
     • le reset et les styles de base (body, liens, images) ;
     • quelques utilitaires d'état universels (.ok / .err).

   BUT : changer la palette ou un token = 1 seule modification ici,
   répercutée automatiquement sur tout le site. Les styles PROPRES à
   une page (cartes, boutons spécifiques, mises en page) restent dans
   le <style> de cette page — on ne factorise QUE le tronc commun.

   ⚠️ Les NOMS de variables sont historiques (couplés au JS/CSS existant)
   mais leurs VALEURS suivent la charte PEP (refonte vert 2026-08) :
     --vert / --accent / --pep = VERT PROFOND #0D4C2E (identité, CTA, accents)
     --sec                     = MAUVE-GRIS #73566D (accent secondaire, PARCIMONIE)
     --txt                     = ANTHRACITE #2E2E2E (titres & textes)
     --bg                      = BLANC CASSÉ #FFF9EE (toile de fond, majoritaire)
     --succes                  = VERT SAUGE #65A77A (« validé / terminé / ok »)
     --err                     = ROUGE #D9534F
     --bleu                    = ORANGE AMBRÉ #E89A16 → Questionnaire PEP GÉNÉSIO (accent)
     --violet                  = VIOLET PREMIUM #8062A8 → Questionnaire PEP GUARDIOLA (accent)
   Le vert #0D4C2E est LA couleur d'identité ; il doit rester un point
   d'attention sur fond clair, pas un aplat omniprésent. Le mauve #73566D
   reste discret. Les couleurs fonctionnelles ne concurrencent pas le vert.
   ============================================================ */

:root {
  /* — Fonds & surfaces — */
  --bg:#fff9ee; --bg2:#f6efe0; --card:#ffffff;
  /* — Texte — */
  --txt:#2e2e2e; --txt2:#4a4a4a; --muted:#807a72;
  /* — Bordures — */
  --border:#e8e0d1; --border2:#f0e9db;
  /* — Identité VERT PROFOND PEP (l'accent, les CTA) —
     --vert2 = vert émeraude plus clair (dégradés/profondeur),
     --vert-d = vert très foncé (ombres portées, survols). */
  --accent:#0d4c2e; --vert:#0d4c2e; --vert2:#1c6b41; --vert-d:#083320;
  --pep:#0d4c2e; --pep2:#1c6b41; --pep-d:#083320;
  /* — Accent secondaire mauve-gris (À UTILISER AVEC PARCIMONIE) — */
  --sec:#73566d; --sec2:#8d6e86; --sec-d:#5a4356;
  /* — États — */
  --succes:#65a77a; --succes-d:#4d8a61; --err:#d9534f;
  /* — Questionnaires (accent SECONDAIRE, ≤ ~15 %, jamais un aplat de section) :
       orange = PEP Génésio, violet = PEP Guardiola. Noms historiques conservés. */
  --bleu:#e89a16; --violet:#8062a8;
  --bleu-clair:#f2b64a; --violet-clair:#a488c6;
  /* — Or/ambre : touche secondaire chaude (carte de joueur) — */
  --or2:#d8a24a; --or2-clair:#f0be55;
  /* — Rayons — */
  --r-lg:26px; --r-md:18px; --r-sm:12px;
  /* — Ombres — */
  --sh-xs:0 1px 2px rgba(11,18,32,.05);
  --sh-sm:0 1px 2px rgba(11,18,32,.04), 0 2px 6px rgba(11,18,32,.05);
  --sh-md:0 14px 34px -14px rgba(11,18,32,.20);
  --sh-lg:0 34px 60px -24px rgba(11,18,32,.30);
  --ombre:var(--sh-sm);
  /* — Mise en page — */
  --maxw:940px; --pad:22px;
  /* — Animation — */
  --ease:cubic-bezier(.2,.7,.2,1);
}

/* ─── Reset & base ─────────────────────────────────────────── */
* { box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; }
body {
  margin:0;
  font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  background:var(--bg); color:var(--txt); line-height:1.55;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
a { color:inherit; }
img { max-width:100%; }

/* ─── Utilitaires d'état universels ────────────────────────── */
.ok  { color:var(--succes); }
.err { color:var(--err); }