/**
 * TradingClaws - CSS Variables (Dark Theme)
 * Dashboard-first trading terminal
 */

:root {
  /* ===== 页面缩放 ===== */
  --page-zoom: 1.0;

  /* ===== 主色调 ===== */
  --bg-primary: #0d1117;        /* 最深背景 */
  --bg-secondary: #161b22;      /* 面板背景 */
  --bg-tertiary: #1c2128;       /* 卡片背景 */
  --bg-hover: #252c35;          /* 悬停背景 */
  --bg-active: #2d333b;         /* 激活背景 */

  /* ===== 边框 ===== */
  --border-primary: #30363d;    /* 主边框 */
  --border-secondary: #3d4350;  /* 次级边框 */
  --border-accent: #4a5568;     /* 强调边框 */

  /* ===== 文字 ===== */
  --text-primary: #e2e8f0;      /* 主文字 */
  --text-secondary: #a0aec0;    /* 次级文字 */
  --text-muted: #718096;        /* 淡化文字 */
  --text-disabled: #4a5568;     /* 禁用文字 */

  /* ===== 交易色 ===== */
  --color-buy: #10b981;         /* 看涨/买入 - 绿 */
  --color-buy-bg: rgba(16, 185, 129, 0.1);
  --color-buy-border: rgba(16, 185, 129, 0.3);

  --color-sell: #ef4444;        /* 看跌/卖出 - 红 */
  --color-sell-bg: rgba(239, 68, 68, 0.1);
  --color-sell-border: rgba(239, 68, 68, 0.3);

  --color-hold: #6b7280;        /* 持有 - 灰 */
  --color-hold-bg: rgba(107, 114, 128, 0.1);
  --color-hold-border: rgba(107, 114, 128, 0.3);

  /* ===== 状态色 ===== */
  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-error: #ef4444;
  --color-info: #3b82f6;

  /* ===== 主题色 ===== */
  --color-primary: #58a6ff;     /* 主色 - 蓝 */
  --color-primary-hover: #79b8ff;
  --color-primary-active: #388bfd;

  /* ===== Dashboard ===== */
  --dashboard-gap: 16px;
  --card-hover-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  --card-border-hover: #3d4350;
  --cmd-palette-bg: rgba(22, 27, 34, 0.95);
  --cmd-palette-backdrop: rgba(0, 0, 0, 0.6);

  /* ===== Agent 团队色 ===== */
  --color-analyst: #60a5fa;     /* 分析团队 - 蓝 */
  --color-research: #34d399;    /* 研究团队 - 绿 */
  --color-trading: #fbbf24;     /* 交易团队 - 黄 */
  --color-risk: #f472b6;        /* 风控团队 - 粉 */
  --color-decision: #a78bfa;    /* 决策 - 紫 */

  /* ===== 阴影 ===== */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.5);
  --shadow-glow: 0 0 20px rgba(59, 130, 246, 0.3);

  /* ===== 圆角 ===== */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;

  /* ===== 布局尺寸 ===== */
  --sidebar-width: 280px;
  --header-height: 48px;
  --footer-height: 36px;

  /* ===== 字体 ===== */
  --font-mono: 'SF Mono', 'Menlo', 'Monaco', 'Courier New', monospace;
  --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;

  /* ===== 过渡 ===== */
  --transition-fast: 0.1s ease;
  --transition-normal: 0.2s ease;
  --transition-slow: 0.3s ease;
}

/* ===== 滚动条样式 ===== */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: var(--bg-secondary);
}

::-webkit-scrollbar-thumb {
  background: var(--border-secondary);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--border-accent);
}

/* ===== 选择高亮 ===== */
::selection {
  background: var(--color-primary);
  color: white;
}

/* ===== 浅色主题 ===== */
body.light-theme {
  --bg-primary: #f5f5f7;
  --bg-secondary: #ffffff;
  --bg-tertiary: #fafafa;
  --bg-hover: #eeeeee;
  --bg-active: #e5e5e5;

  --border-primary: #d1d5db;
  --border-secondary: #9ca3af;
  --border-accent: #6b7280;

  --text-primary: #111827;
  --text-secondary: #374151;
  --text-muted: #6b7280;
  --text-disabled: #9ca3af;

  --color-buy: #16a34a;
  --color-buy-bg: rgba(22, 163, 74, 0.12);
  --color-buy-border: rgba(22, 163, 74, 0.3);

  --color-sell: #dc2626;
  --color-sell-bg: rgba(220, 38, 38, 0.12);
  --color-sell-border: rgba(220, 38, 38, 0.3);

  --color-primary: #2563eb;
  --color-primary-hover: #1d4ed8;
  --color-primary-active: #1e40af;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.15);
  --shadow-glow: 0 0 20px rgba(37, 99, 235, 0.2);
}