/* =============================================================
   SPACING, GEOMETRY, ELEVATION
   Radius doctrine (non négociable, esthétique tranchante):
     boutons 2px · cards/inputs 4px · images 0
   ============================================================= */
:root {
  /* --- Échelle d'espacement (base 4px) --- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 80px;   /* gouttière entre sections (desktop) */
  --space-10: 96px;

  --section-y:      80px;  /* padding vertical section desktop */
  --section-y-sm:   56px;  /* mobile */
  --container-max:  1280px;
  --container-pad:  32px;

  /* --- Rayons --- */
  --radius-btn:   2px;
  --radius-card:  4px;
  --radius-input: 4px;
  --radius-img:   0;
  --radius-pill:  9999px;

  /* --- Bordures --- */
  --border-w:      1px;
  --border-w-cta:  1.5px;

  /* --- Ombres (rares — pas d'ombre au repos sur les cards) --- */
  --shadow-hover:  0 4px 12px rgba(5,5,5,.08);   /* card hover sur clair */
  --shadow-cta:    0 6px 18px rgba(184,84,30,.35); /* CTA primaire hover */
  --shadow-header: 0 2px 4px rgba(0,0,0,.4);     /* header scrolled */
  --shadow-panel:  0 16px 40px rgba(0,0,0,.5);   /* drawers, modals */

  /* --- Motion --- */
  --ease:        ease;  /* @kind other */
  --dur-fast:    .15s;  /* @kind other */
  --dur:         .2s;   /* @kind other */
  --dur-slow:    .25s;  /* @kind other */
  --hover-lift:  -4px;  /* @kind other */

  /* --- Hauteurs fixes --- */
  --header-h:    72px;
  --tap-min:     44px;  /* cible tactile minimale mobile */
}