:root {
  /* ── Backgrounds ── */
  --bg-base:         #0f1117;
  --bg-surface:      #1a1d2e;
  --bg-hover:        #252840;
  --bg-deep:         #1e2235;

  /* ── Borders ── */
  --border:          #2a2d3e;
  --border-light:    #1e2235;

  /* ── Accent ── */
  --accent:          #4f7fff;
  --accent-2:        #7c4dff;
  --accent-rgb:      79, 127, 255;

  /* ── Text ── */
  --text-primary:    #e0e0e0;
  --text-secondary:  #ccc;
  --text-muted:      #888;
  --text-dim:        #555;
  --text-white:      #fff;

  /* ── Signals ── */
  --signal-up:          #4caf50;
  --signal-dn:          #f44336;
  --signal-up-soft:     #81c784;
  --signal-dn-soft:     #e57373;
  --signal-up-bg:       #1a3a1a;
  --signal-dn-bg:       #3a1a1a;
  --signal-up-bg-soft:  #1a2a1a;
  --signal-dn-bg-soft:  #2a1a1a;

  /* ── Module accent colors ── */
  --module-screener:  #4f7fff;
  --module-portfolio: #4caf50;
  --module-agent:     #7c4dff;
  --module-backtest:  #ff9800;
  --module-stock:     var(--module-screener);  /* screener 계열 drill-down */

  /* ── Spacing ── */
  --space-xs:   4px;
  --space-sm:   8px;
  --space-md:   16px;
  --space-lg:   24px;
  --space-xl:   32px;
  --space-2xl:  48px;

  /* ── Radius ── */
  --radius-sm:  6px;
  --radius-md:  10px;
  --radius-lg:  14px;

  /* ── Typography ── */
  --font-body: 'Segoe UI', system-ui, -apple-system, sans-serif;
  --font-mono: 'Courier New', monospace;

  /* ── Transitions ── */
  --transition: 0.15s ease;

  /* ── Layout ── */
  --header-height:         56px;
  --sidebar-width:         340px;
  --market-sidebar-width:  260px;
}