/* 设计令牌（来自 design-tokens.json，主色 Teal，图标 Lucide） */
:root {
  --color-bg: #F7F8FA;
  --color-surface: #FFFFFF;
  --color-surface-warm: #EEF2FF;
  --color-fg: #1A1D1F;
  --color-fg-2: #4A5156;
  --color-muted: #6B7280;
  --color-meta: #9AA1A9;
  --color-border: #E5E8EB;
  --color-border-soft: #EEF1F3;
  --color-primary-500: #14B8A6;
  --color-primary-600: #0D9488;
  --color-primary-700: #115E59;
  --color-primary-on: #FFFFFF;
  --color-accent-warm: #D97706;
  --color-success: #16A34A;
  --color-warn: #D97706;
  --color-danger: #DC2626;

  --font-family: "Inter", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", sans-serif;
  --font-mono: "JetBrains Mono", "Fira Code", ui-monospace, SFMono-Regular, monospace;

  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-pill: 9999px;

  --sh-flat: none;
  --sh-ring: 0 0 0 1px var(--color-border);
  --sh-raised: 0 1px 2px rgba(16, 24, 40, 0.04), 0 4px 12px rgba(16, 24, 40, 0.06);

  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 20px; --sp-6: 24px; --sp-8: 32px; --sp-10: 40px; --sp-12: 48px;
}

[data-theme="dark"] {
  --color-bg: #0E1113;
  --color-surface: #161A1D;
  --color-surface-warm: #1B2230;
  --color-fg: #F2F4F5;
  --color-fg-2: #C2C9CE;
  --color-muted: #8A9298;
  --color-meta: #5C646A;
  --color-border: #262B2F;
  --color-border-soft: rgba(255, 255, 255, 0.06);
  --color-primary-500: #2DD4BF;
  --color-primary-600: #14B8A6;
  --color-primary-700: #0D9488;
  --color-primary-on: #0E1113;
  --color-accent-warm: #F59E0B;
  --color-success: #4ADE80;
  --color-warn: #FBBF24;
  --color-danger: #F87171;
  --sh-raised: 0 1px 2px rgba(0, 0, 0, 0.3), 0 4px 12px rgba(0, 0, 0, 0.4);
}