/* PAY-3 Wellness sauge — Mr Weiss Elagage
   Display : EB Garamond | Body+UI : DM Sans | Accent : #4A8B7F (teal naturel)
   Bg : #E8F0EC (mint sauge clair) | Ink : #1F3531 (vert sombre)
*/
@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{
  /* Skin PAY-3 (HEX direct + OKLCH @supports plus bas) */
  --bg:           #E8F0EC;
  --bg-alt:       #DCE7E1;
  --surface:      #F4F8F5;
  --surface-2:    #D7E3DC;
  --surface-deep: #1B2A26;

  --primary:      #1A2E2A;
  --accent:       #4A8B7F;
  --accent-2:     #6BA89B;
  --accent-soft:  #B7D2C7;
  --accent-on-dark: #C9DDD3;

  --text:         #1F3531;
  --text-2:       #4B6660;
  --text-mute:    #6B8480;
  --text-on-dark: #E8F0EC;

  --border:       rgba(26,46,42,.18);
  --border-strong: rgba(26,46,42,.34);
  --border-on-dark: rgba(232,240,236,.18);

  --wa-green:     #25D366;

  /* Typo */
  --ff-display:   'EB Garamond', Georgia, 'Times New Roman', serif;
  --ff-body:      'DM Sans', system-ui, -apple-system, sans-serif;
  --ff-ui:        'DM Sans', system-ui, -apple-system, sans-serif;
  --ff-mono:      ui-monospace, Consolas, monospace;

  /* Radius */
  --r-sm:         8px;
  --r-md:         12px;
  --r-lg:         18px;
  --r-xl:         24px;
  --r-pill:       100px;

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

  /* Z-index (header > menu > modal pour fermer correctement le menu) */
  --z-header:     1100;
  --z-menu:       1000;
  --z-modal:      1200;
  --z-fab:        900;

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

  /* Motion */
  --dur:          340ms;
  --ease:         cubic-bezier(.4,0,.2,1);

  /* Shadow */
  --shadow-soft:  0 8px 24px -6px rgba(74,139,127,.18);
  --shadow-card:  0 14px 36px -14px rgba(26,46,42,.22);
  --shadow-lift:  0 20px 50px -16px rgba(74,139,127,.30);

  color-scheme: light;
}

@supports (color: oklch(0% 0 0)){
  :root{
    --bg:           oklch(94% 0.018 162);
    --bg-alt:       oklch(89% 0.022 162);
    --surface:      oklch(97% 0.012 162);
    --surface-2:    oklch(88% 0.020 162);
    --surface-deep: oklch(22% 0.025 165);

    --primary:      oklch(22% 0.025 165);
    --accent:       oklch(56% 0.062 175);
    --accent-2:     oklch(68% 0.058 170);
    --accent-soft:  oklch(83% 0.034 162);
    --accent-on-dark: oklch(86% 0.030 162);

    --text:         oklch(26% 0.025 165);
    --text-2:       oklch(42% 0.022 168);
    --text-mute:    oklch(54% 0.020 170);
    --text-on-dark: oklch(94% 0.018 162);
  }
}