html[data-bs-theme=light] {
    --flpr-complete: rgba(10, 207, 36, 0.4);
    --flpr-complete-hover: rgba(10, 207, 36, 0.5);
    --flpr-day-off: rgba(138, 150, 156, 0.3); /* --ct-grey */
    --flpr-day-off-hover: rgba(138, 150, 156, 0.4);
    --flpr-open: rgba(255, 195, 90, 0.4); /* --ct-yellow */
    --flpr-open-hover: rgba(255, 195, 90, 0.5);
    --flpr-leave: rgba(57, 175, 209, 0.4); /* --ct-blue */
    --flpr-leave-hover: rgba(57, 175, 209, 0.5);
    --flpr-font-color: var(--ct-body-color);
}

html[data-bs-theme=dark] {
    --flpr-complete: rgba(13, 255, 44, 0.4);
    --flpr-complete-hover: rgba(13, 255, 44, 0.5);
    --flpr-day-off: rgba(138, 150, 156, 0.2); /* --ct-grey */
    --flpr-day-off-hover: rgba(138, 150, 156, 0.3);
    --flpr-open: rgba(255, 195, 90, 0.6); /* --ct-yellow */
    --flpr-open-hover: rgba(255, 195, 90, 0.7);
    --flpr-leave: rgba(57, 175, 209, 0.6);  /* --ct-blue */
    --flpr-leave-hover: rgba(57, 175, 209, 0.7);
    --flpr-font-color: #fff;
}

.flatpickr-day.completed {
    background: var(--flpr-complete);
    color: var(--flpr-font-color);
}

.flatpickr-day.completed:focus, .flatpickr-day.completed:hover {
    background: var(--flpr-complete-hover);
}

.flatpickr-day.day-off {
    background: var(--flpr-day-off);
    color: var(--flpr-font-color);
}

.flatpickr-day.day-off:focus, .flatpickr-day.day-off:hover {
    background: var(--flpr-day-off-hover);
}

.flatpickr-day.open {
    background: var(--flpr-open);
    color: var(--flpr-font-color);
}

.flatpickr-day.open:focus, .flatpickr-day.open:hover {
    background: var(--flpr-open-hover);
}

.flatpickr-day.leave  {
    background: var(--flpr-leave);
    color: var(--flpr-font-color);
}

.flatpickr-day.leave:focus, .flatpickr-day.leave:hover {
    background: var(--flpr-leave-hover);
}

.flatpickr-day.selected {
    font-weight: bold;
}

.flatpickr-day.completed, .flatpickr-day.day-off,
.flatpickr-day.open, .flatpickr-day.leave {
    background-clip: content-box;
    padding: 1px;
    line-height: 37px;
    transition: all 0.3s ease;
}

.flatpickr-day.completed.today, .flatpickr-day.day-off.today,
.flatpickr-day.open.today, .flatpickr-day.leave.today {
    border-width: 2px;
    line-height: 37px;
    padding: 0;
    color: var(--flpr-font-color);
}

.flatpickr-day.completed.selected, .flatpickr-day.day-off.selected,
.flatpickr-day.open.selected, .flatpickr-day.leave.selected {
    border-width: 3px;
    line-height: 35px;
    padding: 0;
    color: var(--flpr-font-color);
}

.flatpickr-monthSelect-month {
    color: var(--flpr-font-color);
    cursor: pointer;
    border: none;
}

.flatpickr-monthSelect-month:hover {
    background: var(--flpr-day-off-hover);
}

.flatpickr-monthSelect-month.selected {
    font-weight: bold;
    background: var(--ct-primary);
}