/* ==========================================================================
   BRASSPOINT ADVISORY GROUP — SITE ACCENT
   Loaded AFTER system.css. Per explicit request, this site's accent is
   blue/navy rather than the warm brass used elsewhere, matching the
   BrassPoint mark itself (navy circle, gold ring). --brass here IS navy —
   the token name stays generic across sites, only the value changes.
   ========================================================================== */

:root{
  --paper: #EDEAE0;
  --paper-dim: #DFDACB;
  --brass: #24476E;       /* navy from the crest, lifted for on-paper contrast */
  --brass-dark: #17324F;
  --accent-2: #C79A4E;    /* gold from the crest's ring gradient */
  --dark: #111827;        /* exact navy from the crest circle */
  --dark-2: #1b2436;
}

/* ---------- Mobile nav toggle now lives in system.css (shared) ---------- */

/* ---------- KPI stat row (hero) ---------- */
.stat-row{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:18px;
  margin-top:36px;
  padding-top:28px;
  border-top:1px solid var(--line);
}
@media (max-width:720px){ .stat-row{ grid-template-columns:repeat(2,1fr); } }
.stat-block .num{
  font-family:'Fraunces', serif;
  font-size:1.7rem;
  font-weight:600;
  color:var(--brass-dark);
}
.stat-block .label{
  margin-top:4px;
  font-size:0.82rem;
  color:var(--ink-soft);
}
.stat-footnote{
  margin-top:10px;
  font-size:0.76rem;
  color:var(--ink-soft);
  font-family:'IBM Plex Mono', monospace;
}

/* On this site --brass IS navy, which reads poorly against the navy
   panel-dark background. Use the gold accent-2 for eyebrows in dark
   panels here instead — scoped to this site only. */
.panel-dark .section-head .eyebrow{ color: var(--accent-2); }