.filament-fullcalendar {
    /* UI */
    --fc-small-font-size: var(--text-sm);

    --fc-border-color: color-mix(
        in oklab,
        var(--color-gray-950) 10%,
        transparent
    );

    --fc-highlight-color: color-mix(
        in oklab,
        var(--primary-500) 5%,
        transparent
    );

    --fc-today-bg-color: color-mix(
        in oklab,
        var(--primary-500) 5%,
        transparent
    );

    /* Buttons */
    --fc-button-text-color: var(--primary-900);
    --fc-button-bg-color: var(--primary-400);
    --fc-button-border-color: transparent;
    --fc-button-hover-bg-color: var(--primary-300);
    --fc-button-hover-border-color: transparent;
    --fc-button-active-bg-color: var(--primary-300);
    --fc-button-active-border-color: transparent;

    /* Events */
    --fc-event-bg-color: var(--primary-400);
    --fc-event-border-color: var(--primary-400);
    --fc-event-text-color: var(--primary-900);
}

html.dark .filament-fullcalendar {
    /* UI */
    --fc-border-color: color-mix(in oklab, var(--color-white) 10%, transparent);

    /* Buttons */
    --fc-button-text-color: var(--primary-950);
    --fc-button-bg-color: var(--primary-600);
    --fc-button-border-color: transparent;
    --fc-button-hover-bg-color: var(--primary-500);
    --fc-button-hover-border-color: transparent;
    --fc-button-active-bg-color: var(--primary-500);
    --fc-button-active-border-color: transparent;

    /* Events */
    --fc-event-bg-color: var(--primary-600);
    --fc-event-border-color: var(--primary-600);
    --fc-event-text-color: var(--primary-950);
}

.filament-fullcalendar .fc-button {
    @apply rounded-lg px-3 py-2 text-sm font-medium !outline-none !shadow-none;

    &:not([disabled]) {
        @apply focus-visible:ring-2 focus-visible:ring-primary-500/50 dark:focus-visible:ring-primary-400/50;
    }

    &[disabled] {
        @apply cursor-default opacity-70;
    }
}

.filament-fullcalendar .fc-view table,
.filament-fullcalendar .fc-view:not(.fc-list) table th,
.filament-fullcalendar .fc-list {
    @apply rounded-t-xl;
}

.filament-fullcalendar .fc-list {
    @apply overflow-hidden;
}

.filament-fullcalendar .fc-list .fc-list-event-title a {
    @apply cursor-pointer;
}

.filament-fullcalendar .fc-list-sticky .fc-list-day th {
    @apply bg-inherit;
}