/* Jifunze AI brand tokens layered over Tabler */
:root, [data-bs-theme="light"] {
  --tblr-primary: #6258F5;
  --tblr-primary-rgb: 98, 88, 245;
  --tblr-primary-darken: #4338CA;
  --tblr-success: #22C55E;
  --tblr-warning: #F59E0B;
  --tblr-danger: #EF4444;
  --ja-lavender: #EEEAFE;
  --tblr-body-bg: #F7F8FA;
  --tblr-font-sans-serif: "Inter", "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
[data-bs-theme="dark"] {
  --tblr-primary: #928BFF;
  --tblr-primary-rgb: 146, 139, 255;
  --tblr-body-bg: #101116;
  --tblr-bg-surface: #1B1D27;
  --ja-lavender: #2a2752;
}
.navbar-brand-mark { display:inline-flex; align-items:center; justify-content:center; width:2rem; height:2rem; border-radius:.6rem; background:var(--tblr-primary); color:#fff; font-weight:700; margin-right:.5rem; }
.stat-icon { width:2.5rem; height:2.5rem; border-radius:.75rem; display:inline-flex; align-items:center; justify-content:center; background:var(--ja-lavender); color:var(--tblr-primary); font-size:1.25rem; }
.bar-chart { display:flex; align-items:flex-end; gap:6px; height:140px; }
.bar-chart .bar { flex:1; background:var(--tblr-primary); border-radius:6px 6px 0 0; min-height:2px; opacity:.85; }
.bar-chart .bar:hover { opacity:1; }
.bar-labels { display:flex; gap:6px; font-size:.65rem; color:var(--tblr-secondary); }
.bar-labels span { flex:1; text-align:center; }