/*
 * Network Graphics System - shared design tokens.
 *
 * Every component in the family (Sphere, and future Cluster/Ring/Wave/...)
 * draws its colour and base geometry from these tokens instead of
 * hardcoding its own values - this is what makes separate components read
 * as one visual family. See static/network/README.md for the full system
 * philosophy.
 *
 * Colours are kept as "r, g, b" component lists (not hex) because Canvas
 * components read them via getComputedStyle() and interpolate them into
 * their own rgba(...) strings at draw time - a plain hex custom property
 * can't be composed with a dynamic alpha that way. SVG/CSS components use
 * the exact same tokens directly in real CSS via the legacy comma syntax -
 * rgba(var(--network-point-rgb), <alpha>) - which is standard, valid CSS:
 * var() just substitutes the stored "r, g, b" text into the rgba() argument
 * list. (The modern rgb(... / <alpha>) slash syntax needs space-separated
 * components and can't mix with a comma-separated custom property - use
 * the comma form here, not the slash form.)
 *
 * --network-ambient-rgb used to reuse --bs-primary-rgb (tokens.css, itself
 * derived from --color-primary) for the same reason - kept as an r,g,b list
 * there already for Bootstrap's own rgba() composition, so it pointed at
 * that one source of truth instead of duplicating the value. 2026-09 review
 * ("все анимации по цвету и яркости сделай как сфера"): these four tokens
 * are now set to the same brighter-than-the-original, still-clearly-blue
 * palette the Home hero's Sphere was tuned to (previously a home.html-only
 * `html:root` override, home.css - see that file's own history comment) -
 * now every component reads it as its shared default, which is what
 * actually keeps them all "the same visual family" once more than one page
 * puts Sphere (or any other component) next to a default-palette one.
 * Ambient breaks the --bs-primary-rgb indirection on purpose here: Sphere's
 * tuned ambient haze is deliberately brighter than the raw brand primary,
 * not equal to it, so pointing back at that token would silently undo the
 * brightening.
 */
:root {
  --network-point-rgb: 196, 224, 255;   /* base point colour */
  --network-line-rgb: 198, 222, 255;    /* base connection-line colour */
  --network-glow-rgb: 230, 240, 255;    /* bright travelling-pulse glow */
  --network-ambient-rgb: 96, 165, 250;  /* ambient haze */

  --network-line-width: 1.15;
  --network-point-radius: 1.6;
}