:root {
--swiper-pagination-color: var(--button-color);
--bg-sidebar:#333333;
--bg-logo:#ffffff;
--bg-promos:#eeeeee;
--bg-autre:#eeeeee;
--bg-produits:#e0e0e0;
--background:#f9f5f0;
--bg-input:#ffffff;
--primary:#044444;
--secondary:#a00000;
--tertiary:#000000;
--subtitles:#333333;
--text-primary-color:#000000;
--text-secondary-color:#444444;
--text-promos-color:#000000;
--border-radius:20px;
--button-color:#8b0000;
--button-active-color:#ececec;
}

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:#8b0000;
--button-active-color:#ececec;
}