:root{
  --bg:#f6f7fb;
  --card:#ffffff;
  --text:#0f172a;
  --muted:#64748b;
  --border:rgba(15,23,42,.08);
}

.bg-soft { background: var(--bg); color: var(--text); }

.brand-dot{
  width: 12px; height: 12px; border-radius: 999px;
  background: #ffffff; display:inline-block;
  box-shadow: 0 0 0 3px rgba(255,255,255,.15);
}

.card{ border:1px solid var(--border); }
.shadow-sm{ box-shadow: 0 10px 30px rgba(2,6,23,.06) !important; }
.rounded-4{ border-radius: 1rem !important; }

.kpi-card{ min-height: 96px; }
.table thead th{ font-size:.85rem; color: var(--muted); }
.text-muted{ color: var(--muted) !important; }

.navbar-dark .navbar-brand{ letter-spacing:.2px; }