@import '@fontsource/lexend-deca/400.css';
@import '@fontsource/lexend-deca/500.css';
@import '@fontsource/lexend-deca/600.css';
@import '@fontsource/lexend-deca/700.css';

@tailwind base;
@tailwind components;
@tailwind utilities;

.status-prospect { @apply bg-blue-500/20 text-blue-400; }
.status-client { @apply bg-emerald-500/20 text-emerald-400; }
.status-impaye { @apply bg-red-500/20 text-red-400; }
.status-rdv-annule { @apply bg-gray-500/20 text-gray-400; }
.status-rdv-a-venir { @apply bg-amber-500/20 text-amber-400; }
.status-froid { @apply bg-slate-500/20 text-slate-400; }

.role-admin { @apply text-primary; }
.role-commercial { @apply text-primary; }

/* FullCalendar customization */
.fc {
  @apply font-sans;
}

.fc-theme-standard {
  @apply border-gray-700;
}

.fc-theme-standard td,
.fc-theme-standard th {
  @apply border-gray-700;
}

.fc-theme-standard .fc-scrollgrid {
  @apply border-gray-700;
}

.fc .fc-toolbar-title {
  @apply text-light;
}

.fc .fc-button {
  @apply bg-gray-700 border-gray-600 text-gray-200 hover:bg-gray-600 focus:bg-gray-600 active:bg-gray-600;
}

.fc .fc-button-primary:not(:disabled).fc-button-active,
.fc .fc-button-primary:not(:disabled):active {
  @apply bg-primary border-primary;
}

.fc-day-today {
  @apply bg-gray-800/50 !important;
}

.fc-timegrid-slot,
.fc-timegrid-axis-cushion,
.fc-col-header-cell {
  @apply text-gray-400;
}

.fc-event {
  @apply cursor-pointer border-0 rounded shadow-sm;
}

.fc-event-main {
  @apply p-1;
}

.fc-event-title {
  @apply font-medium text-white;
}

.fc-event-time {
  @apply font-normal text-white;
}

.fc-timegrid-event-harness {
  @apply mx-1;
}

.fc-highlight {
  @apply bg-primary/20;
}

.fc-day-past {
  @apply bg-gray-900/20;
}

.fc-day-future {
  @apply bg-transparent;
}