/* ═══ PROGRESSSHARE.VOLATILE — SIGNAL TOKENS ═══
   Single source for colors, radii and fonts. Used by the app (style.css) and the public site (site.css).
   Farbe zeigt immer einen Zustand, nie Dekoration: Violett = Aktion / aktiv, Elektroblau = live / Messwert. */
:root {
  color-scheme: dark;
  /* Signal-Tokens (neu) */
  --bg:#0b0b0e;
  --surface:#111116;
  --surface-2:#16161d;
  --surface-3:#1c1c24;
  --line:#1c1c24;
  --line-strong:#2a2a35;
  --text:#e8e8ef;
  --text-dim:#85859a;
  --text-faint:#57576b;
  --violet:#8f5bff;
  --violet-strong:#7a45f5;
  --violet-text:#ae8bff;
  --violet-soft:rgba(143,91,255,.14);
  --live:#3a8dff;
  --live-text:#7db6ff;
  --warn:#e9b04b;
  --ok:#35d08a;
  --font-mono:'JetBrains Mono',ui-monospace,Consolas,monospace;
  /* Alte Token-Namen, auf Signal umgebogen (Kompatibilität) */
  --bg-alt:#0e0e12;
  --panel:#111116;
  --panel-alt:#16161d;
  --panel-glass:#111116;
  --panel-glass-strong:#16161d;
  --accent:#8f5bff;
  --accent-bright:#c4b0ff;
  --accent-deep:#7a45f5;
  --accent-alt:#3a8dff;
  --accent-glow:#7a45f5;
  --cyan:#7db6ff;
  --danger:#e85d6f;
  --radius:10px;
  --radius-sm:7px;
  --grad:linear-gradient(180deg,#131318,#111116);
  --glow-soft:0 0 0 1px rgba(255,255,255,.04);
  --glow-accent:0 0 0 1px rgba(143,91,255,.35);
  --shadow-panel:0 16px 40px -18px rgba(0,0,0,.8);
  --border-subtle:rgba(255,255,255,.07);
  --border-hover:rgba(255,255,255,.14);
  --font-display:'Schibsted Grotesk',system-ui,sans-serif;
  --font-body:'Schibsted Grotesk',system-ui,sans-serif;
}