/* MEN-11 Acajou — Wellness + EB Garamond + DM Sans + accent acajou */
:root{
  /* couleurs skin */
  --bg: #F3EAE0;
  --bg-alt: #EBE0D2;
  --surface: #F8F2EA;
  --text: #2A1F19;
  --text-2: #5B4A40;
  --text-mute: #8B7A6E;
  --border: #D9C9B8;
  --accent: #7E3F2C;
  --accent-2: #A8543A;
  --accent-soft: rgba(126, 63, 44, 0.16);
  --primary: #2A1F19;
  --wa-green: #25D366;
  --wa-green-dark: #128C7E;
  --shadow-soft: 0 4px 16px rgba(42, 31, 25, 0.08);
  --shadow-card: 0 10px 30px rgba(42, 31, 25, 0.10);
  --shadow-deep: 0 18px 60px rgba(42, 31, 25, 0.18);

  /* polices */
  --ff-display: "EB Garamond", "Cormorant Garamond", "Lora", Georgia, serif;
  --ff-body: "DM Sans", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --ff-ui: "DM Sans", "Inter", system-ui, sans-serif;

  /* rayons */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-xl: 24px;

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

  /* z-index */
  --z-header: 1100;
  --z-menu: 1000;
  --z-modal: 1300;
  --z-fab: 1200;

  /* typo fluide */
  --fs-eyebrow: 0.78rem;
  --fs-body: 1.02rem;
  --fs-h1: clamp(2.4rem, 5.4vw, 4.2rem);
  --fs-h2: clamp(1.9rem, 3.8vw, 2.8rem);
  --fs-h3: clamp(1.2rem, 2.2vw, 1.55rem);
}