/* ============================================================================
   EAGLE ACADEMY · RACCORD DE CHARTE
   ----------------------------------------------------------------------------
   À QUOI SERT CE FICHIER

   La home tourne sur `eagle.css` (la charte). Les 20 autres pages (formations,
   diagnostics, séminaire, blog, vidéos, membre, accompagnement…) chargent
   encore les anciennes feuilles, qui portent DEUX familles de variables
   parallèles pour la même marque :

     --ea-*   défini dans design-system.css   (104 usages de --ea-gold seul)
     --pr-*   défini dans premium.css

   Réécrire ces 20 pages une par une prendrait des heures et casserait
   forcément quelque chose. Ce fichier fait autrement : il **repointe** les deux
   familles vers les valeurs canoniques. Une seule couleur à changer, et les
   20 pages suivent.

   ⚠️ IL DOIT ÊTRE CHARGÉ EN DERNIER.
   Deux blocs `:root` qui déclarent la même propriété : c'est le dernier lu qui
   gagne. Placé avant premium.css, ce fichier ne servirait à rien.

       <link rel="stylesheet" href="assets/css/premium.css">
       <link rel="stylesheet" href="assets/css/refonte-2026.css">
       <link rel="stylesheet" href="assets/css/charte.css">   <- en dernier

   Ce fichier ne contient QUE des variables : il ne peut pas déplacer un
   élément ni casser une mise en page. Il change des couleurs, rien d'autre.

   👉 Les valeurs de référence vivent dans `assets/css/eagle.css`, bloc :root.
      Quand elles changent là-bas, les reporter ici.
   ========================================================================= */

:root {
  /* ---- Les valeurs canoniques (identiques à eagle.css) ---------------- */
  --ink:   #F7F6FA;   /* fond principal */
  --ink-2: #FFFFFF;   /* surface soulevée */
  --ink-3: #E7E6EA;   /* surface haute */

  --gold:    #6657E8;
  --gold-hi: #7A6CEE;
  --cyan:    #005FCC;
  --cyan-hi: #3D8AE0;
  --violet:  #9A8DF2;
  --rouge:   #C6283C;
  --turquoise: #1F8A6D;

  --tx-1: #1F1F23;
  --tx-2: #52525A;
  --tx-3: #7A7A82;

  --gold-dim:  #9A8DF2;
  --gold-dark: #5346C4;
  --cyan-dark: #004FA8;
  --violet-hi: #B8AEF7;
  --rouge-hi:  #E05A6B;
  --bone:      #1F1F23;
  --bone-2:    #E7E6EA;
  --white:     #FFFFFF;
  --ok:        var(--turquoise);
  --warn:      var(--gold);
  --bad:       var(--rouge);

  /* ---- Famille --ea-* (design-system.css) ---------------------------- */
  /* Les nuances de bleu nuit sont ramenées sur trois niveaux au lieu de cinq :
     au-delà de trois, l'œil ne fait plus la différence et personne ne sait
     laquelle utiliser. */
  --ea-navy-deep:    var(--ink);
  --ea-navy:         var(--ink-2);
  --ea-navy-light:   var(--ink-3);
  --ea-navy-mid:     var(--ink-3);
  --ea-navy-surface: var(--ink-3);

  /* Les deux cyans du projet (#005FCC et #005FCC) sont unifiés. */
  --ea-cyan:       var(--cyan);
  --ea-cyan-light: var(--cyan-hi);
  --ea-cyan-dark:  #004FA8;
  --ea-cyan-muted: rgb(0 188 212 / 0.15);

  --ea-gold:       var(--gold);
  --ea-gold-light: var(--gold-hi);
  --ea-gold-dark:  #9A8DF2;
  --ea-gold-muted: rgb(212 175 55 / 0.15);

  /* Le violet passe de #502FC6 à celui du pilier « L'Exit ». */
  --ea-violet:       var(--violet);
  --ea-violet-light: #B8AEF7;
  --ea-violet-muted: rgb(124 58 237 / 0.15);

  --ea-text-primary:   var(--tx-1);
  --ea-text-secondary: var(--tx-2);
  --ea-text-muted:     var(--tx-3);
  --ea-text-gold:      var(--gold);

  --ea-success: var(--turquoise);
  --ea-warning: var(--gold);
  --ea-error:   var(--rouge);

  --ea-border:  rgb(0 188 212 / 0.14);
  --ea-bg-card: var(--ink-2);

  /* ---- Famille --pr-* (premium.css) ---------------------------------- */
  --pr-bg:             var(--ink);
  --pr-bg-deep:        var(--ink-2);
  --pr-bg-card:        var(--ink-2);
  --pr-bg-card-hover:  var(--ink-3);
  --pr-border:         rgb(0 188 212 / 0.14);
  --pr-border-hover:   rgb(0 188 212 / 0.32);
  --pr-accent:         var(--cyan);
  --pr-accent-light:   var(--cyan-hi);
  --pr-gold:           var(--gold);
  --pr-gold-light:     var(--gold-hi);
  --pr-text:           var(--tx-1);
  --pr-text-secondary: var(--tx-2);
  --pr-text-muted:     var(--tx-3);
  --pr-success:        var(--turquoise);

  /* ---- Typographie : une seule famille, partout ---------------------- */
  --ea-font-primary: 'Sora', 'Inter', -apple-system, BlinkMacSystemFont,
                     'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --pr-font: var(--ea-font-primary);
}

/* Le corps de page prend le fond canonique même quand l'ancienne feuille
   l'écrivait en dur. Sans ça, une page restait en #E7E6EA pendant que la home
   était en #F7F6FA : deux bleus différents à un clic d'écart. */
body {
  background-color: var(--ink);
  font-family: var(--ea-font-primary);
}