/* ===========================
   CSS VARIABLES
   =========================== */
:root {
  --primary:      #3b82f6;
  --primary-dark: #2563eb;
  --bs-primary:   #3b82f6;
  --bs-primary-rgb: 59, 130, 246;
}

/* ===========================
   NAVBAR — soft blue gradient
   =========================== */
.navbar {
  background: linear-gradient(135deg, #3b82f6 0%, #60a5fa 100%) !important;
  box-shadow: 0 2px 8px rgba(59, 130, 246, .25);
}

/* ===========================
   BOOTSTRAP PRIMARY OVERRIDES
   =========================== */
.btn-primary {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
  color: #fff !important;
}
.btn-primary:hover {
  background-color: var(--primary-dark) !important;
  border-color: var(--primary-dark) !important;
}

.btn-outline-primary {
  color: var(--primary) !important;
  border-color: var(--primary) !important;
}
.btn-outline-primary:hover,
.btn-outline-primary:active,
.btn-check:checked + .btn-outline-primary {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
  color: #fff !important;
}

/* ===========================
   FOOTER
   =========================== */
.footer {
  background: #334155;
  color: rgba(255,255,255,0.55);
  font-size: 0.82rem;
  letter-spacing: 0.02em;
}