:root{
  --brand:#0ea5e9;      /* bleu ciel */
  --brand2:#38bdf8;
  --ink:#0b1220;
  --muted:#6b7280;
  --bg1:#f6fbff;
}

body{ color:var(--ink); }
.navbar-brand span{ color:var(--brand); }

.hero{
  background: radial-gradient(1200px 500px at 10% 10%, rgba(56,189,248,.25), transparent 60%),
              radial-gradient(900px 500px at 90% 0%, rgba(14,165,233,.18), transparent 55%),
              linear-gradient(180deg, var(--bg1), #ffffff);
}
.hero .badge{
  background: rgba(14,165,233,.12);
  color: #0369a1;
  border: 1px solid rgba(14,165,233,.25);
}

.icon-bubble{
  width:44px;height:44px;border-radius:14px;
  display:grid;place-items:center;
  background: rgba(14,165,233,.12);
  border: 1px solid rgba(14,165,233,.20);
}

.section-title{
  letter-spacing:-0.02em;
}
.card{ border-radius: 16px; }
.btn-primary{
  background: var(--brand);
  border-color: var(--brand);
}
.btn-primary:hover{
  background: #0284c7;
  border-color: #0284c7;
}
.small-muted{ color:var(--muted); }

footer{
  background:#0b1220;
  color:#e5e7eb;
}
footer a{ color:#e5e7eb; text-decoration: underline; }