:root{
  --bg-0:#f5f7f9; --bg-1:#ffffff; --card:#ffffff;
  --text:#0b1116; --muted:#51606b; --accent:#1bb56b; --accent-2:#10a69e;
  --warn:#c47a14; --neg:#c84c4c; --grid:#dfe6ee; --kpi:#ffffff; --badge:#e8fff3;
}
body{ background: var(--bg-0); color: var(--text); font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial; }
.navbar-dark{ background: linear-gradient(180deg, #0f1216, #11151a 60%); }
.navbar-light{ background:#ffffff; border-bottom:1px solid #e5edf4; }
.kpi-card{ background: var(--kpi)!important; border-radius:16px; border:1px solid #e6eef6; }
.kpi-label{ color: var(--muted); font-size:.78rem; text-transform:uppercase; letter-spacing:.08em; }
.kpi-value{ color: var(--text); font-weight:800; font-size:1.25rem; }
.btn-primary{ background: var(--accent); border-color: var(--accent); color:#052614; font-weight:600; }
.dash-table-container .row{ color:var(--text); }
table, .dash-table-container{ background: var(--card)!important; }
/* legibility accents for light */
label, .text-muted { color: var(--muted) !important; }
/* legibility accents for light */
label, .text-muted { color: var(--muted) !important; }