/* Brand tokens */
:root{
  --page-bg:#f6f8fb;     /* page background */
  --brand:#2563eb;
  --brand-600:#1d4ed8;
  --ink:#0f172a;
  --muted:#64748b;
  --soft:#f8fafc;
}

/* Apply site-wide background color */
body{
  background:var(--page-bg);
  font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--ink);
}

/* Keep navbar white while page is tinted */
.navbar{
  background:#fff !important;
}

/* (existing helpers; keep if you already have them) */
.section{padding:72px 0}
.section-soft{background:var(--soft)}
.gradient-hero{background:linear-gradient(135deg,#eff6ff 0%,#f8fafc 60%,#ffffff 100%)}
.btn-brand{background:var(--brand);border-color:var(--brand)}
.btn-brand:hover{background:var(--brand-600);border-color:var(--brand-600)}
.badge-soft{background:rgba(37,99,235,.1);color:var(--brand);border:1px solid rgba(37,99,235,.2)}
.icon-round{width:40px;height:40px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:rgba(37,99,235,.1)}
.card-hover{transition:transform .15s ease,box-shadow .15s ease}
.card-hover:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(15,23,42,.08)}
.shadow-soft{box-shadow:0 10px 30px rgba(2,6,23,.06)}
.card-hover { position: relative; }
.badge { letter-spacing: .2px; }


.footer-links a{
  color: var(--muted);
  text-decoration: none;
}
.footer-links a:hover{
  color: var(--ink);
  text-decoration: underline;
}
.footer-social a{
  width: 38px; height: 38px;
  border-radius: 999px;
  display: inline-flex; align-items: center; justify-content: center;
  background: rgba(37,99,235,.08);
  color: var(--brand);
  text-decoration: none;
}
.footer-social a:hover{
  background: rgba(37,99,235,.15);
}