:root {
  /* Base unit */
  --sp-0: 0;

  /* Micro spacing (UI fine) */
  --sp-4: 0.25rem;  /* 4px  */
  --sp-6: 0.375rem;  /* 6px  */
  --sp-8: 0.5rem;   /* 8px  */
  --sp-12: 0.75rem;  /* 12px */
  --sp-14: 0.875rem;  /* 14px */

  /* Spacing standard */
  --sp-16: 1rem;     /* 16px */
  --sp-20: 1.25rem;  /* 20px */
  --sp-22: 1.375rem;  /* 22px */
  --sp-24: 1.5rem;   /* 24px */

  /* Spacing fort (sections, titres) */
  --sp-32: 2rem;     /* 32px */
  --sp-40: 2.5rem;   /* 40px */
  --sp-45: 45px;   /* 45px */
  --sp-48: 3rem;     /* 48px */

  /* Spacing très fort (pages, hero) */
  --sp-64: 4rem;    /* 64px */
  --sp-80: 5rem;    /* 80px */
  --sp-96: 6rem;    /* 96px */
  --sp-120: 7.5rem;    /* 120px */
  --sp-180: 11.25rem;    /* 120px */
  --sp-200: 200px;    /* 200px */
  --sp-220: 13.75rem;    /* 220px */
}