@use '../config' as *;

:root {
  --fc-border-color: var(--border-color);
  --fc-daygrid-event-dot-width: 5px;

  --fc-event-bg-color: var(--primary-lt);
  --fc-event-border-color: var(--primary-200);
  --fc-event-text-color: var(--body-color);
}

.fc-toolbar-title {
  font-size: var(--font-size-h3) !important;
  font-weight: var(--font-weight-medium);
}

.fc-daygrid-dot-event {
  padding-top: 1px;
  padding-bottom: 1px;
  color: var(--fc-event-text-color);
  background-color: var(--fc-event-bg-color);
  border: 1px solid var(--fc-event-border-color);

  .fc-event-title {
    font-weight: inherit;
  }
}

.fc-col-header-cell {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  font-size: var(--font-size-h5);
  font-weight: var(--font-weight-medium);
  line-height: 1;
  color: var(--secondary);
  text-transform: uppercase;
  background-color: var(--bg-surface-secondary);
}

.fc-event-time {
  font-weight: var(--font-weight-semibold) !important;
}

.fc-col-header-cell-cushion {
  color: inherit;
}

.fc-daygrid-day-number {
  color: var(--secondary);
}

.fc-button {
  font-weight: var(--font-weight-medium) !important;
  color: var(--body-color) !important;
  background-color: transparent !important;
  border-color: var(--border-color) !important;
}