#calendar.fc {
  --fc-border-color: rgba(255, 255, 255, 0.08);
  --fc-page-bg-color: transparent;
  --fc-neutral-bg-color: rgba(255, 255, 255, 0.04);
  --fc-list-event-hover-bg-color: rgba(255, 255, 255, 0.08);
  --fc-today-bg-color: rgba(45, 212, 191, 0.1);
  --fc-button-bg-color: rgba(255, 255, 255, 0.06);
  --fc-button-border-color: rgba(255, 255, 255, 0.12);
  --fc-button-hover-bg-color: rgba(255, 255, 255, 0.14);
  --fc-button-hover-border-color: rgba(255, 255, 255, 0.2);
  --fc-button-active-bg-color: #2dd4bf;
  --fc-button-active-border-color: #2dd4bf;
  --fc-event-bg-color: #2dd4bf;
  --fc-event-border-color: #14b8a6;
  --fc-event-text-color: #022c22;
  --fc-now-indicator-color: #f87171;
  color: #e2e8f0;
}

#calendar.fc a {
  color: #e2e8f0;
}

#calendar .fc-toolbar-title {
  color: #f8fafc;
  font-size: 1.15rem;
  font-weight: 600;
}

#calendar .fc-col-header-cell-cushion,
#calendar .fc-daygrid-day-number,
#calendar .fc-timegrid-slot-label-cushion,
#calendar .fc-list-day-text,
#calendar .fc-list-day-side-text {
  color: #cbd5e1;
}

#calendar .fc-daygrid-day.fc-day-today,
#calendar .fc-timegrid-col.fc-day-today {
  background: var(--fc-today-bg-color) !important;
}

#calendar .fc-button {
  text-transform: capitalize;
  box-shadow: none !important;
  font-weight: 500;
}

#calendar .fc-button-primary:not(:disabled).fc-button-active,
#calendar .fc-button-primary:not(:disabled):active {
  color: #022c22;
}

#calendar .fc-scrollgrid,
#calendar .fc-scrollgrid-section > * {
  border-color: var(--fc-border-color);
}

#calendar .fc-event {
  border-radius: 6px;
  padding: 1px 4px;
  font-size: 0.75rem;
  font-weight: 500;
  cursor: pointer;
}

#calendar .fc-timegrid-now-indicator-line {
  border-color: var(--fc-now-indicator-color);
}

#calendar .fc-highlight {
  background: rgba(45, 212, 191, 0.18);
}

#calendar .fc-daygrid-day-number,
#calendar .fc-timegrid-axis-cushion {
  font-size: 0.8rem;
}