/*
 * TacoSauce — custom styles layered on top of Tailwind.
 * Tailwind utilities come from app/assets/tailwind/application.css (processed by tailwindcss-rails).
 */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

/* FullCalendar overrides */
.fc {
  --fc-border-color: rgba(17, 17, 17, 0.12);
  --fc-button-bg-color: #111111;
  --fc-button-border-color: #111111;
  --fc-button-hover-bg-color: #333333;
  --fc-button-hover-border-color: #333333;
  --fc-button-active-bg-color: #000000;
  --fc-button-active-border-color: #000000;
  --fc-today-bg-color: rgba(245, 200, 66, 0.2);
  --fc-event-bg-color: #111111;
  --fc-event-border-color: #111111;
  font-family: 'Inter', system-ui, sans-serif;
}

.fc .fc-button {
  font-weight: 700;
  font-size: 0.8rem;
  border-radius: 0.5rem;
  padding: 0.4rem 0.875rem;
}

.fc .fc-toolbar-title {
  font-size: 1.25rem;
  font-weight: 800;
  letter-spacing: -0.03em;
}

.fc-daygrid-event,
.fc-timegrid-event {
  border-radius: 0.375rem !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  padding: 1px 4px !important;
}

.fc-col-header-cell {
  font-weight: 700;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}