/* variables.css — PAY-14 Vert bouteille · Architecture Cuivre */
:root {
  /* Couleurs base */
  --bg:           #F2EFE6;
  --bg-alt:       #EAE7DD;
  --surface:      #FDFCF8;
  --text:         #23271F;
  --text-2:       #4A4E43;
  --text-mute:    #7A7D74;
  --border:       #D6D2C6;

  /* Accents PAY-14 (da_choice.json exact) */
  --accent:       #244A3A;
  --accent-2:     #B98A4A;
  --primary:      #244A3A;
  --accent-soft:  #E2EDE7;
  --accent-dark:  #1A3329;

  /* WhatsApp */
  --wa-green: #25D366;

  /* Typographie */
  --ff-display: 'Source Serif 4', Georgia, 'Times New Roman', serif;
  --ff-body:    'Montserrat', system-ui, sans-serif;
  --ff-ui:      'Montserrat', system-ui, sans-serif;

  /* Rayons (card: radius-asym — LAY-6) */
  --r-sm:   3px;
  --r-md:   8px;
  --r-lg:   16px;
  --r-xl:   28px;

  /* Header */
  --header-h:        72px;
  --header-h-mobile: 60px;

  /* Z-index — z-header DOIT être > z-menu (PIÈGE PROD #1) */
  --z-header: 1100;
  --z-menu:   1000;
  --z-modal:  2000;

  /* Container */
  --container: 1200px;

  /* Transitions */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --t-fast:   150ms;
  --t-base:   300ms;
  --t-slow:   480ms;

  /* Espacement fluide */
  --gap-sm: clamp(8px, 2vw, 16px);
  --gap-md: clamp(16px, 3vw, 32px);
  --gap-lg: clamp(24px, 4vw, 56px);

  /* Padding de section */
  --section-pad: clamp(56px, 9vw, 104px);
}