/* --- Theme tokens --- */
:root{
  --offwhite:#f2f4f7;
  --bg1:#0b0f17;     /* deep black/grey */
  --bg2:#131a25;     /* dark slate */
  --panel:#161e2c;

  /* Override Bootstrap primary to a nice blue */
  --bs-primary:#2f6fed;
}

/* Page background */
.app-bg{
  background:
    radial-gradient(1200px 600px at 85% -10%, rgba(124,190,255,.07), transparent 60%),
    radial-gradient(900px 500px at 10% 110%, rgba(91,255,240,.06), transparent 60%),
    linear-gradient(180deg, var(--bg1), var(--bg2));
  min-height:100vh;
  color:var(--offwhite);
}

/* Off-white helper */
.text-offwhite{ color: var(--offwhite) !important; }

/* Navbar tweaks (uses --bs-primary for bg) */
.navbar .nav-link{ color:#e2e8f0 !important; }
.navbar .nav-link:hover{ color:#fff !important; }

/* Optional card style if you add sections later */
.card{
  background:linear-gradient(180deg, rgba(255,255,255,.02), transparent), var(--panel);
  border:1px solid #1e2740; border-radius:16px;
  backdrop-filter: blur(6px);
}

/* Improve placeholder contrast */
.form-control::placeholder{ color:#9aa3b2; opacity:1; }