/* ============================================================
   TOKENS RACCORDIA
   Le seul fichier a modifier pour changer la charte.
   Source : 07 - Identite visuelle/02 - Systeme graphique/Fondations graphiques.md
   ============================================================ */

:root {
  /* --- Palette validee le 23/07/2026 --- */
  --encre: #17213E;          /* base : texte long sur fond clair, fonds forts */
  --elan: #C7F36B;           /* signal : jamais en texte courant sur fond clair */
  --corail: #FF765C;         /* accent ponctuel : jamais en texte de lecture */
  --mineral: #F8F8F4;        /* fond clair, et texte sur fond encre */
  --ardoise: #526176;        /* texte secondaire, legendes */

  /* --- Derivees, calculees depuis la palette de base ---
     Elles evitent de reintroduire des couleurs qui ne sont pas a la charte. */
  --encre-profond: #101829;  /* encre assombri : detache le pied sans trait */
  --encre-voile: rgba(23, 33, 62, 0.72);   /* texte secondaire sur fond clair */
  --mineral-voile: rgba(248, 248, 244, 0.74); /* texte secondaire sur fond encre */
  --mineral-tenu: rgba(248, 248, 244, 0.12);  /* surfaces posees sur l'encre */
  --elan-halo: rgba(199, 243, 107, 0.16);
  --corail-halo: rgba(255, 118, 92, 0.14);
  --elan-pastel: #EDF9D8;    /* vert elan tres delave : fond de surface claire */
  --elan-pastel-vif: #E3F5C2; /* le meme, un cran plus present : survol, ouvert */

  /* --- Typographies --- */
  --titres: "Onest", system-ui, -apple-system, sans-serif;
  --corps: "DM Sans", system-ui, -apple-system, sans-serif;

  /* --- Espacements : multiples de 8px, prescrit par les fondations --- */
  --e1: 8px;
  --e2: 16px;
  --e3: 24px;
  --e4: 32px;
  --e5: 48px;
  --e6: 64px;
  --e7: 96px;
  --e8: 128px;

  /* --- Rayons : angles franchement arrondis, langage des modules --- */
  --rayon-s: 10px;
  --rayon-m: 18px;
  --rayon-l: 28px;
  --rayon-plein: 999px;

  /* --- Ombres teintees encre.
     Pas de bordure decorative dans ce projet : la separation passe par
     l'aplat, l'ombre et l'espacement. --- */
  --ombre-posee: 0 2px 8px rgba(23, 33, 62, 0.06);
  --ombre-carte: 0 12px 32px rgba(23, 33, 62, 0.08);
  --ombre-levee: 0 20px 48px rgba(23, 33, 62, 0.14);
  --ombre-flottante: 0 24px 64px rgba(23, 33, 62, 0.18);

  /* --- Mouvement : une seule courbe pour tout le site --- */
  --sortie: cubic-bezier(0.22, 1, 0.36, 1);
  --vite: 0.18s var(--sortie);
  --moyen: 0.32s var(--sortie);
  --lent: 0.6s var(--sortie);

  /* --- Grammaire de mouvement : calme, alignement, progression --- */
  --motion-distance: 28px;
  --pointer-amplitude: 5px;
  --spotlight-size: 260px;

  /* --- Mesures --- */
  --largeur-max: 1180px;
  --largeur-texte: 68ch;
}