/* ============================================================
   ImmoVendu — Design tokens (SOURCE DE VÉRITÉ)
   Issus du kit Elementor #5 du site existant (iso-design).
   Ne jamais éditer assets/css/tokens.css à la main — copier depuis ici.
   ============================================================ */
:root {
  /* --- Couleurs --- */
  --ink:          #12272F;   /* primaire / secondaire / texte */
  --accent:       #FFA301;   /* orange signature */
  --accent-soft:  #FFE1AA;   /* jaune pâle */
  --cream:        #FFFBF1;   /* fond crème */
  --paper:        #FFFFFF;
  --gray:         #586668;
  --gray-soft:    #777E80;

  /* --- Typographies --- */
  --font-body:    "Poppins", system-ui, sans-serif;
  --font-accent:  "Caveat", cursive;

  /* --- Échelle typo (desktop → mobile via clamp) --- */
  --h1:           clamp(35px, 4vw, 45px);   /* 700, lh 55px desktop */
  --h1-lh:        1.22;
  --h2:           clamp(30px, 3.5vw, 45px); /* 700 - règle typo 25/07 (Cédric) : H2 = style home (45/700) partout - pages contenu, listing, articles, légal */
  --h2-lh:        1.22;
  --h3:           clamp(28px, 3vw, 35px);   /* 600, lh 49px */
  --h3-lh:        1.4;
  --title-special: clamp(27px, 3vw, 35px);  /* Caveat 400 */
  --special:      25px;                     /* Caveat 400 */
  --body:         20px;                     /* Poppins 400 */
  --body-seo:     18px;
  --quote:        clamp(24px, 2.5vw, 30px); /* 600, lh 35px */
  --cta-size:     16px;                     /* 500 uppercase */
  --nav-size:     20px;                     /* 600 uppercase */
  --nav-panel:    clamp(25px, 3vw, 35px);   /* 700 */
  --breadcrumb:   13px;
  --footer-size:  17px;
  --article-size: clamp(15px, 1.5vw, 16px);

  /* --- Layout --- */
  --container:    1650px;                   /* prod : kit boxed --container-max-width:1650px (desktop) */
  --container-narrow: 900px;
  --gutter:       4vw;                      /* prod : e-con-inner 4vw ≈ 66px à 1650 */
  --gap:          15px;
  --section-pad:  clamp(36px, 4vw, 77px);  /* prod : e-con-inner 4vw ≈ 66px à 1650 */

  /* --- Espacements --- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 40px;
  --space-6: 64px;

  /* --- Divers --- */
  --r-sm: 8px;
  --r-md: 16px;
  --r-pill: 999px;
  --shadow: 0 8px 30px rgba(18, 39, 47, 0.10);
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --transition: 0.3s var(--ease);
}