:root {
  /* ── 背景色 ── */
  --color-bg-primary:    #0a0a0a;
  --color-bg-secondary:  #111111;
  --color-bg-card:       rgba(255, 255, 255, 0.04);
  --color-bg-card-hover: rgba(255, 255, 255, 0.07);
  --color-bg-input:      rgba(255, 255, 255, 0.06);

  /* ── 边框 ── */
  --color-border:        rgba(255, 255, 255, 0.08);
  --color-border-focus:  #f0b90b;

  /* ── 品牌主色 ── */
  --color-primary:       #f0b90b;
  --color-primary-hover: #d4a50a;
  --color-primary-rgb:   240, 185, 11;

  /* ── 文字 ── */
  --color-text-primary:   #ffffff;
  --color-text-secondary: #999999;
  --color-text-muted:     #555555;
  --color-link:           #f0b90b;

  /* ── 行情涨跌 ── */
  --color-up:   #00d084;
  --color-down: #ff4d4f;

  /* ── 字体：微软雅黑优先；无该字体时用系统 UI 与 sans-serif（不含 PingFang，避免样式栈里出现苹方） ── */
  --font-family: 'Microsoft YaHei', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-family-num: 'Microsoft YaHei', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* ── 字号 ── */
  --text-display: 56px;
  --text-h1:      36px;
  --text-h2:      28px;
  --text-h3:      20px;
  --text-body:    16px;
  --text-small:   14px;
  --text-caption: 12px;

  /* ── 字重 ── */
  --fw-normal:    400;
  --fw-medium:    500;
  --fw-semibold:  600;
  --fw-bold:      700;

  /* ── 间距 ── */
  --space-1:   4px;
  --space-2:   8px;
  --space-3:   12px;
  --space-4:   16px;
  --space-5:   20px;
  --space-6:   24px;
  --space-8:   32px;
  --space-12:  48px;
  --space-16:  64px;
  --space-20:  80px;
  --space-24:  96px;

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

  /* ── 布局 ── */
  --max-width:      1200px;
  --header-height:  64px;

  /* ── 过渡 ── */
  --transition: 0.2s ease;

  /* ── 阴影 ── */
  --shadow-card: 0 4px 24px rgba(0, 0, 0, 0.4);
  --shadow-primary: 0 0 20px rgba(240, 185, 11, 0.3);
}
