:root {
  --swiper-pagination-color: var(--button-color);
  --primary: #333333;
  --secondary: #ffffff;
  --tertiary: #000000;
  --subtitles: #999999;
  --border-radius:20px;
  --text-primary-color:#000000;
  --text-secondary-color:#999999;
  --text-promos-color:#000000;
  --button-color:#629d73;
  --button-active-color:#81c895;
  --bg-sidebar:#333333;
  --bg-logo:#ffffff;
  --bg-autre:#eeeeee;
  --bg-promos:#eeeeee;
  --bg-produits:#f5f5f5;
  --background:#ffffff;
  --bg-input:#ffffff;
}

body.darkmode {
  --primary: #ffffff;
  --secondary: #333333;
  --tertiary: #ffffff;
  --subtitles: #999999;
  --text-primary-color:#ffffff;
  --text-secondary-color:#cccccc;
  --text-promos-color:#ffffff;
  --button-color:#629d73;
  --button-active-color:#81c895;
  --bg-sidebar:#333333;
  --bg-logo:#ffffff;
  --bg-autre:#303030;
  --bg-promos:#303030;
  --bg-produits:#151515;
  --background:#000000;
  --bg-input:#000000;
}