/* ==========================================================
   BasedNode Glyph System — custom SVG icons, zero emojis
   Geometric, thin-stroke, deliberate. 24×24 viewBox.
   ========================================================== */

.bn-icon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 24px; height: 24px; flex-shrink: 0;
  vertical-align: middle;
}
.bn-icon svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }

/* ─── Agent / AI ─── */
.bn-agent svg { stroke: var(--accent1, #7c5cfc); }

/* ─── Build / Engineering ─── */
.bn-build svg { stroke: var(--accent2, #38bdf8); }

/* ─── Design / Creative ─── */
.bn-design svg { stroke: var(--accent1, #7c5cfc); }

/* ─── Document ─── */
.bn-doc svg { stroke: var(--text2, #94a3b8); }

/* ─── Search / Insight ─── */
.bn-search svg { stroke: var(--accent2, #38bdf8); }

/* ─── Growth / Chart ─── */
.bn-growth svg { stroke: #34d399; }

/* ─── Target / Goal ─── */
.bn-target svg { stroke: var(--accent1, #7c5cfc); }

/* ─── Lightning / Speed ─── */
.bn-bolt svg { stroke: #f59e0b; }

/* ─── Link / Connect ─── */
.bn-link svg { stroke: var(--accent2, #38bdf8); }

/* ─── Sync / Loop ─── */
.bn-sync svg { stroke: var(--accent1, #7c5cfc); }

/* ─── Gear / Settings ─── */
.bn-gear svg { stroke: var(--text2, #94a3b8); }

/* ─── Cloud ─── */
.bn-cloud svg { stroke: var(--accent2, #38bdf8); }

/* ─── Mail / Contact ─── */
.bn-mail svg { stroke: var(--accent1, #7c5cfc); }

/* ─── Rocket / Launch ─── */
.bn-launch svg { stroke: #f59e0b; }

/* ─── Shopping / Cart ─── */
.bn-cart svg { stroke: var(--accent1, #7c5cfc); }

/* ─── Education / Graduate ─── */
.bn-grad svg { stroke: var(--accent2, #38bdf8); }

/* ─── Shield / Security ─── */
.bn-shield svg { stroke: #34d399; }

/* ─── Star / Featured ─── */
.bn-star svg { stroke: #f59e0b; }

/* ─── Eye / Visibility ─── */
.bn-eye svg { stroke: var(--accent2, #38bdf8); }

/* ─── Code / Dev ─── */
.bn-code svg { stroke: var(--accent1, #7c5cfc); }

/* ─── Dashboard ─── */
.bn-dash svg { stroke: var(--accent2, #38bdf8); }

/* ─── Globe / Web ─── */
.bn-globe svg { stroke: #34d399; }

/* ─── Check ─── */
.bn-check svg { stroke: #34d399; }

/* ─── Arrow / Direction ─── */
.bn-arrow svg { stroke: var(--text2, #94a3b8); }

/* ─── Lock / Protected ─── */
.bn-lock svg { stroke: #f59e0b; }