:root {
  /* 色彩 —— 深松绿为品牌色，暖砖红用于风险/负值，冷灰做界面骨架 */
  --color-ink:        #172033;
  --color-ink-soft:   #5E6B80;
  --color-surface:    #FFFFFF;
  --color-surface-alt:#F5F7FA;
  --color-line:       #DDE3EC;
  --color-line-strong:#C4CEDB;

  --color-brand:       #1E4F9A;
  --color-brand-hover: #173F7C;
  --color-brand-soft:  #E8F0FC;

  --color-positive:      #16745B;
  --color-positive-soft: #E7F5EF;

  --color-risk:        #B44742;
  --color-risk-soft:   #FBEDEC;
  --color-warning:     #9A6818;
  --color-warning-soft:#FCF4E5;

  --color-focus: #1E4F9A;

  /* 字体 */
  --font-display: 'Fraunces', Georgia, 'Songti SC', serif;
  --font-body: 'IBM Plex Sans', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --font-mono: 'IBM Plex Mono', 'SFMono-Regular', Consolas, monospace;

  /* 圆角 / 阴影 / 间距节奏 */
  --radius-s: 6px;
  --radius-m: 10px;
  --shadow-card: 0 1px 2px rgba(11, 18, 32, 0.04), 0 4px 12px rgba(11, 18, 32, 0.035);

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
}

body {
  font-family: var(--font-body);
  color: var(--color-ink);
  background: var(--color-surface-alt);
}