/* ── BullBreak shared design tokens ──────────────────────────────────────
   Canonical source of truth for color/typography tokens shared across
   Studio (app-landing), the report template (report.html.j2), and the
   sidebar (sidebar.js). See docs/design-tokens.md in the repo root for the
   full reference, semantic roles, and the Shopify theme's --bb-* mirror.

   --accent is verified against the actual logo asset (bullbreak.svg fill
   color), not hand-approximated — see docs/design-tokens.md for how that
   was checked. Don't hand-edit this value without re-checking the logo. */

:root {
  --bg:        #080d14;
  --surface:   #0d1117;
  --surface2:  #111820;
  --border:    #1e2633;
  --border-hl: rgba(18, 25, 102, 0.4);
  --accent:    #121966;
  --accent-hl: #262f85;
  --green:     #3fb950;
  --yellow:    #d29922;
  --purple:    #cacae3;
  --danger:    #f85149;
  --text:      #e6edf3;
  --muted:     #7d8593;
  --muted2:    #828b98;
  --mono:      'IBM Plex Mono', monospace;
  --sans:      'Inter', -apple-system, sans-serif;
}