/* =========================================================
   pp-tokens.css
   Paroisse de Poissy — source unique des noms courts --pp-*.

   Chaque couleur pointe sur son prereglage theme.json, avec la
   valeur litterale en repli. Les prereglages restent la source :
   modifier une couleur se fait dans settings.color.palette de
   theme.json, et le repli ici doit suivre.

   POURQUOI UN REPLI — les noms courts ont d'abord ete declares dans
   le bloc styles.css de theme.json. Quand les styles globaux ne sont
   pas emis, aucune variable ne resout : fonds, boutons et couleurs de
   texte disparaissent d'un coup, sans qu'aucune regle n'apparaisse
   barree dans l'inspecteur. Le repli evite cette panne totale.

   DIAGNOSTIC — si les couleurs du site divergent de l'editeur, c'est
   que les styles globaux ne sont pas charges et que les replis ont
   pris le relais. Chercher « wp-global-styles-inline-css » dans le
   code source de la page.

   Charge sur le site ET dans l'editeur.
   ========================================================= */

:root,
.editor-styles-wrapper {

  /* ----- couleurs ----- */
  --pp-navy:                 var(--wp--preset--color--pp-navy, #13294B);
  --pp-navy-deep:            var(--wp--preset--color--pp-navy-deep, #0E1F3A);
  --pp-navy-deep:            var(--wp--preset--color--pp-navy-soft, #4a587a);
  --pp-blue:                 var(--wp--preset--color--pp-blue, #2C7AD1);
  --pp-blue-pale:            var(--wp--preset--color--pp-blue-pale, #E7F0FA);
  --pp-blue-light:           var(--wp--preset--color--pp-blue-light, #CBD2E3);
  --pp-on-navy:              var(--wp--preset--color--pp-on-navy, #8B95AD);
  --pp-muted:                var(--wp--preset--color--pp-muted, #61728C);
  --pp-saffron:              var(--wp--preset--color--pp-saffron, #F2A649);
  --pp-saffron-light:        var(--wp--preset--color--pp-saffron-light, #F7BA6C);
  --pp-saffron-pale:         var(--wp--preset--color--pp-saffron-pale, #FDF1DF);
  --pp-amber-text:           var(--wp--preset--color--pp-amber-text, #A0641E);
  --pp-cream:                var(--wp--preset--color--pp-cream, #F5F0E7);
  --pp-cream-dark:           var(--wp--preset--color--pp-cream-dark, #EDE5D6);
  --pp-line:                 var(--wp--preset--color--pp-line, #DFE5EE);
  --pp-white:                var(--wp--preset--color--pp-white, #FFFFFF);
  --pp-ink:                  var(--wp--preset--color--pp-ink, #000000);

  /* ----- fontes ----- */
  --pp-display:     var(--wp--preset--font-family--pp-display, "Bricolage Grotesque", system-ui, sans-serif);
  --pp-font:        var(--wp--preset--font-family--pp-text, "Supreme LL", system-ui, sans-serif);

  /* ----- formes ----- */
  --pp-radius-sm:   10px;
  --pp-radius:      14px;
  --pp-radius-lg:   20px;
  --pp-radius-pill: 999px;

  /* ----- largeurs ----- */
  --pp-wrap:        1440px;
  --pp-wrap-text:   780px;
  --pp-gutter:      24px;
  --pp-measure:     70ch;

  /* ----- rythme vertical ----- */
  --pp-space-xs:    .75rem;
  --pp-space-s:     1.25rem;
  --pp-space-m:     2.5rem;
  --pp-space-l:     4rem;

  /* ----- texte ----- */
  --pp-body:        17px;
  --pp-lh:          1.75;
}