.button,
.gradient-bg,
.flatpickr-calendar {
    
    --bs-card-bg: #ffffff;

}

html[data-bs-theme="dark"] .button,
html[data-bs-theme="dark"] .gradient-bg,
html[data-bs-theme="dark"] .flatpickr-calendar {
    
    --bs-card-bg: #1e1e2d;

}

.button {
    cursor: pointer;
}

.accordion-button {
    background: transparent !important;
    color: inherit !important;
}

.btn.button,
.card.button,
.accordion-item,
.gradient-bg,
.flatpickr-calendar {
    background:
        linear-gradient(135deg,
            hsla(220, 50%, 47%, 0.15) 0%,
            /* bleu discret clair, 15% opa */
            rgba(28, 68, 110, 0.20) 100%
            /* bleu sombre, mais transparent, 25% opa */
        ),
        var(--bs-card-bg);
    color: inherit;
}

html[data-bs-theme="dark"] .card.button,
html[data-bs-theme="dark"] .accordion-item,
html[data-bs-theme="dark"] .gradient-bg,
html[data-bs-theme="dark"] .flatpickr-calendar {
    background:
        linear-gradient(135deg,
            hsla(220, 50%, 47%, 0.15) 0%,
            /* bleu discret clair, 15% opa */
            rgba(10, 20, 60, 0.20) 100%
            /* bleu sombre, mais transparent, 20% opa */
        ),
        var(--bs-card-bg);
}

.card.bg-custom-dark {
    background:
        linear-gradient(135deg,
            hsla(220, 50%, 47%, 0.15) 0%,
            /* bleu discret clair, 15% opa */
            rgba(28, 68, 110, 0.20) 100%
            /* bleu sombre, mais transparent, 25% opa */
        ),
        var(--bs-card-bg);
}

html[data-bs-theme="dark"] .card.bg-custom-dark {
    background:
        linear-gradient(135deg,
            hsla(220, 40%, 47%, 0.40) 0%,
            /* bleu discret clair, 15% opa */
            hsla(228, 80%, 14%, 0.4) 100%
            /* bleu sombre, mais transparent, 20% opa */
        ),
        var(--bs-card-bg)
}

.card.button:hover .text-hover-primary {
    color: #9D6FFF !important;
}

html[data-bs-theme="dark"] .card.button:hover .text-hover-primary {
    color: #793AFF !important;
}