/* BasinMind glyphs — colour tokens for bm-glyphs.js.
 * Ink = the line layer on top, accent = the one flat shape under it. Both come
 * from the logo: cream #ece4cf / navy #1f344c for ink, water blue #437dbc /
 * #5b9ddf for the accent. Selectors mirror bm-shared.css: dark is the default.
 * The accent is a solid shape now, so it is fully opaque; the two tones are
 * separated by lightness, not by transparency.
 * To tint one glyph (e.g. inside the terracotta prototype badge) override the
 * properties on a parent: .chr-proto{--glyph-ink:var(--alarm)}. */

/* Watershed Dark (default) — cream ink on #0d1410 is ~14:1. The accent is the
   deeper logo blue: ~4:1 against the page, and cream strokes on it ~3.5:1. */
:root, html[data-bm-theme="dark"] {
  --glyph-ink:#ece4cf;
  --glyph-accent:#437dbc;
  --glyph-accent-opacity:1;
}
/* Topo Day — navy ink on #fafaf7 is ~12:1. The accent is the brighter logo
   blue: ~3:1 against the page, and navy strokes on it ~4.5:1. */
html[data-bm-theme="day"] {
  --glyph-ink:#1f344c;
  --glyph-accent:#5b9ddf;
  --glyph-accent-opacity:1;
}

.bm-glyph{display:inline-block;vertical-align:-0.18em;flex-shrink:0;overflow:visible}
/* Belt and braces: the SVG carries the same values as presentation attributes;
   these rules win over them and keep older engines on the tokens. */
.bm-glyph{stroke:var(--glyph-ink)}
.bm-glyph .bm-ga{fill:var(--glyph-accent);fill-opacity:var(--glyph-accent-opacity);stroke:none}

/* Single-colour contexts: when a parent sets ink and accent to the SAME colour
   (the prototype badge does), an opaque accent would swallow the ink lines, so
   the accent drops back to a tint of it. */
.chr-proto .bm-glyph{--glyph-accent-opacity:.35}

/* Monochrome variant: both tones follow the surrounding text colour. */
.bm-glyph-mono,.bm-glyph-mono .bm-glyph{--glyph-ink:currentColor;--glyph-accent:currentColor;--glyph-accent-opacity:.3}