/* SSPH+ brand colours — adjust to match your actual brand */
:root {
  --ssph-primary:   #00538E;   /* dark blue  */
  --ssph-secondary: #E8F0F7;   /* light blue */
  --ssph-accent:    #00A86B;   /* green      */
}

.bg-primary, .btn-primary, .navbar.bg-primary {
  background-color: var(--ssph-primary) !important;
}
.btn-primary {
  border-color: var(--ssph-primary) !important;
}
.btn-primary:hover {
  background-color: #003f6b !important;
  border-color: #003f6b !important;
}
.text-primary { color: var(--ssph-primary) !important; }
.border-primary { border-color: var(--ssph-primary) !important; }

body {
  background-color: #f8f9fa;
  color: #2c3e50;
}
.card {
  border: 1px solid #dee2e6;
  box-shadow: 0 1px 3px rgba(0,0,0,.06);
}
.card-header {
  background-color: #f8f9fa;
  border-bottom: 1px solid #dee2e6;
}
.navbar-brand {
  font-size: 1.3rem;
  letter-spacing: .02em;
}
.table th {
  font-size: .85rem;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: #6c757d;
}