/* PAY-12 Kaki Wellness — Passion Jardin Antibes
   Skin imposee par da_engine. Variables CSS centrales (hero/layout/motion heritent). */

:root {
  /* PALETTE ----------------------------------------------------------------- */
  --bg: #F4F0E4;                 /* creme kaki */
  --bg-alt: #ECE6D4;             /* creme legerement plus chaud */
  --surface: #FBF8EE;            /* surface card */
  --surface-deep: #2C2F22;       /* surface sombre kaki profond (footer/contact) */

  --text: #2C2A20;               /* ink brun fonce */
  --text-2: #4F4E40;             /* texte secondaire */
  --text-mute: #6B6957;          /* texte mute */
  --text-on-dark: #F2EFE3;       /* texte clair sur fond fonce */
  --text-on-dark-2: rgba(242, 239, 227, 0.78);

  --border: rgba(44, 42, 32, 0.14);
  --border-strong: rgba(44, 42, 32, 0.24);

  --accent: #5E6B3B;             /* kaki sauge fonce */
  --accent-2: #7E8B57;           /* kaki sauge clair */
  --accent-soft: #E5E5CC;        /* kaki tres pale */
  --accent-on-dark: #C9D29A;     /* accent qui ressort sur fond fonce */

  --primary: var(--accent);
  --wa-green: #25D366;
  --wa-green-dark: #1da851;
  --star-gold: #d4a437;

  /* TYPOGRAPHIES ----------------------------------------------------------- */
  --ff-display: "EB Garamond", "Garamond", "Times New Roman", serif;
  --ff-body: "Nunito Sans", "Helvetica Neue", system-ui, -apple-system, sans-serif;
  --ff-ui: "Nunito Sans", "Helvetica Neue", system-ui, -apple-system, sans-serif;

  /* RAYONS ----------------------------------------------------------------- */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 16px;
  --r-xl: 22px;

  /* HEADER / LAYOUT -------------------------------------------------------- */
  --header-h: 72px;
  --header-h-mobile: 60px;
  --container: 1200px;

  /* Z-INDEX (strict order: fab < menu < header < burger < modal) */
  --z-fab: 900;
  --z-menu: 1000;
  --z-header: 1100;
  --z-burger: 1110;
  --z-modal: 1200;

  /* TRANSITIONS ------------------------------------------------------------ */
  --ease: cubic-bezier(.2,.7,.2,1);
  --t-quick: .18s ease;
  --t-base: .35s var(--ease);
}
