/* ==========================================================================
   All4home — Landing devis B2C
   Tokens relevés depuis la maquette Figma (node 341-1736).
   Toutes les valeurs sont extraites des exports SVG, aucune n'est estimée.
   ========================================================================== */

:root {
  /* --- Couleurs -----------------------------------------------------------
     Occurrences relevées sur l'ensemble des planches, par ordre de fréquence. */
  --c-navy:          #22175B;  /* texte principal, icônes            (248x) */
  --c-blush:         #F7E9EE;  /* fonds badges, tags, aplats icônes  (200x) */
  --c-magenta:       #CE3480;  /* CTA, titres modale, accents        (110x) */
  --c-plum:          #7D1B54;  /* sous-libellés, logo                 (77x) */
  --c-pink:          #F191B6;  /* barre de progression, bordures      (31x) */
  --c-pink-soft:     #F090B5;  /* sur-titres de section, fond avis    (34x) */
  --c-grey:          #D9D9D9;  /* séparateurs                          (6x) */

  /* Surfaces dérivées du navy — la maquette n'utilise jamais de gris neutre
     pour les fonds de champs, mais du navy à très faible opacité. */
  --c-field:         rgba(34, 23, 91, .05);  /* champs, cartes option */
  --c-veil:          rgba(34, 23, 91, .80);  /* voile photo du hero   */

  --c-white:         #FFF;

  /* --- Typographie --------------------------------------------------------
     Montserrat exclusivement (266 occurrences, aucune autre famille). */
  --font: "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;

  --fw-light:     300;
  --fw-regular:   400;
  --fw-medium:    500;
  --fw-semibold:  600;
  --fw-black:     900;

  /* Échelle relevée. Les tailles ≥ 33px n'apparaissent que sur la landing
     desktop (titres de section) ; le tunnel n'utilise que 13 → 30. */
  --fs-xs:    13px;  /* mentions légales                     */
  --fs-sm:    15px;  /* sous-libellés des cartes option      */
  --fs-base:  16px;  /* corps de texte, badges               */
  --fs-md:    17px;  /* corps landing                        */
  --fs-lg:    18px;  /* libellés de champs, CTA, titres carte*/
  --fs-xl:    20px;  /* questions du tunnel                  */
  --fs-2xl:   22px;  /* intertitres                          */
  --fs-3xl:   25px;
  --fs-4xl:   30px;  /* « Demandez votre devis »             */
  --fs-5xl:   40px;
  --fs-6xl:   50px;
  --fs-7xl:   60px;
  --fs-8xl:   80px;  /* chiffres clés                        */
  --fs-9xl:   120px; /* « 97% »                              */

  /* --- Rayons ------------------------------------------------------------- */
  --r-xs:      4px;  /* case à cocher                        */
  --r-sm:      5px;  /* badge « gratuit », barre progression  */
  --r-md:     10px;  /* cartes option, champs de saisie       */
  --r-pill:  999px;  /* tags (h38) et CTA (h48) — la maquette
                        donne rx:19 et rx:24, soit h/2         */

  /* --- Trames ------------------------------------------------------------- */
  --modal-w:      838px;  /* largeur de la modale             */
  --modal-inner:  718px;  /* colonne de contenu               */
  --modal-pad:     60px;  /* (838 - 718) / 2                  */
  --gutter:        24px;
}

/* Écarts Figma — traçabilité :
   #F090B5 et #F191B6 sont visuellement identiques (ΔE ≈ 1) mais chacun a son
   emploi propre dans la maquette : #F191B6 pour les éléments d'interface
   (progression, bordures), #F090B5 pour les sur-titres et le fond des avis.
   Les deux tokens sont donc conservés séparément plutôt que fusionnés — à
   fusionner si le DA confirme que la distinction n'est pas voulue.
   #7F1954 (5x) est en revanche ramené sur --c-plum #7D1B54 (77x). */