/* ==========================================================================
   site.css — bolodev.it per-site overrides (loaded LAST).
   Brand hub of the network: blue (--brand-600) + violet (--violet-500).
   Keep this tiny: only the accent hooks + a couple of scoped tweaks.
   ========================================================================== */

:root {
  --accent:   var(--brand-600);   /* blue */
  --accent-2: #e11d48;            /* rose, strong enough for white icons */
  --accent-3: #047857;            /* emerald, strong enough for white icons */
}

/* Community hub mark: blue, coral and emerald, without turning stiff. */
.brand__mark {
  background: linear-gradient(135deg, var(--brand-600), var(--accent-2), var(--accent-3));
}

/* Network list in the footer: small mono labels for the sibling sites. */
.footer-network__role {
  font-family: var(--font-mono);
  font-size: var(--fs-xs);
  color: var(--ink-500);
}

.home--hub .site-header {
  border-bottom-color: color-mix(in srgb, var(--accent) 18%, var(--line));
}

.home--hub .tree-root {
  border-color: color-mix(in srgb, var(--accent) 22%, var(--line));
}

.site-footer .tag,
.site-footer .badge {
  color: var(--dark-ink);
  background: color-mix(in srgb, var(--white) 8%, transparent);
  border-color: color-mix(in srgb, var(--dark-ink) 24%, transparent);
}