/* These styles are generated from project.scss. */

.alert-debug {
  color: black;
  background-color: white;
  border-color: #d6e9c6;
}

.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

/* ============================================================
   Landing / public-page shared navbar styling.
   Scoped to body.landing-body so it never leaks into the app.
   ============================================================ */
body.landing-body {
  --lp-accent: #38bdf8;
  --lp-accent-2: #6366f1;
  --lp-dark: #0f172a;
  --lp-muted: #64748b;
}
body.landing-body .navbar {
  background: transparent !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.06);
  padding: 14px 0;
}
body.landing-body .navbar-brand {
  font-weight: 700;
  color: var(--lp-dark);
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
body.landing-body .navbar-brand::before {
  content: "ST";
  width: 36px; height: 36px;
  border-radius: 10px;
  background: linear-gradient(135deg, var(--lp-accent), var(--lp-accent-2));
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: .8rem;
  font-weight: 700;
  letter-spacing: .5px;
  box-shadow: 0 8px 20px rgba(56, 189, 248, 0.35);
}
body.landing-body .nav-link { color: #475569; font-weight: 500; }
body.landing-body .nav-link:hover { color: var(--lp-accent-2); }
body.landing-body #cta-demo-link {
  background: linear-gradient(135deg, var(--lp-accent), var(--lp-accent-2));
  color: #fff !important;
  padding: .45rem 1.1rem !important;
  border-radius: 10px;
  margin-left: 6px;
  box-shadow: 0 8px 20px rgba(56, 189, 248, 0.28);
}
body.landing-body #log-in-link {
  color: var(--lp-accent-2) !important;
  font-weight: 600;
}