/* =========================================================
   THEME: Dark Trading Terminal
   Based on screenshot analysis — professional dark UI
   ========================================================= */

:root {
  /* Backgrounds */
  --bg-primary: #0b0e11;
  --bg-secondary: #151a21;
  --bg-tertiary: #1e2329;
  --bg-hover: #2b3139;
  --bg-active: #2e353d;
  --bg-overlay: rgba(0, 0, 0, 0.7);

  /* Text */
  --text-primary: #eaecef;
  --text-secondary: #848e9c;
  --text-muted: #5e6673;
  --text-inverse: #0b0e11;

  /* Accents */
  --accent-green: #0ecb81;
  --accent-green-dim: #0ecb8120;
  --accent-red: #f6465d;
  --accent-red-dim: #f6465d20;
  --accent-blue: #2b6aff;
  --accent-yellow: #f0b90b;
  --accent-purple: #8b5cf6;

  /* Borders */
  --border-color: #2b3139;
  --border-light: #3a424d;
  --border-focus: #2b6aff;

  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;

  /* Typography */
  --font-mono: 'SF Mono', 'Fira Code', 'Consolas', monospace;
  --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-size-xs: 10px;
  --font-size-sm: 11px;
  --font-size-md: 12px;
  --font-size-lg: 14px;
  --font-size-xl: 16px;
  --font-size-xxl: 20px;

  /* Layout */
  --header-height: 48px;
  --ticker-height: 32px;
  --sidebar-width: 280px;
  --sidebar-min-width: 200px;
  --sidebar-max-width: 500px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.3);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.4);
  --shadow-lg: 0 8px 24px rgba(0,0,0,0.5);
  --shadow-float: 0 12px 40px rgba(0,0,0,0.6);

  /* Transitions */
  --transition-fast: 0.15s ease;
  --transition-base: 0.2s ease;
  --transition-slow: 0.3s ease;
}