/* BrandForge — Custom Styles */

:root {
  --bf-dark: #0f1923;
  --bf-primary: #1a6aff;
  --bf-dw: #1a3a5c;
  --bf-ss: #0d7a6e;
}

body {
  background-color: #f0f2f5;
  font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
}

/* Navbar */
.bf-navbar {
  background-color: var(--bf-dark);
  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}

.bf-navbar .nav-link {
  font-size: 14px;
  opacity: 0.75;
  transition: opacity 0.15s;
}

.bf-navbar .nav-link:hover,
.bf-navbar .nav-link.active-link {
  opacity: 1;
}

/* Buttons */
.bf-btn-primary {
  background-color: var(--bf-primary);
  border-color: var(--bf-primary);
  color: #fff;
}

.bf-btn-primary:hover {
  background-color: #0052e0;
  border-color: #0052e0;
  color: #fff;
}

/* Cards */
.card {
  border: 1px solid #e2e6ea;
  border-radius: 8px;
}

.card-header {
  border-radius: 8px 8px 0 0 !important;
}

/* FullCalendar overrides */
#calendar {
  min-height: 680px;
}

.fc .fc-toolbar-title {
  font-size: 1.1rem;
  font-weight: 700;
}

.fc .fc-button-primary {
  background-color: var(--bf-dark);
  border-color: var(--bf-dark);
}

.fc .fc-button-primary:hover {
  background-color: #222e3c;
  border-color: #222e3c;
}

.fc .fc-button-primary:not(:disabled).fc-button-active,
.fc .fc-button-primary:not(:disabled):active {
  background-color: var(--bf-primary);
  border-color: var(--bf-primary);
}

.fc .fc-daygrid-event {
  font-size: 11px;
  border-radius: 4px;
  padding: 1px 4px;
  cursor: pointer;
}

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

/* Status badges */
.badge {
  font-weight: 600;
  letter-spacing: 0.2px;
}

/* Tables */
.table th {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Form */
.form-label {
  font-size: 14px;
}

.form-control:focus,
.form-select:focus,
.form-check-input:focus {
  border-color: var(--bf-primary);
  box-shadow: 0 0 0 0.2rem rgba(26, 106, 255, 0.15);
}