/* PAY-8 Sauge — Craft · Lora + Source Sans 3 */
:root {
  /* Palette */
  --bg:          #E8F0EC;
  --bg-alt:      color-mix(in srgb, #4A8B7F 8%, #E8F0EC);
  --surface:     color-mix(in srgb, #1F3531 4%, #E8F0EC);
  --surface-mid: color-mix(in srgb, #1F3531 8%, #E8F0EC);
  --text:        #1F3531;
  --text-2:      color-mix(in srgb, #1F3531 72%, #E8F0EC);
  --text-mute:   color-mix(in srgb, #1F3531 48%, #E8F0EC);
  --border:      color-mix(in srgb, #1F3531 14%, #E8F0EC);
  --accent:      #4A8B7F;
  --accent-2:    #6FAA9D;
  --accent-soft: color-mix(in srgb, #4A8B7F 14%, #E8F0EC);
  --accent-dark: #1F3531;
  --primary:     #1F3531;
  --wa-green:    #25D366;

  /* Polices */
  --ff-display:  'Lora', Georgia, 'Times New Roman', serif;
  --ff-body:     'Source Sans 3', 'Helvetica Neue', Arial, sans-serif;
  --ff-ui:       'Source Sans 3', 'Helvetica Neue', Arial, sans-serif;

  /* Rayons */
  --r-sm:  6px;
  --r-md:  12px;
  --r-lg:  16px;
  --r-xl:  24px;

  /* Layout */
  --header-h:        72px;
  --header-h-mobile: 64px;
  --container:       1200px;
  --container-text:  760px;

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

  /* Transitions */
  --ease:      cubic-bezier(.22,.68,0,1.2);
  --transition: .25s ease;
}