/* Variables - MEN-19 Bronze Wellness skin */
:root{
  /* Couleurs skin (impose da_choice MEN-19 Bronze) */
  --bg: #F2EEE3;
  --bg-alt: #E9E2D2;
  --surface: #FBF7EE;
  --surface-dark: #2A2419;
  --text: #2C2820;
  --text-2: rgba(44, 40, 32, 0.78);
  --text-mute: rgba(44, 40, 32, 0.55);
  --border: rgba(44, 40, 32, 0.16);
  --border-strong: rgba(44, 40, 32, 0.32);

  --accent: #9C7A3E;
  --accent-2: #C29A55;
  --accent-soft: rgba(156, 122, 62, 0.14);
  --accent-on-dark: #E5C892;

  --primary: #2C2820;
  --wa-green: #25D366;
  --wa-green-d: #1FB855;

  /* Polices (impose da_choice : EB Garamond display + DM Sans body+ui) */
  --ff-display: "EB Garamond", "Garamond", "Georgia", serif;
  --ff-body: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --ff-ui: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Rayons */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-xl: 22px;

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

  /* Z-index (PIEGE PROD #1 & #14 : header > menu, burger > tout) */
  --z-fab: 900;
  --z-menu: 1000;
  --z-header: 1100;
  --z-burger: 1200;
  --z-modal: 1300;

  /* Container */
  --container: 1180px;
}

::selection{ background: var(--accent-soft); color: var(--text); }

/* Scrollbar fine rebrandee */
*{ scrollbar-width: thin; scrollbar-color: var(--accent) transparent; }
*::-webkit-scrollbar{ width: 8px; height: 8px; }
*::-webkit-scrollbar-thumb{ background: var(--accent); border-radius: 4px; }
*::-webkit-scrollbar-track{ background: transparent; }

/* Focus visible */
:focus-visible{ outline: 2px solid var(--accent); outline-offset: 3px; border-radius: 3px; }

::placeholder{ color: var(--text-mute); opacity: 1; }