/* =========================================================================
   PARACHUTISME FRANCE — PONT DE JETONS
   theme.json est désormais LA source du Design System pour tout ce que
   WordPress sait gérer nativement. Ce fichier ne DÉFINIT plus rien : il
   fait correspondre les variables --pf-* utilisées par
   base.css/components.css/utilities.css aux variables réellement générées
   par WordPress (--wp--preset--*, --wp--custom--*).

   ATTENTION — comportement WordPress non documenté clairement, vérifié
   empiriquement le 9 août 2026 (voir DECISIONS.md) :
   1) un slug lettre+chiffre collé ("h1", "3xs"...) reçoit un tiret inséré
      automatiquement ("h-1", "3-xs") dans le nom de la variable générée.
      Les slugs eux-mêmes dans theme.json restent "h1"/"3xs" (lisibles),
      seule la variable CSS produite change de forme.
   2) une clé imbriquée dans settings.custom (ex. custom.pf.radius.sm)
      produit DEUX tirets par niveau : --wp--custom--pf--radius--sm, pas
      --wp--custom--pf-radius--sm comme on l'attendrait naturellement.
   Documenté ici pour ne pas re-perdre de temps si theme.json évolue.
   ========================================================================= */

:root {
	/* Couleurs */
	--pf-color-accent: var(--wp--preset--color--pf-accent);
	--pf-color-accent-strong: var(--wp--preset--color--pf-accent-strong);
	/* pf-accent-deep : variante texte de l'accent fort, réservée aux petits
	   textes sur fond clair (eyebrows). #E11D5A descend jusqu'à 4.07:1 sur
	   --pf-color-mist, sous le seuil AA 4.5:1 — mesuré, pas estimé, lors de
	   la passe correctifs UI/UX du 9 août 2026. #C81748 passe 5.02:1 sur mist
	   (le fond le plus défavorable) tout en restant très proche visuellement.
	   Ne remplace pas --pf-color-accent-strong, qui reste inchangé pour les
	   boutons/liens déjà conformes (ex. bouton "Rechercher", 4.64:1). */
	--pf-color-accent-deep: var(--wp--preset--color--pf-accent-deep);
	--pf-color-ink: var(--wp--preset--color--pf-ink);
	--pf-color-slate: var(--wp--preset--color--pf-slate);
	--pf-color-muted: var(--wp--preset--color--pf-muted);
	--pf-color-slate-light: var(--wp--preset--color--pf-slate-light);
	--pf-color-white: var(--wp--preset--color--pf-white);
	--pf-color-offwhite: var(--wp--preset--color--pf-offwhite);
	--pf-color-mist: var(--wp--preset--color--pf-mist);
	--pf-color-navy: var(--wp--preset--color--pf-navy);
	--pf-color-blue: var(--wp--preset--color--pf-blue);
	--pf-color-sky: var(--wp--preset--color--pf-sky);
	--pf-color-sky-deep: var(--wp--preset--color--pf-sky-deep);

	/* Typographie */
	--pf-font-body: var(--wp--preset--font-family--barlow);
	--pf-font-heading: var(--wp--preset--font-family--barlow-condensed);
	--pf-weight-body: 400;
	--pf-weight-nav: 600;
	--pf-weight-button: 700;
	--pf-weight-heading-lg: 800;
	--pf-weight-heading-sm: 700;

	--pf-fs-eyebrow: var(--wp--preset--font-size--eyebrow);
	--pf-fs-small: var(--wp--preset--font-size--small);
	--pf-fs-body: var(--wp--preset--font-size--body);
	--pf-fs-h6: var(--wp--preset--font-size--h-6);
	--pf-fs-h5: var(--wp--preset--font-size--h-5);
	--pf-fs-h4: var(--wp--preset--font-size--h-4);
	--pf-fs-h3: var(--wp--preset--font-size--h-3);
	--pf-fs-h2: var(--wp--preset--font-size--h-2);
	--pf-fs-h1: var(--wp--preset--font-size--h-1);
	--pf-line-body: 1.6;
	--pf-line-heading: 1.15;

	/* Containers (theme.json settings.layout) */
	--pf-container-main: var(--wp--style--global--wide-size);
	--pf-container-editorial: var(--wp--style--global--content-size);
	--pf-container-padding: var(--wp--custom--pf--container-padding);

	/* Espacements (theme.json settings.spacing.spacingSizes) */
	--pf-space-3xs: var(--wp--preset--spacing--3-xs);
	--pf-space-2xs: var(--wp--preset--spacing--2-xs);
	--pf-space-xs: var(--wp--preset--spacing--xs);
	--pf-space-sm: var(--wp--preset--spacing--sm);
	--pf-space-md: var(--wp--preset--spacing--md);
	--pf-space-lg: var(--wp--preset--spacing--lg);
	--pf-space-xl: var(--wp--preset--spacing--xl);
	--pf-space-2xl: var(--wp--preset--spacing--2-xl);
	--pf-space-section: var(--wp--custom--pf--space-section);

	/* Radius / ombres (theme.json settings.custom.pf) */
	--pf-radius-sm: var(--wp--custom--pf--radius--sm);
	--pf-radius-md: var(--wp--custom--pf--radius--md);
	--pf-radius-lg: var(--wp--custom--pf--radius--lg);
	--pf-radius-pill: var(--wp--custom--pf--radius--pill);
	--pf-shadow-sm: var(--wp--custom--pf--shadow--sm);
	--pf-shadow-md: var(--wp--custom--pf--shadow--md);
	--pf-shadow-lg: var(--wp--custom--pf--shadow--lg);

	/* Header / hero */
	--pf-header-height: var(--wp--custom--pf--header-height);
	--pf-hero-height: var(--wp--custom--pf--hero-height);

	/* --pf-bp-mobile-menu : non utilisable en variable dans une media query
	   (limite CSS, pas WordPress) — valeur 1023px répétée en dur dans les
	   @media, comme avant. */
}