.timeline-day-start {
    background-color: color-mix(in oklab, var(--color-success) 22%, transparent);
    border-color: color-mix(in oklab, var(--color-success) 45%, transparent);
    color: light-dark(var(--color-success-content), var(--color-success));
}

.timeline-day-milestone {
    background-color: color-mix(in oklab, var(--color-info) 22%, transparent);
    border-color: color-mix(in oklab, var(--color-info) 45%, transparent);
    color: light-dark(var(--color-info-content), var(--color-info));
}

.timeline-day-holiday {
    background-color: color-mix(in oklab, var(--color-warning) 22%, transparent);
    border-color: color-mix(in oklab, var(--color-warning) 45%, transparent);
    color: light-dark(var(--color-warning-content), var(--color-warning));
}

.timeline-day-past {
    background-color: color-mix(in oklab, var(--color-base-200) 45%, transparent);
    border-color: var(--color-base-200);
    color: color-mix(in oklab, var(--color-base-content) 70%, transparent);
}

.timeline-day-today {
    --tw-ring-offset-color: var(--color-base-100);
}