/*
 * Variables visuelles (tokens) des écrans du plugin : seul fichier où entrent couleurs, polices, tailles, espacements
 * et formes ; les composants (platform.css) n'utilisent que ces variables.
 * Charte du site « Cahier et encre bleue » (plugin-import/site/design.md) : chaque valeur reprend une couleur ou une
 * police globale du kit Elementor (--e-global-*, plugin-import/site/design/kit.json). La valeur de secours, recopiée du
 * kit, sert au document autonome (page.php) et à un thème sans le kit (E15, audit UX du 17/10/2026).
 */
/* .bio-altcha : widget anti-robot, aussi placé hors des pages du plugin (connexion de WordPress, compte WooCommerce).
   .bio-pay : corps de la page de paiement d'une demande (formulaire de WooCommerce, P12 A du 21/10/2026, Front\PayPage).
   .bio-adresse : bouton « Afficher l'adresse électronique » des mentions légales, page d'Elementor (DEC-H063, Front\ContactAddress). */
.bio-platform,
.bio-standalone,
.bio-altcha,
.bio-pay,
.bio-adresse {
  --bio-color-text: var(--e-global-color-text, #14161C);
  --bio-color-muted: var(--e-global-color-lbbsoft, #4A4F5C);
  --bio-color-background: var(--e-global-color-lbbpaper, #FBFBF8);
  --bio-color-surface: var(--e-global-color-lbbsheet, #FFFFFF);
  /* Filets décoratifs (cartes, séparations) ; le contour d'un champ ou d'un choix prend --bio-color-control (3:1 au moins). */
  --bio-color-border: var(--e-global-color-lbbline, #E3E6EE);
  --bio-color-control: var(--e-global-color-lbbsoft, #4A4F5C);
  /* Encre bleue : boutons, liens, étapes ; survol en bleu clair du kit. Blanc dessus : 10,4:1. */
  --bio-color-accent: var(--e-global-color-accent, #1D3A8A);
  --bio-color-accent-hover: var(--e-global-color-lbbbleusurvol, #2C4FB3);
  --bio-color-accent-text: var(--e-global-color-lbbsheet, #FFFFFF);
  /* États : couleurs de la charte (décision du 17/10/2026), 6:1 au moins sur papier, feuille et bleu pâle ; le vert est
     réservé aux messages de réussite (arbitrage E du 17/10/2026). */
  --bio-color-success: var(--e-global-color-lbbreussite, #1F6B3A);
  --bio-color-error: var(--e-global-color-lbberreur, #A3322B);
  --bio-color-warning: var(--e-global-color-lbbalerte, #8A5300);
  /* Avertissement en texte courant (ligne d'écart des cartes de projets, TR06 B) : teinte foncée de la même famille
     (plugin-import/site/design.md:212, « alerte-texte »), 7:1 au moins sur la feuille et le papier. */
  --bio-color-warning-text: #764600;
  /* Erreur en texte courant (message sous un champ, liens du bilan des erreurs) : teinte foncée de la même famille
     (plugin-import/site/design.md, « Contrastes » : #8E2A24), 8,4:1 sur la feuille, 8,1:1 sur le papier (A2-4, recette du 26/10/2026 ;
     #A3322B avant, 6,9:1). Le filet, la bordure du champ et la pastille « ! » gardent --bio-color-error. */
  --bio-color-error-text: #8E2A24;
  /* Surligneur du kit (décisions du 20/10/2026) : coche d'un thème fini, mot en cours, « Plusieurs réponses possibles ».
     Fond seulement, jamais une couleur de texte ; l'encre (texte ou bleu) reste dessus à 10:1 au moins. */
  --bio-color-highlight: var(--e-global-color-lbbhl, #FFEF6E);
  --bio-color-highlight-soft: var(--e-global-color-lbbhlsoft, #FFF3A0);
  /* Marge rouge du cahier (kit : « Marge du cahier ») : page de cahier de l'accueil du questionnaire (P01 A, 21/10/2026). */
  --bio-color-margin: var(--e-global-color-lbbmargin, #E58B8B);
  /* Focus clavier : encre bleue, comme sur le reste du site (kit.css), 10:1 sur papier. */
  --bio-color-focus: var(--e-global-color-secondary, #1D3A8A);
  /* Fond d'une réponse choisie, d'une pastille ou d'un encadré d'action : bleu pâle du kit. */
  --bio-color-selected: var(--e-global-color-lbbtint, #EEF2FA);
  /* Ombre d'une carte à choisir (nombre de biographes, remarques du 18/10/2026) : elle se lit cliquable ; plus marquée au survol. */
  --bio-shadow-card: 0 2px 6px color-mix(in srgb, var(--bio-color-text) 12%, transparent);
  --bio-shadow-card-hover: 0 4px 12px color-mix(in srgb, var(--bio-color-text) 18%, transparent);
  /* Fond d'un élément en retrait (question déjà répondue, dépliée ; série 4) : filet du kit éclairci sur la feuille. */
  --bio-color-quiet: color-mix(in srgb, var(--bio-color-border) 45%, var(--bio-color-surface));
  /* Polices du kit : texte (Atkinson Hyperlegible), titres (Gloock, sans gras), boutons. Document autonome : police système.
     Texte : police « texte » du kit, puis celle du thème (contrôle de la charte, 17/10/2026). */
  --bio-font-body: var(--e-global-typography-text-font-family, "Atkinson Hyperlegible"), system-ui, sans-serif;
  --bio-font-heading: var(--e-global-typography-primary-font-family, Georgia), Georgia, serif;
  --bio-font-button: var(--e-global-typography-accent-font-family, "Atkinson Hyperlegible"), system-ui, sans-serif;
  --bio-font-weight-button: var(--e-global-typography-accent-font-weight, 700);
  --bio-font-standalone: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  /* Écriture manuscrite du kit (Caveat) : mention « prend forme… » du sommaire et chiffres des étapes (décisions du 20/10/2026). */
  --bio-font-hand: var(--e-global-typography-secondary-font-family, "Caveat"), cursive;
  --bio-font-size: 1.125rem;
  /* Interligne du texte courant du kit (1,7 em ; contrôle de la charte, 17/10/2026, au lieu de 1,6). */
  --bio-line-height: 1.7;
  --bio-line-height-control: 1.3;
  /* Réponses d'une question, sur deux lignes au besoin (correctif de l'audit du 19/10/2026 : 1,3 serrait la seconde ligne). */
  --bio-line-height-choice: 1.45;
  --bio-space-s: 0.5rem;
  --bio-space-m: 1rem;
  --bio-space-l: 1.5rem;
  /* Coins de 12 px des cartes, choix, champs et encadrés, comme la charte (rayons « choix, cartes, encadrés de page ») et
     l'encadré « après le clic » des pages du site (DA03 A, choix de François du 25/10/2026 ; 8, 14 et 6 px avant selon l'écran). */
  --bio-radius: 0.75rem;
  /* Boutons en pilule, comme ceux du site. */
  --bio-radius-button: 999px;
  /* Bouton principal à pastille, forme de « Trouver mon biographe » sur les pages du site (DA01 A, 25/10/2026 ; kit.json :
     rembourrage 7 / 7 / 7 / 26 px ; kit.css : pastille de 44 px cerclée de jaune, ombre du bouton). */
  --bio-cta-height: 3.625rem;
  --bio-cta-padding: 7px 7px 7px 26px;
  --bio-cta-pastille: 2.75rem;
  --bio-color-pastille: var(--e-global-color-lbbfluo, #FFE233);
  --bio-shadow-button: 0 12px 26px -12px color-mix(in srgb, var(--bio-color-accent) 75%, transparent);
  /* Deux tailles de titre (DA04 A, 25/10/2026) : titre de section 24 à 28 px selon la largeur, titre de carte 22 px ; espacement
     des lettres proportionnel à la taille (le -0,5 px du kit, réglé pour un titre de 40 px, resserrait les mots à 22 px). */
  --bio-heading-section: clamp(1.5rem, 1.2rem + 1vw, 1.75rem);
  --bio-heading-card: 1.375rem;
  --bio-heading-tracking: -0.01em;
  --bio-border-control: 1.5px;
  /* Hauteur minimale d'une réponse à toucher (public de 50 à 90 ans, mobile). */
  --bio-control-height: 3.25rem;
  /* Choix (bulles, cases, cartes d'une question, des filtres, du profil, des avis) : 56 px, comme la charte (« Cibles » : 56 px
     pour les choix et le bouton principal ; A2-5 de la recette du 26/10/2026, 44 à 52 px avant). Empilés, ils restent à 8 px :
     l'écart de 12 px ne vaut qu'entre des cibles de moins de 48 px (RC02 A, DEC-H057). */
  --bio-choice-height: 3.5rem;
  --bio-reading-width: 42rem;
  /* Messages et paragraphes des cartes : la largeur des encadrés du site, 780 px (DA08, grand audit, rendez-vous 2, DEC-H051). */
  --bio-box-width: 48.75rem;
  /* Fond de la page derrière la barre collée du questionnaire : opaque, le texte qui défile ne se devine pas dessous. */
  --bio-color-page: var(--e-global-color-lbbpaper, var(--bio-color-surface));
  /* Hauteur occupée en haut de l'écran par la barre d'administration (si elle est fixe) et l'en-tête collant du site
     (--lbb-header-h, mesurée par le thème ; 0 sous un autre thème) : barre d'avancement, estimation et ancres s'arrêtent dessous. */
  --bio-header-offset: calc(var(--bio-admin-bar, var(--wp-admin--admin-bar--height, 0px)) + var(--lbb-header-h, 0px));
}
/* Sous 601 px, la barre d'administration de WordPress défile avec la page (elle n'est plus fixe). */
@media (max-width: 600px) {
  .bio-platform { --bio-admin-bar: 0px; }
}