:root{
  --brand:#111111;
  --accent:#f5c518;
  --accent-2:#6b9cff;
  --text:#1b1b1b;
  --muted:#666;
  --bg:#ffffff;
}
html{scroll-behavior:smooth}
body{
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  color:var(--text);
  background:var(--bg);
}
.navbar-brand img{height:36px}
.hero{
  background: radial-gradient(1200px 400px at 10% 0%, rgba(245,197,24,.15), transparent),
              radial-gradient(1200px 400px at 90% 0%, rgba(107,156,255,.12), transparent);
}
.table thead th{
  background:#fafafa;
  position:sticky; top:0; z-index:1;
}
.figure-img{border-radius:.5rem}
footer{background:#0a0a0a;color:#ddd}
footer a{color:#fff}
.btn-go{background:linear-gradient(90deg, var(--accent), var(--accent-2)); color:#000; border:none}
.btn-go:hover{filter:brightness(.95); color:#000}
.badge-soft{background:rgba(245,197,24,.15); color:#946a00}
#toc a{ text-decoration:none }
.blockquote{
  padding:1rem 1.25rem; border-left:4px solid var(--accent);
  background:#fff8d9; border-radius:.25rem;
}