:root, [data-bs-theme="dark"]{
  --bs-body-bg:#0f1115;
  --bs-body-color:#e8ecf1;
  --bs-border-color:#262c39;
  --bs-card-bg:#151922;
  --bs-card-border-color:#262c39;
  --bs-link-color:#4da3ff;
  --bs-primary:#0d6efd;    /* blue */
  --bs-warning:#ffc107;    /* amber */
}
.brand-mark{
  display:inline-grid;place-items:center;
  width:36px;height:36px;border-radius:10px;
  background:linear-gradient(135deg,var(--bs-primary),#4da3ff);
  color:#fff;
}
.hero{
  background:linear-gradient(180deg, rgba(13,110,253,.10), transparent);
  border:1px solid var(--bs-border-color);
  box-shadow:0 10px 30px rgba(0,0,0,.25);
  border-radius:16px;
}
.card{
  box-shadow:0 10px 30px rgba(0,0,0,.20);
  border-radius:16px;
}