:root{
  --hc-primary:#0b5ed7;
  --hc-accent:#14b8a6;
  --hc-bg:#f6f9fc;
  --hc-text:#0f172a;
}
body{ color:var(--hc-text); }
.bg-soft{ background:var(--hc-bg); }
.navbar{ box-shadow:0 6px 18px rgba(15,23,42,.06); }
.topbar{ font-size:.9rem; }
.hero{
  background: radial-gradient(1200px 600px at 10% 10%, rgba(20,184,166,.18), transparent 60%),
              radial-gradient(900px 500px at 90% 0%, rgba(11,94,215,.18), transparent 55%),
              linear-gradient(180deg, #ffffff, var(--hc-bg));
}
.section{ padding: 3.5rem 0; }
.card{ border:0; box-shadow:0 10px 26px rgba(15,23,42,.06); border-radius: 1rem;}
.btn-primary{ background:var(--hc-primary); border-color:var(--hc-primary); }
.btn-outline-primary{ border-color:var(--hc-primary); color:var(--hc-primary); }
.btn-outline-primary:hover{ background:var(--hc-primary); border-color:var(--hc-primary); }
.badge-accent{ background:rgba(20,184,166,.12); color:#0f766e; }
.breadcrumb{ --bs-breadcrumb-divider: '›'; }
.article-content img{ max-width:100%; height:auto; border-radius:.75rem; }
.article-content table{ width:100%; }
.article-content h1,.article-content h2,.article-content h3{ scroll-margin-top: 6rem; }
.toc{
  position: sticky; top: 6.2rem;
}
.floating-whatsapp{
  position: fixed; right: 18px; bottom: 18px; z-index: 1030;
  border-radius: 999px; padding: .75rem 1rem;
  box-shadow: 0 14px 34px rgba(15,23,42,.18);
}
footer{ background:#0b1220; color:#cbd5e1; }
footer a{ color:#cbd5e1; text-decoration:none; }
footer a:hover{ color:#ffffff; }
.small-muted{ color:#94a3b8; }