/* ==========================================================================
   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;

  /* --- 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 */

  /* 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: 1140px;
  --lm-gap: 1.25rem;
}