/* Tokens Cadences : source = plaquette 13i (DA de facto), pipette du 04/08/2026.
   Couleurs relevées sur pages 1, 3, 9 du PDF (voir da-teaser.md). */

:root {
  /* Palette identitaire (3 usages = 3 couleurs, légende plaquette p1/p14) */
  --c-magenta: #E6007D;        /* signature : titres, accents, Messagerie */
  --c-marine: #14385A;         /* texte fort, fonds sombres, Locaux d'activités */
  --c-sauge: #739480;          /* accent secondaire, Logistique urbaine */

  /* Déclinaisons relevées */
  --c-magenta-70: #EB3F9C;
  --c-magenta-40: #EF6BB3;
  --c-magenta-15: #F9C1DF;

  /* Neutres */
  --c-blanc: #FFFFFF;
  --c-gris-fond: #F0F0F3;      /* fond de page plaquette */
  --c-anthracite: #2B2B2B;     /* bardage bâtiment, photos */
  --c-texte: var(--c-marine);

  /* Typographie : charte plaquette = Aaux Pro (commerciale, identifiée dans
     le PDF le 04/08 ; licence web à demander à 13i si signature). Équivalent
     libre : Poppins auto-hébergée (assets/fonts), jamais de CDN. */
  --font-titre: "Poppins", "Segoe UI", system-ui, sans-serif;
  --font-corps: "Poppins", "Segoe UI", system-ui, sans-serif;
  /* Correction du 04/08/2026 (agrandissement des titres p4 et p8) : la question
     « LE PROJET ? » n'est pas en Bold mais en Medium ; le Bold de la plaquette
     est réservé aux libellés courts (TOTAL, sous-titres à chevron, contacts). */
  --graisse-question: 500;     /* LA QUESTION ? capitales magenta */
  --graisse-titre: 700;        /* libellés courts : TOTAL, sous-titres, contacts */
  --graisse-light: 300;        /* « 3 réponses... » light, corps larges */
  --interlettre-titre: 0.02em;
  --interlettre-baseline: 0.35em; /* BEZONS - GRAND PARIS */

  /* Échelle fluide (teaser plein écran) */
  --t-hero: clamp(2.6rem, 7vw, 6.5rem);
  --t-question: clamp(2rem, 5vw, 4.2rem);
  --t-reponse: clamp(2.4rem, 6vw, 5.2rem);
  --t-chiffre: clamp(3rem, 8vw, 7rem);
  --t-corps: clamp(1rem, 1.4vw, 1.2rem);

  /* Rythme */
  --espace-section: clamp(4rem, 12vh, 9rem);
  --duree-reveal: 900ms;
  --easing-signature: cubic-bezier(0.22, 1, 0.36, 1);
}