/* SRUS design tokens — the single source of truth, mirrored from Sniper Charts
   (sniper charts/static/app.css :root). Every SRUS surface (charts, dashboard,
   gate, landing) maps its own variables onto these so the whole ecosystem
   reads as one product. Values here should stay in sync with the chart. */
:root {
  /* surfaces */
  --sc-bg:        #07080c;   /* app background            */
  --sc-bg-2:      #0d1017;   /* raised panels, inputs     */
  --sc-bg-3:      #141922;   /* cards, hovers             */
  --sc-bg-4:      #1b2130;   /* active / pressed          */
  --sc-topbar:    #0a0c11;   /* header, bottom bars       */

  /* lines */
  --sc-line:      rgba(232, 236, 244, 0.08);
  --sc-line-2:    rgba(232, 236, 244, 0.14);

  /* text */
  --sc-text:      #e8edf6;
  --sc-muted:     #8b95a8;
  --sc-faint:     #5d6778;

  /* market colours */
  --sc-up:        #34d399;
  --sc-down:      #f87171;
  --sc-good:      #3ddc97;
  --sc-bad:       #ff5d73;
  --sc-amber:     #fbbf24;

  /* brand accents */
  --sc-accent:    #34d399;
  --sc-violet:    #b14dff;   /* the chart's signature violet */
  --sc-violet-2:  #c77dff;
  --sc-blue:      #4cc9f0;

  /* shape & type */
  --sc-radius:    8px;
  --sc-radius-lg: 12px;
  --sc-sans:      "gg sans", "Noto Sans", "Helvetica Neue", "Segoe UI", system-ui, -apple-system, sans-serif;
  --sc-mono:      ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;
}