.fc-view {
    background-color: #fff;
}
.fc-day-other {
    background-color: oklch(0.97 0 0); /*--color-neutral-100;*/
}
.fc-col-header-cell, .fc-timegrid-slot-label, .fc-timegrid-axis {
    opacity: 0.5;
}
.fc .fc-button-primary:not(:disabled).fc-button-active {
    color: #fff;
}
.fc-day-today .fc-daygrid-day-number {
    background-color: #2F73DA;
    color: #fff;
    border-radius: 50%;
    height: 28px;
    width: 28px;
    display: flex
;
    justify-content: center;
}
.fc-col-header-cell.fc-day-today {
    color: #000;
    opacity: 1;
}


/* Reference
--color-neutral-50: oklch(0.985 0 0);
--color-neutral-100: oklch(0.97 0 0);
--color-neutral-200: oklch(0.922 0 0);
--color-neutral-300: oklch(0.87 0 0);
--color-neutral-400: oklch(0.708 0 0);
--color-neutral-500: oklch(0.556 0 0);
--color-neutral-600: oklch(0.439 0 0);
--color-neutral-700: oklch(0.371 0 0);
--color-neutral-800: oklch(0.269 0 0);
--color-neutral-900: oklch(0.205 0 0);
--color-neutral-950: oklch(0.145 0 0);
*/


:root {
--fc-small-font-size: .85em;
--fc-border-color: oklch(0.87 0 0); /*--color-neutral-300;*/

--fc-button-text-color: #000;
--fc-button-bg-color: #fff;
--fc-button-border-color: #d4d4d8;
--fc-button-hover-bg-color: #f4f4f5;
--fc-button-hover-border-color: #d4d4d8;
--fc-button-active-bg-color: #2F73DA;
--fc-button-active-border-color: #2F73DA;

--fc-event-bg-color: #dbf2fe;
--fc-event-border-color: #dbf2fe;
--fc-event-text-color: #000;
--fc-event-selected-overlay-color: rgba(0, 0, 0, 0.25);

--fc-today-bg-color: #fff;
}

@media (prefers-color-scheme: dark) {
    .fc-view {
        background-color: oklch(0.269 0 0); /*--color-neutral-800;*/
    }
    .fc-day-other {
        background-color: oklch(0.371 0 0); /*--color-neutral-700; */
    }
    .fc-col-header-cell, .fc-timegrid-slot-label, .fc-timegrid-axis {
        opacity: 0.5;
    }
    .fc .fc-button-primary:not(:disabled).fc-button-active {
        color: #000;
    }
    .fc-day-today .fc-daygrid-day-number {
        background-color: oklch(0.882 0.059 254.128); /*--color-blue-200;*/
        color: oklch(0.446 0.043 257.281); /*--color-slate-600;*/
        border-radius: 50%;
    }
    .fc-col-header-cell.fc-day-today {
        color: #fff;
        opacity: 1;
    }

    :root {
    --fc-small-font-size: .85em;
    --fc-page-bg-color: #3e2f3f;
    --fc-neutral-bg-color: #2c000631;
    --fc-neutral-text-color: #808080;
    --fc-border-color: oklch(0.556 0 0); /*--color-neutral-500;*/

    --fc-button-text-color: #fff;
    --fc-button-bg-color: oklch(0.205 0 0); /*--color-neutral-900;*/
    --fc-button-border-color: oklch(0.556 0 0); /*--color-neutral-500;*/
    --fc-button-hover-bg-color: oklch(0.269 0 0); /*--color-neutral-800;*/
    --fc-button-hover-border-color: oklch(0.556 0 0); /*--color-neutral-500;*/
    --fc-button-active-bg-color: oklch(0.882 0.059 254.128); /*--color-blue-200;*/
    --fc-button-active-border-color: #142b2a;

    --fc-event-bg-color: #302748;
    --fc-event-border-color: #302748;
    --fc-event-text-color: #fff;
    --fc-event-selected-overlay-color: rgba(0, 0, 0, 0.25);

    --fc-non-business-color: rgba(215, 215, 215, 0.3);
    --fc-bg-event-color: rgb(143, 223, 130);
    --fc-bg-event-opacity: 0.3;
    --fc-highlight-color: rgba(188, 232, 241, 0.3);
    --fc-today-bg-color: oklch(0.269 0 0); /*--color-neutral-800;*/
    }
}

.fc-homework {
    background-image: url('/svg/home.svg');
    background-repeat: no-repeat;
    background-size: contain;
    padding-left: 21px;
}