/* ============================================================
   TOKENS — Direction « Parchemin » (Pumba Immo / CARTI)
   Source : export Claude Design. Reportés à l'identique dans
   le kit Elementor via `wp carti scaffold`.
   ============================================================ */
:root {
  /* Couleurs de marque */
  --pi-primary:   #1E241F;   /* encre */
  --pi-secondary: #4A524A;
  --pi-accent:    #B4762C;   /* laiton */

  /* Texte */
  --pi-text-1: #1E241F;
  --pi-text-2: #4A524A;
  --pi-text-3: #7C837A;
  --pi-text-4: #A9AEA4;

  /* Fonds */
  --pi-bg-1:    #F7F4EE;     /* blanc chaud */
  --pi-bg-2:    #EDE8DE;
  --pi-bg-3:    #1E241F;     /* bloc sombre */
  --pi-bg-card: #FFFDF8;

  /* Statuts commerciaux */
  --pi-status-dispo:      #3C6B4A;  --pi-status-dispo-bg:   #E4EDE4;
  --pi-status-reserve:    #B4762C;  --pi-status-reserve-bg: #F4E9D6;
  --pi-status-vendu:      #96968E;  --pi-status-vendu-bg:   #E8E6DF;

  /* Typographie */
  --pi-font-head: 'Newsreader', Georgia, serif;
  --pi-font-body: 'Work Sans', Helvetica, Arial, sans-serif;

  /* Échelle typo — format taille/interlignage/graisse/letter-spacing */
  --pi-h1: 72px/1.0/300/-0.02em;
  --pi-h2: 46px/1.1/300/-0.01em;
  --pi-h3: 30px/1.2/400/0;
  --pi-h4: 21px/1.3/400/0;
  --pi-h5: 16px/1.35/500/0;
  --pi-h6: 12px/1.2/600/0.16em;
  --pi-body:  17px/1.65/300/0;
  --pi-small: 14px/1.5/300/0;

  /* Espacement (base 8) */
  --sp-1:4px; --sp-2:8px; --sp-3:16px; --sp-4:24px; --sp-5:32px;
  --sp-6:48px; --sp-7:64px; --sp-8:96px; --sp-9:128px;

  /* Formes */
  --pi-radius-0: 0px;
  --pi-radius-1: 3px;
  --pi-radius-pill: 999px;
  --pi-border: 1px solid #DDD6C9;
  --pi-shadow-1: 0 1px 2px rgba(30,36,31,.06);
  --pi-shadow-2: 0 14px 40px rgba(30,36,31,.12);
  --pi-focus: 0 0 0 2px #F7F4EE, 0 0 0 4px #B4762C;

  /* Breakpoints : 1024px (tablette) / 767px (mobile) */
}