/* ==========================================================================
   EPN — Jetons de design

   COULEURS DE MARQUE
   Toute l'identité visuelle du site descend des trois valeurs ci-dessous.
   Pour caler le site sur la charte exacte d'EPN, il suffit de remplacer ces
   trois lignes : survols, fonds, tranches, bandeaux et ombres s'alignent
   automatiquement.

     --bleu   le bleu du logo (fichier source : NEW_LOGO_EPN_BLEU)
     --or     l'accent chaud
     --encre  la couleur du texte
   ========================================================================== */

:root {
  /* --- Marque ---------------------------------------------------------- */
  --bleu: #0A4EA3;          /* bleu EPN, couleur maîtresse */
  --or: #E9A417;            /* accent chaud */
  --encre: #0D1B33;         /* texte principal */

  /* Déclinaisons du bleu */
  --bleu-vif: #1466C8;      /* survols et liens */
  --bleu-nuit: #072F63;     /* hero et bandeaux de page */
  --bleu-encre: #041E45;    /* pied de page */
  --bleu-voile: #EAF1FA;    /* fond des sections alternées */
  --bleu-trait: #D3E1F2;    /* filets et bordures */
  --or-clair: #F7CE7B;

  /* Noms conservés pour les feuilles de page déjà écrites */
  --bleu-clair: var(--bleu-vif);
  --safran: var(--or);
  --safran-clair: var(--or-clair);

  /* --- Niveaux scolaires (codage couleur porteur de sens) --------------- */
  --niv-prescolaire: #B05B0C;
  --niv-fondamental: var(--bleu);
  --niv-secondaire: #12776A;
  --niv-litterature: #7B3A66;

  /* --- Surfaces --------------------------------------------------------- */
  --papier: #FBFCFE;        /* fond général, très légèrement bleuté */
  --papier-creux: var(--bleu-voile);
  --papier-bord: var(--bleu-trait);
  --blanc: #FFFFFF;

  --encre-douce: #46587A;   /* texte secondaire */
  --encre-tenue: #5A6E8C;   /* méta et légendes */

  /* --- Typographie ------------------------------------------------------ */
  --titre: "Fraunces", "Iowan Old Style", Georgia, serif;
  --texte: "Archivo", "Helvetica Neue", Arial, sans-serif;

  --t-affiche: clamp(2.9rem, 6.4vw, 5.25rem);
  --t-h1: clamp(2.3rem, 4.6vw, 3.6rem);
  --t-h2: clamp(1.8rem, 3.2vw, 2.6rem);
  --t-h3: clamp(1.25rem, 1.8vw, 1.5rem);
  --t-h4: 1.0625rem;
  --t-corps: 1.0625rem;
  --t-petit: 0.9375rem;
  --t-mini: 0.8125rem;

  /* --- Rythme ----------------------------------------------------------- */
  --e1: 0.5rem;
  --e2: 1rem;
  --e3: 1.5rem;
  --e4: 2.25rem;
  --e5: 3.5rem;
  --e6: 5.5rem;
  --e7: 8rem;

  --cadre: 1240px;
  --cadre-etroit: 760px;
  --gouttiere: clamp(1.25rem, 4vw, 3rem);

  /* --- Arrondis et reliefs ---------------------------------------------- */
  --r-petit: 4px;
  --r-moyen: 10px;
  --r-grand: 20px;

  /* Ombres teintées de bleu plutôt que de gris neutre */
  --ombre-livre: 0 18px 34px -18px rgba(7, 47, 99, .45), 0 3px 8px -4px rgba(7, 47, 99, .18);
  --ombre-livre-levee: 0 30px 52px -20px rgba(7, 47, 99, .5), 0 6px 14px -6px rgba(7, 47, 99, .22);
  --ombre-carte: 0 1px 2px rgba(7, 47, 99, .07), 0 12px 28px -20px rgba(7, 47, 99, .35);

  --transition: 220ms cubic-bezier(.22, .61, .36, 1);
}