/* ═══════════════════════════════════════════════════════════════════
   SPECTRE/UGUNU SHARED DESIGN TOKENS (single source of truth)
   Loaded by BOTH the Mini App (spectre_telegram_webapp.html) and the
   website (dashboard.html / landing.html) BEFORE each page's own styles,
   so page-specific overrides still work.

   Severity tokens are the ONE place a status/severity badge color is
   defined. Components reference them via these var()s; JS chart/color
   helpers resolve them to hex via getComputedStyle (Plotly SVG cannot
   use var() in data). Prefixed --status- for "severity" only - the R/G/B/A
   engine state tokens (--status-stable/overheat/turb/decay/rigid) stay
   specific to those engine states and are NOT reused as generic severity.
   ═══════════════════════════════════════════════════════════════════ */
:root{
  /* ── Severity scale (generic, used by every status badge / bar) ── */
  --status-low:      #2ECC71;   /* low    / calm / normal-positive */
  --status-moderate: #D6A84F;   /* moderate / balanced / warning-lite */
  --status-elevated: #E67E22;   /* elevated / running strong */
  --status-high:     #E74C3C;   /* high   / critical / very active */
  --status-quiet:    #A4ACC0;   /* quiet  / suppressed / low-activity (muted) */

  /* ── Severity alias (R/G/B/A & domain-specific engine states).
     These are NOT severity tokens and must NOT be used for generic badges.
     They map to the severity scale ONLY for presentation fallback. ── */
  --status-verylow:  #7B9887;   /* very-low (green-tinted muted) */
}