/* ecociste — variables (PAY-12 Kaki, archetype Wellness)
   Polices : EB Garamond display + Nunito Sans body/UI
   Palette : kaki forestier sur creme garrigue */

@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Nunito+Sans:wght@300;400;500;600;700;800&display=swap');

:root{
  /* fond + surfaces */
  --bg:        #F4F0E4;            /* creme garrigue */
  --bg-alt:    #EBE5D3;            /* sable plus chaud */
  --surface:   #FBF8EE;            /* papier */
  --surface-2: #E2DCC7;            /* alt */

  /* encre + texte */
  --ink:       #2C2A20;            /* alias historique, mappe sur text */
  --text:      #2C2A20;            /* encre olive sombre */
  --text-2:    #4A4736;
  --text-mute: #7A7560;

  /* accents */
  --accent:    #5E6B3B;            /* kaki forestier */
  --accent-2:  #8F9863;            /* sauge */
  --accent-soft:#D9D9C1;           /* sauge tres claire */
  --primary:   #2C2A20;            /* alias */

  /* bordures */
  --border:    rgba(44, 42, 32, 0.14);
  --border-strong: rgba(44, 42, 32, 0.35);

  /* WhatsApp */
  --wa-green:  #25D366;
  --wa-green-d:#1ea954;

  /* polices */
  --ff-display: 'EB Garamond', Georgia, 'Times New Roman', serif;
  --ff-body:    'Nunito Sans', system-ui, -apple-system, sans-serif;
  --ff-ui:      'Nunito Sans', system-ui, -apple-system, sans-serif;

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

  /* layout */
  --container: 1200px;
  --header-h: 76px;
  --header-h-mobile: 64px;

  /* z-index : header > menu (bug refermable) */
  --z-header: 1100;
  --z-menu:   1000;
  --z-modal:  1200;

  /* ombres terreuses */
  --shadow-soft: 0 8px 22px -8px rgba(44, 42, 32, 0.18);
  --shadow-card: 0 16px 36px -14px rgba(44, 42, 32, 0.22);
  --shadow-lift: 0 22px 50px -18px rgba(94, 107, 59, 0.30);

  /* easing */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --dur: 360ms;

  color-scheme: light;
}

@supports (color: oklch(0% 0 0)){
  :root{
    --bg:        oklch(94% 0.018 88);
    --bg-alt:    oklch(91% 0.024 86);
    --surface:   oklch(97% 0.012 85);
    --surface-2: oklch(89% 0.022 85);
    --text:      oklch(22% 0.018 80);
    --text-2:    oklch(32% 0.020 80);
    --text-mute: oklch(54% 0.015 82);
    --accent:    oklch(45% 0.060 115);
    --accent-2:  oklch(63% 0.055 112);
    --accent-soft:oklch(86% 0.030 105);
  }
}