:root{
  /* Couleurs - PAY-11 Sapin (Wellness) */
  --bg: #EFF2EC;
  --bg-alt: #E5EADC;
  --surface: #F7F9F3;
  --surface-dark: #1F2D24;
  --text: #222A24;
  --text-2: #4A5750;
  --text-mute: #6E7B73;
  --text-inverse: #F4F1E8;
  --border: #D5DBCE;
  --accent: #29402F;
  --accent-2: #4A7355;
  --accent-soft: #BCCDB5;
  --primary: #29402F;
  --wa-green: #25D366;
  --gold: #B8A268;

  /* Polices */
  --ff-display: 'EB Garamond', 'Cormorant Garamond', Georgia, serif;
  --ff-body: 'DM Sans', 'Inter', system-ui, -apple-system, sans-serif;
  --ff-ui: 'DM Sans', 'Inter', system-ui, sans-serif;

  /* Tailles */
  --container: 1200px;
  --header-h: 72px;
  --header-h-mobile: 64px;

  /* Rayons */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 16px;
  --r-xl: 24px;

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

  /* Transitions */
  --t-fast: .2s ease;
  --t-base: .35s cubic-bezier(.2,.7,.2,1);
}

::selection{
  background: var(--accent);
  color: #F4F1E8;
}

::-webkit-scrollbar{ width: 8px; height: 8px; }
::-webkit-scrollbar-track{ background: var(--bg-alt); }
::-webkit-scrollbar-thumb{ background: var(--accent-2); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover{ background: var(--accent); }

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

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