:root {
    --cc-font-family: inherit;
    --cc-bg: #ffffff; /* Blanc */
    --cc-separator-border-color: #ffffff; /* Blanc */

    --cc-modal-border-radius: 5px; /* Exemple de valeur pour le rayon des bordures */
    --cc-btn-border-radius: 5px; /* Exemple de valeur pour le rayon des bordures */

    --cc-primary-color: #4a4a4a; /* Gris 700 */
    --cc-secondary-color: #6c757d; /* Gris 600 */

    --cc-btn-primary-color: #ffffff; /* Blanc */
    --cc-btn-primary-bg: #007bff; /* Couleur primaire */
    --cc-btn-primary-hover-bg: #0056b3; /* Couleur primaire foncée */
    --cc-btn-primary-color-bg: #ffffff; /* Blanc */
    --cc-btn-primary-hover-color: #ffffff; /* Blanc */

    --cc-btn-secondary-bg: #e0e0e0; /* Gris 300 */
    --cc-btn-secondary-hover-bg: #bdbdbd; /* Gris 400 */

    --cc-btn-secondary-hover-color: #000000; /* Noir */
    --cc-btn-secondary-hover-border-color: #bdbdbd; /* Même que la couleur de fond au survol */
}

.cc--darkmode {
    --cc-bg: #ffffff; /* Blanc */
}