@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");
@import url("https://cdn.jsdelivr.net/npm/fullcalendar@6.1.8/index.global.min.css");

:root {
  --primaryFont: "Poppins", sans-serif;
  --primaryColor: #ed1943;
  --darkColor: #2d2f30;
  --lightColor: #f9f6f6;
}

body {
  font-family: var(--primaryFont);
  font-size: 0.9rem;
  color: var(--darkColor);
  background-color: var(--lightColor);
}

::-webkit-scrollbar {
  width: 5px;
  height: 3px;
}

::-webkit-scrollbar-track {
  background: var(--lightColor);
}

::-webkit-scrollbar-thumb {
  background: var(--darkColor);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--primaryColor);
}

.btn {
  font-size: 0.9rem;
  color: var(--darkColor);
  text-transform: capitalize;
  font-weight: 500;
  padding: 0.2rem 1.2rem;
  border: 2px solid var(--darkColor);
  border-radius: 20px;
}

.btn-outline-light {
  --bs-btn-hover-bg: var(--darkColor);
  --bs-btn-hover-color: var(--lightColor);
  --bs-btn-hover-border-color: var(--darkColor);
  --bs-btn-active-bg: var(--darkColor);
  --bs-btn-active-color: var(--lightColor);
  --bs-btn-active-border-color: var(--darkColor);
}

.card {
  color: var(--darkColor);
}

.form-control {
  color: var(--darkColor);
  font-size: 0.9rem;
}

.form-control::placeholder {
  color: var(--darkColor);
}

.form-select:focus,
.form-control:focus,
.fc-button:focus {
  border-color: var(--darkColor);
  border-width: 2px;
  box-shadow: none !important;
}

.form-select,
.form-select option:disabled {
  color: var(--darkColor);
  font-size: 0.9rem;
}

.form-floating input {
  font-size: 1rem;
}

td {
  white-space: nowrap;
}

a[onclick] {
  cursor: pointer;
}

.dashboard-card {
  border-left: 4px solid var(--primaryColor);
  border-radius: 0.5rem;
  background-color: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
  transition: transform 0.2s ease;
}

.dashboard-card:hover {
  transform: translateY(-2px);
}

.fc {
  color: #000 !important;
}

.fc a {
  color: #000 !important;
  text-decoration: none;
}

.fc-toolbar-title {
  font-size: 1.1rem !important;
}

.fc .fc-button {
  background-color: var(--darkColor);
  padding: 4px 10px;
  text-transform: capitalize;
}

.fc .fc-button:hover {
  background-color: var(--darkColor);
}

.fc .fc-day-today {
  background-color: #d5d5d5 !important;
}

.dropdown-item-text {
  font-size: 0.9rem;
}

.navbar-toggler:focus {
  box-shadow: none;
  outline: none;
}

.navbar-toggler-icon {
  filter: invert(1);
}

@media (max-width: 576px) {
  .btn {
    padding: 0.4rem 1rem;
    font-size: 0.9rem;
  }
  .form-control,
  .form-select {
    font-size: 14px;
  }
  table {
    font-size: 0.875rem;
  }

  .table td,
  .table th {
    padding: 0.5rem 0.4rem;
  }

  .table td i {
    font-size: 1rem;
  }
  th,
  td {
    font-size: 0.85rem;
  }
}