/* ── MS Algo Trade — Global Styles ──────────────────────────────
   Tokens match the platform's established dark theme (MS Trade Agent /
   MS Global Sentiment Agent). Accent is a deliberately distinct rose
   (#ec4899) — MS Trade Agent uses blue (#3b82f6), Global Sentiment uses
   cyan (#06b6d4). Named `--accent` rather than the inherited
   `--accent-blue` misnomer in the sibling apps' CSS (harmless there since
   each app's global.css is a private, non-shared copy — see AGENTS.md
   per-app isolation — but there's no reason to carry the wrong name
   forward into a new file that isn't blue at all).
*/
:root {
  --bg-root: #0b0f14;
  --bg-panel: #0d1117;
  --bg-card: rgba(255, 255, 255, 0.06);
  --bg-content: #0b0f14;

  --text-primary: #c9d1d9;
  --text-secondary: #8b949e;
  --text-tertiary: #484f58;
  --accent: #ec4899;

  --mock-color: #eab308;   /* MOCK mode indicator */
  --real-color: #ef4444;   /* REAL mode indicator */

  --border-color: rgba(240, 246, 252, 0.06);

  --sidebar-width: 170px;
  --header-height: 44px;
  --watchlist-width: 300px;

  --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  --font-mono: 'Roboto Mono', monospace;
}

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%;
  width: 100%;
  overflow: hidden;
  background-color: var(--bg-root);
  color: var(--text-primary);
  font-family: var(--font-family);
  font-size: 14px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}