/* plan-review-web v0.2 设计 token —— 单一来源,只在 :root 暴露 var,不写选择器
 * 改色 / 间距请只动这里,不要在 app.css 里硬编码值
 */

:root {
  /* ───── 色板 · 中性 9 级 ───── */
  --c-neutral-0:  #ffffff;
  --c-neutral-50: #f9fafb;
  --c-neutral-100: #f3f4f6;
  --c-neutral-200: #e5e7eb;
  --c-neutral-300: #d1d5db;
  --c-neutral-400: #9ca3af;
  --c-neutral-500: #6b7280;
  --c-neutral-600: #4b5563;
  --c-neutral-700: #374151;
  --c-neutral-800: #1f2937;
  --c-neutral-900: #111827;

  /* ───── 主色 · 蓝 ───── */
  --c-brand-50:  #eff6ff;
  --c-brand-100: #dbeafe;
  --c-brand-200: #bfdbfe;
  --c-brand-500: #3b82f6;
  --c-brand-600: #2563eb;
  --c-brand-700: #1d4ed8;
  --c-brand-fg:  #ffffff;

  /* ───── 语义色 · verdict 四档(M3 调色:emerald / rose / amber 三调,柔和降饱和)───── */
  /* ok emerald(柔和绿,降饱和;选中 ring 用 -700)*/
  --c-ok-50:   #f0fdf4;
  --c-ok-100:  #dcfce7;
  --c-ok-300:  #86efac;
  --c-ok-500:  #22c55e;
  --c-ok-700:  #15803d;
  --c-ok-fg:   #14532d;

  /* needs_fix rose(偏暖,降饱和;不刺眼)*/
  --c-fix-50:  #fff1f2;
  --c-fix-100: #ffe4e6;
  --c-fix-300: #fda4af;
  --c-fix-500: #e11d48;
  --c-fix-700: #be123c;
  --c-fix-fg:  #881337;

  /* unclear amber(暖琥珀,亲和)*/
  --c-unc-50:  #fffbeb;
  --c-unc-100: #fef3c7;
  --c-unc-300: #fcd34d;
  --c-unc-500: #d97706;
  --c-unc-700: #b45309;
  --c-unc-fg:  #78350f;

  /* pending 灰 */
  --c-pend-50:  #f9fafb;
  --c-pend-100: #f3f4f6;
  --c-pend-300: #d1d5db;
  --c-pend-500: #6b7280;
  --c-pend-fg:  #4b5563;

  /* request / evidence 强调底色 */
  --c-request-bg: #fff7ed;
  --c-request-bar: #f59e0b;
  --c-evidence-bg: #ecfdf5;
  --c-evidence-bar: #10b981;

  /* ───── 字体栈 ───── */
  --font-sans:
    "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei UI",
    "Microsoft YaHei", -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono:
    "JetBrains Mono", "Fira Code", "Cascadia Mono", "Consolas",
    "Source Code Pro", "Microsoft YaHei Mono", monospace;

  /* ───── 字号阶梯 ───── */
  --fs-xs:   12px;
  --fs-sm:   13px;
  --fs-base: 14px;
  --fs-md:   16px;
  --fs-lg:   20px;
  --fs-xl:   24px;
  --fs-2xl:  30px;

  --lh-tight:  1.25;
  --lh-normal: 1.5;
  --lh-loose:  1.7;

  /* ───── 间距阶梯 ───── */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;

  /* ───── 圆角 ───── */
  --radius-sm: 3px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --radius-pill: 999px;

  /* ───── 阴影 ───── */
  --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
  --shadow-md: 0 2px 6px rgba(15, 23, 42, 0.08), 0 1px 2px rgba(15, 23, 42, 0.04);
  --shadow-lg: 0 10px 24px rgba(15, 23, 42, 0.10), 0 2px 6px rgba(15, 23, 42, 0.05);

  /* ───── 边框 ───── */
  --border-thin: 1px solid var(--c-neutral-200);
  --border-md:   1px solid var(--c-neutral-300);

  /* ───── 布局 ───── */
  --content-max: 1600px;
  --topbar-h: 52px;
}