/* salton.ai base styles */
:root{
  --brand:#0d6efd;
  --brand-dark:#0b5ed7;
  --bg:#0f1115;
  --text:#f5f7fb;
  --muted:#9aa3b2;
}

html,body{height:100%}
body{
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, 'Helvetica Neue', Arial, 'Apple Color Emoji','Segoe UI Emoji';
  margin:0;
  background:#0f1115;
  color:#f5f7fb;
}

/* Light "dark" navbar that still contrasts with page bg */
.navbar.bg-dark{
  background:#0b0e13 !important;
  border-bottom:1px solid #1b2030;
}
.navbar .navbar-brand,
.navbar .nav-link{ color:#dbe2f1; text-decoration:none; }
.navbar .nav-link:hover{ color:#fff; }

.container{ 
  max-width: 1080px; 
  margin: 0 auto; 
  padding: 0 1rem; 
}

.mt-4{ margin-top:1.5rem }
.mt-5{ margin-top:3rem }
.p-5{ padding:3rem }
.rounded{ border-radius:1rem }

/* "Jumbotron" hero */
.jumbotron{
  background:#121726;
  border:1px solid #1b2030;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
}
.jumbotron .btn{
  display:inline-block;
  padding:.85rem 1.25rem;
  border-radius:.75rem;
  background:var(--brand);
  color:white;
  font-weight:600;
  border:none;
  cursor:pointer;
}
.jumbotron .btn:hover{ background:var(--brand-dark) }

/* Grid helpers used on index */
.row{ display:flex; flex-wrap:wrap; gap:1rem }
.col-md-4{ flex:1 1 300px; background:#0f1422; border:1px solid #1b2030; padding:1rem; border-radius:.75rem }
.col-md-4 h4{ margin-top:0 }

/* Typography */
h1,h2,h3,h4{ line-height:1.15; margin:0 0 .5rem }
.lead{ color:#d0d7ea }
.h2{ font-size:1.5rem; margin-top:.5rem }

/* Utility */
.text-center{text-align:center}
.bg-light{ background:#141a2a; }
.img-fluid{ max-width:100%; height:auto }

/* Footer */
footer{
  margin-top:3rem;
  padding:2rem 0;
  border-top:1px solid #1b2030;
  color:#9aa3b2;
  text-align:center;
}

a{ color:#8cb4ff }
a:hover{ color:#b8d1ff }
ul{ padding-left:1.25rem }