/* PAY-3 Wellness sauge — paysagiste (vert foret naturel impose) */
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=DM+Sans:wght@300;400;500;600;700&display=swap');

:root {
  --bg:        #E8F0EC;
  --bg-alt:    #DCE8E2;
  --surface:   #F2F6F3;
  --text:      #1F3531;
  --text-2:    #4A6660;
  --text-mute: #74908A;
  --border:    rgba(31, 53, 49, 0.16);
  --border-strong: rgba(31, 53, 49, 0.32);

  --primary:   #1F3531;
  --accent:    #2E6B4A;
  --accent-2:  #7AAE92;
  --accent-soft: #C9DDCF;
  --wa-green:  #25D366;

  --ff-display: 'EB Garamond', Georgia, serif;
  --ff-body:    'DM Sans', system-ui, -apple-system, sans-serif;
  --ff-ui:      'DM Sans', system-ui, sans-serif;

  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 18px;
  --r-xl: 28px;

  --header-h: 72px;
  --header-h-mobile: 64px;

  --z-header: 1100;
  --z-menu:   1000;
  --z-modal:  1500;
  --z-fab:    900;

  --container: 1200px;

  --shadow-soft: 0 6px 22px -10px rgba(31, 53, 49, 0.18);
  --shadow-card: 0 14px 36px -14px rgba(31, 53, 49, 0.24);
}

@supports (color: oklch(0% 0 0)) {
  :root {
    --accent:   oklch(45% 0.12 145);
    --accent-2: oklch(68% 0.09 145);
    --accent-soft: oklch(86% 0.05 145);
  }
}