: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:#1a1a19;
--secondary:#242424;
--tertiary:#000000;
--subtitles:#0d0d0d;
--text-primary-color:#000000;
--text-secondary-color:#171616;
--text-promos-color:#000000;
--border-radius:20px;
--button-color:#09ce44;
--button-active-color:#09ce44;
}

body.darkmode {
--bg-sidebar:#333333;
--bg-logo:#ffffff;
--bg-promos:#303030;
--bg-autre:#303030;
--bg-produits:#151515;
--background:#000000;
--bg-input:#000000;
--primary:#f9f9f5;
--secondary:#1f1f1f;
--tertiary:#ffffff;
--subtitles:#0f0f0f;
--text-primary-color:#ffffff;
--text-secondary-color:#cccccc;
--text-promos-color:#ffffff;
--button-color:#09ce44;
--button-active-color:#09ce44;
}