/* ============================================================
   globals.css — Unified Stockwise Design Tokens
   Scanner theme wins: dark navy, green/red, Inter font
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap');

/* ── Scanner palette (source of truth) ─────────────────────── */
:root {
  /* ── MacroBull Brand Palette ── */
  --sw-bg:          #070d18;
  --sw-panel:       #0f1b33;
  --sw-panel-2:     #111e36;
  --sw-border:      #1f2a44;
  --sw-text:        #e8edf8;
  --sw-muted:       #7a8fae;
  --sw-green:       #00e6a8;
  --sw-red:         #ff4d6d;
  --sw-yellow:      #f8bf3b;
  --sw-blue:        #3a6cff;
  --sw-orange:      #ff8c3a;
  --sw-glow-green:  rgba(0,230,168,.18);
  --sw-glow-red:    rgba(255,77,109,.18);
  --sw-glow-blue:   rgba(58,108,255,.22);

  /* ── Surface layers ── */
  --bg-base:        #070d18;
  --bg-surface:     #0f1b33;
  --bg-elevated:    #111e36;
  --bg-hover:       rgba(255,255,255,0.035);
  --bg-active:      rgba(255,255,255,0.055);

  /* ── Borders ── */
  --border-subtle:  #111929;
  --border-default: #1f2a44;
  --border-strong:  rgba(255,255,255,0.12);

  /* ── Text ── */
  --text-primary:   #e8edf8;
  --text-secondary: #7a8fae;
  --text-muted:     #3d5170;

  /* ── Semantic ── */
  --bull:           #00e6a8;
  --bull-dim:       rgba(0,230,168,0.12);
  --bear:           #ff4d6d;
  --bear-dim:       rgba(255,77,109,0.12);
  --accent:         #3a6cff;
  --accent-dim:     rgba(58,108,255,0.14);
  --highlight:      #ff8c3a;
  --highlight-dim:  rgba(255,140,58,0.14);

  /* ── Typography ── */
  --font-ui:        'Inter', system-ui, sans-serif;
  --font-mono:      'JetBrains Mono', 'Fira Code', monospace;

  /* ── Radius ── */
  --radius-sm:      8px;
  --radius-md:      12px;
  --radius-lg:      16px;
  --radius-xl:      20px;

  /* ── Shadows ── */
  --shadow-sm:      0 2px 8px rgba(0,0,0,0.3);
  --shadow-md:      0 4px 20px rgba(0,0,0,0.4);
  --shadow-lg:      0 8px 40px rgba(0,0,0,0.5);
  --shadow-glow-blue: 0 0 24px rgba(58,108,255,0.2);

  /* ── Sizing ── */
  --toolbar-h:      48px;
  --statusbar-h:    26px;
}

/* ── Reset ─────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html, body {
  width: 100%; height: 100%;
  background: var(--sw-bg);
  color: var(--sw-text);
  font-family: var(--font-ui);
  font-size: 13px;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
}
button { cursor: pointer; border: none; background: none; color: inherit; font-family: inherit; font-size: inherit; }
input  { outline: none; border: none; background: none; color: inherit; font-family: inherit; font-size: inherit; }
textarea { outline: none; border: none; color: inherit; font-family: inherit; font-size: inherit; }
::-webkit-scrollbar       { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--sw-border); border-radius: 3px; }