/* ── MFC Portal Theme ─────────────────────────────────────────────── */
:root {
  --green:    #262161;
  --green-lt: #eeedf5;
  --green-dk: #1a1745;
  --teal:     #3d5a9e;
  --teal-lt:  #e8edf8;
  --teal-dk:  #2d4380;
  --plum:     #4c47a0;
  --plum-lt:  #eeedfa;
  --plum-dk:  #2d2b6b;
  --amber:    #b06d00;
  --surface:  #ffffff;
  --bg:       #f5f5fb;
  --bg2:      #ededf7;
}

/* Sidebar indigo tint */
.sidebar {
  background: rgba(238,237,245,0.92) !important;
}

/* Nav active states */
.nav-item.active-all  { background: var(--green-lt); color: var(--green-dk); }
.nav-item.active-pq   { background: var(--green-lt); color: var(--green-dk); }
.nav-item.active-mq   { background: var(--teal-lt);  color: var(--teal-dk);  }
.nav-item.active-foi  { background: var(--plum-lt);  color: var(--plum-dk);  }

/* Logo area */
.sidebar-logo { color: var(--green-dk); }

/* Topbar */
.topbar { border-bottom-color: var(--green-lt); }

/* Primary buttons */
.btn-primary { background: var(--green); }
.btn-primary:hover { background: var(--green-dk); }

/* AI button */
.btn-primary.ai { background: linear-gradient(135deg, #262161, #4c47a0); }

/* Pipeline fills */
.workload-fill { background: var(--green); }
.workload-fill.busy { background: var(--teal); }
.workload-fill.overloaded { background: #c0392b; }