/* variables.css — PAY-16 Vert-de-gris · Craft · Lora + Source Sans 3 */
:root {
  /* Palette (da_choice.json PAY-16) */
  --bg:          #F3EFE7;
  --bg-alt:      #EAE6DC;
  --surface:     #FFFFFF;
  --text:        #2A2A26;
  --text-2:      oklch(38% 0.02 100);
  --text-mute:   oklch(55% 0.02 100);
  --border:      color-mix(in srgb, #2A2A26 14%, transparent);

  /* Accent vert-de-gris sombre */
  --accent:      oklch(31% 0.037 161);   /* ≈ #3A4A40 */
  --accent-2:    oklch(50% 0.07 148);    /* vert moyen */
  --accent-soft: color-mix(in srgb, oklch(31% 0.037 161) 12%, #F3EFE7);
  --accent-dark: oklch(22% 0.028 160);   /* très sombre */
  --primary:     oklch(31% 0.037 161);

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

  /* Typographie */
  --ff-display:  'Lora', Georgia, 'Times New Roman', serif;
  --ff-body:     'Source Sans 3', 'Source Sans Pro', system-ui, sans-serif;
  --ff-ui:       'Source Sans 3', 'Source Sans Pro', system-ui, sans-serif;

  /* Espacements */
  --container:   min(1200px, 100% - 40px);

  /* Rayons */
  --r-sm:        6px;
  --r-md:        12px;
  --r-lg:        18px;
  --r-xl:        28px;

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

  /* Z-index — burger > header > menu */
  --z-header:    1100;
  --z-menu:      1000;
  --z-modal:     2000;

  /* Transitions */
  --t-fast:      .18s ease;
  --t-base:      .3s ease;
  --t-slow:      .55s ease;
}