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

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