:root {
  /* Primitive: color scale */
  --gray-50: #f8fafc;
  --gray-100: #f1f5f9;
  --gray-200: #e2e8f0;
  --gray-300: #cbd5e1;
  --gray-400: #94a3b8;
  --gray-500: #64748b;
  --gray-600: #475569;
  --gray-700: #334155;
  --gray-800: #1f2937;
  --gray-900: #111827;

  --blue-600: #2563eb;
  --teal-600: #0f766e;
  --green-600: #059669;
  --red-600: #dc2626;
  --amber-600: #d97706;

  /* Primitive: spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;

  /* Primitive: radius */
  --radius-xs: 6px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;

  /* Primitive: shadow */
  --shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.03);
  --shadow-sm: 0 2px 8px rgba(15, 23, 42, 0.05);
  --shadow-md: 0 10px 28px rgba(15, 23, 42, 0.06);

  /* 固定组件色（不随主题底色变化；Mountain 在 theme-mountain.css 中覆写） */
  --strategy-hf-bg: #fef2f2;
  --strategy-hf-border: #f87171;
  --strategy-short-bg: #f0fdf4;
  --strategy-short-border: #4ade80;
  --strategy-long-bg: #eff6ff;
  --strategy-long-border: #60a5fa;
  --strategy-fm-bg: #ede9fe;
  --strategy-fm-border: #a78bfa;
  --strategy-si-bg: #ebe6dc;
  --strategy-si-border: #4a4030;
  --strategy-hint-color: #1d4ed8;
  --strategy-hint-bg: #eff6ff;
  --strategy-hint-border: #bfdbfe;
  --strategy-hint-warn-color: #9a3412;
  --strategy-hint-warn-bg: #fff7ed;
  --strategy-hint-warn-border: #fed7aa;
  --msg-ok-bg: #dcfce7;
  --msg-ok-text: #166534;
  --msg-ok-border: #bbf7d0;
  --msg-err-bg: #fee2e2;
  --msg-err-text: #991b1b;
  --msg-err-border: #fecaca;
  --toast-bg: #dcfce7;
  --toast-text: #166534;
  --toast-border: #bbf7d0;
  --toast-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  --hf-banner-info-bg: #eff6ff;
  --hf-banner-info-border: #dbeafe;
  --hf-banner-info-text: #1d4ed8;
  --hf-banner-warn-bg: #fff7ed;
  --hf-banner-warn-border: #fed7aa;
  --hf-banner-warn-text: #9a3412;
  --settings-card-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  --hf-tag-tp-bg: #dcfce7;
  --hf-tag-tp-text: #166534;
  --hf-tag-tp-border: #86efac;
  --hf-tag-sl-bg: #fee2e2;
  --hf-tag-sl-text: #991b1b;
  --hf-tag-sl-border: #fca5a5;
  --hf-tag-trail-bg: #ede9fe;
  --hf-tag-trail-text: #5b21b6;
  --hf-tag-trail-border: #c4b5fd;
  --hf-tag-force-bg: #e0f2fe;
  --hf-tag-force-text: #075985;
  --hf-tag-force-border: #7dd3fc;
  --hf-tag-buy-bg: #fef3c7;
  --hf-tag-buy-text: #92400e;
  --hf-tag-buy-border: #fcd34d;
  --hf-tag-other-bg: #f3f4f6;
  --hf-tag-other-text: #374151;
  --hf-tag-other-border: #d1d5db;
}