/* ==========================================================================
   00 - Variables du design system
   Source unique des valeurs graphiques. Toute valeur écrite en dur ailleurs
   est un bug.

   Les couleurs sont extraites de la maquette Lovable validée le 07/09/2026,
   fichier src/index.css, converties de HSL vers hexadécimal.
   ========================================================================== */

:root {
  /* --- Couleurs ---------------------------------------------------------
     Correspondance avec les tokens shadcn de la maquette :
       --primary          252 56% 58%   -> #7058D0   rgb(112, 88, 208)
       --primary-deep     252 50% 42%   -> #4B36A1
       --primary-soft     252 70% 96%   -> #F1EEFC
       --foreground       260 25% 15%   -> #231D30
       --muted-foreground 260 15% 45%   -> #6D6284
       --border           252 20% 90%   -> #E2E0EB
       --muted            252 20% 96%   -> #F4F3F7
     --------------------------------------------------------------------- */
  --lm-primary: #7058D0;
  --lm-primary-deep: #4B36A1;
  --lm-primary-soft: #F1EEFC;
  --lm-primary-contrast: #FFFFFF;
  --lm-foreground: #231D30;
  --lm-muted: #6D6284;
  --lm-surface: #F4F3F7;
  --lm-border: #E2E0EB;
  --lm-background: #FFFFFF;

  /* Titre des pages internes : le violet du menu, demande du 24/09/2026.
     Il remplace le lavande de l'ancien site (#4054B2 à 60%), posé le même
     jour. Contraste 5,3:1. */
  --lm-title-color: var(--lm-primary);

  /* Graisse du titre de page, reprise par les intertitres (24/09/2026). La
     police est chargée en plage 300..700 : toute valeur intermédiaire rend. */
  --lm-title-weight: 350;

  /* Intertitres des pages (« Principaux ouvrages »), 15px en gras jusqu'au
     24/09/2026. 20px sur mobile, 24px sur ordinateur. */
  --lm-intertitle-size: clamp(1.25rem, 2vw, 1.5rem);

  /* --- Formes ----------------------------------------------------------- */
  --lm-radius: 0.125rem;   /* 2px, angles quasi droits */
  --lm-rule: 1px;          /* épaisseur de tous les filets */
  --lm-square: 8px;        /* carré violet de fin de résumé */

  /* --- Typographie ------------------------------------------------------ */
  --lm-font: 'Source Sans 3', 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif;
  --lm-site-title-size: clamp(1.25rem, 2.4vw, 2.125rem);  /* 20px -> 34px */

  /* Corps de texte des pages internes, 16px depuis le 24/09/2026 : la taille
     des articles et celle de la maquette (text-base). Voir inc/corps-texte.php. */
  --lm-body-size: 1rem;

  /* Titre des vignettes « Poursuivre la lecture », repris par les légendes
     de photos. Redéfini sous 768px dans 08-mobile.css. */
  --lm-tile-title-size: .9375rem;

  /* Interlettrage du titre du site.
     docs/02-design-system.md annonçait 0.15em ; la maquette validée est à
     0.28em (Header.tsx, tracking-[0.28em]). On suit la maquette, c'est ce que
     le client a vu et validé le 07/09. */
  --lm-site-title-tracking: 0.28em;

  /* --- Rythme vertical -------------------------------------------------- */
  --lm-space-header: 0.75rem;
  --lm-space-section: 2.5rem;

  /* --- Grille ------------------------------------------------------------
     Largeur du conteneur de contenu. À aligner sur la largeur réelle du
     thème parent / du kit Elementor si elle diffère (voir README). */
  --lm-container: 1040px;   /* 1140px jusqu'au 24/09/2026 : « réduire un peu
                               la largeur de la zone de contenu ». Les sections
                               Elementor suivent, voir 04-gabarit-pages.css. */

  --lm-gap: 1.25rem;
}