:root {
  --bg: #0A0F1E;
  --surface: #161D2E;
  --card: #111827;
  --card2: #0F1420;
  --text: #F0F2F8;
  --text-strong: #FFFFFF;
  --muted: #8A96B8;
  --dim: #4A5478;
  --border: rgba(255,255,255,0.09);
  --border-strong: rgba(255,255,255,0.15);
  --hover: rgba(255,255,255,0.04);

  --green: #00D4AA;
  --green-bg: rgba(0,212,170,0.15);
  --red: #FF4757;
  --red-bg: rgba(255,71,87,0.15);
  --orange: #FFA502;
  --orange-bg: rgba(255,165,2,0.15);
  --accent: #5B8DEF;
  --accent-bg: rgba(91,141,239,0.15);

  --zonas: #A855F7;
  --zonas-bg: rgba(168,85,247,0.15);
  --liquidez: #3B82F6;
  --liquidez-bg: rgba(59,130,246,0.15);
  --nasdaq: #EF4444;
  --nasdaq-bg: rgba(239,68,68,0.15);

  --pos: #00D4AA;
  --neu: #FFA502;
  --neg: #FF4757;

  --font: 'Inter', system-ui, -apple-system, sans-serif;
  --mono: 'DM Mono', ui-monospace, monospace;

  --radius: 12px;
  --radius-sm: 8px;
  --radius-lg: 16px;

  --sidebar-w: 248px;
}

:root[data-theme="light"] {
  --bg: #F4F6FB;
  --surface: #FFFFFF;
  --card: #FFFFFF;
  --card2: #F8FAFD;
  --text: #1A2035;
  --text-strong: #0A0F1E;
  --muted: #64748B;
  --dim: #94A3B8;
  --border: rgba(15,20,32,0.08);
  --border-strong: rgba(15,20,32,0.16);
  --hover: rgba(15,20,32,0.04);

  --green-bg: rgba(0,180,140,0.12);
  --red-bg: rgba(220,40,55,0.12);
  --orange-bg: rgba(220,140,0,0.12);
  --accent-bg: rgba(60,120,220,0.12);
  --zonas-bg: rgba(168,85,247,0.12);
  --liquidez-bg: rgba(59,130,246,0.12);
  --nasdaq-bg: rgba(239,68,68,0.12);
}