/* Dark theme overrides for Bootstrap */
:root{
  --bg:#0b1220;
  --panel:#0f1b2d;
  --panel2:#101f35;
  --border:#1f2f4a;
  --text:#e7eefc;
  --muted:#a9b7d0;
  --heading:#ffffff;
  --primary:#2f6bff;
}

/* Page base */
body{
  background: var(--bg) !important;
  color: var(--text) !important;
}

/* Titles & headings */
h1,h2,h3,h4,h5,h6,
.card-title,.modal-title{
  color: var(--heading) !important;
}

/* Labels & small texts */
label,.form-label,.form-text,small,
.text-muted{
  color: var(--muted) !important;
}

/* Cards / panels */
.card, .table-responsive, .modal-content, .dropdown-menu{
  background: rgba(16, 31, 53, 0.85) !important;
  border: 1px solid var(--border) !important;
  color: var(--text) !important;
}

/* Inputs */
.form-control,.form-select,.input-group-text{
  background: rgba(11, 18, 32, 0.75) !important;
  border: 1px solid var(--border) !important;
  color: var(--text) !important;
}
.form-control::placeholder{
  color: #7f93b5 !important;
}
.form-control:focus,.form-select:focus{
  border-color: var(--primary) !important;
  box-shadow: 0 0 0 .2rem rgba(47,107,255,.25) !important;
}

/* Tables */
.table{
  color: var(--text) !important;
}
.table thead th{
  color: #bcd3ff !important;
  border-bottom-color: var(--border) !important;
}
.table td, .table th{
  border-color: var(--border) !important;
}
.table-hover tbody tr:hover{
  background: rgba(47,107,255,.08) !important;
}

/* Navbar */
.navbar{
  background: rgba(11,18,32,.95) !important;
  border-bottom: 1px solid var(--border) !important;
}
.navbar .nav-link, .navbar-brand{
  color: var(--text) !important;
}
.navbar .nav-link:hover{
  color: #ffffff !important;
}

/* Buttons (optional polish) */
.btn-primary{
  background: var(--primary) !important;
  border-color: var(--primary) !important;
}