/* ============================================================
   核验工作台 · 设计令牌
   全部视觉决策集中在此。亮/暗双外观,语义化命名。
   状态四态配色规则:不用红绿暗示真假,颜色只作辅助,
   状态一律伴随文字标签(见 components.css 的 .status-chip)。
   ============================================================ */

:root {
  /* 字体 */
  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue",
    "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
  --font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "PingFang SC", monospace;

  /* 字号阶梯(桌面优先,中文行高略放宽) */
  --fs-large-title: 700 30px/38px var(--font-sans);
  --fs-title-1: 700 25px/32px var(--font-sans);
  --fs-title-2: 600 17px/24px var(--font-sans);
  --fs-title-3: 600 15px/22px var(--font-sans);
  --fs-headline: 600 14px/20px var(--font-sans);
  --fs-body: 400 14.5px/24px var(--font-sans);
  --fs-callout: 400 13px/20px var(--font-sans);
  --fs-sub: 400 12.5px/18px var(--font-sans);
  --fs-foot: 400 12px/17px var(--font-sans);
  --fs-cap: 400 11px/15px var(--font-sans);

  /* 间距(4 栅格) */
  --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;

  /* 圆角(果味:大圆角卡片 + 胶囊按钮) */
  --r-sm: 8px; --r-md: 12px; --r-lg: 18px; --r-xl: 24px; --r-pill: 980px;

  /* 动效 */
  --ease: cubic-bezier(.32, .72, 0, 1);
  --dur-fast: 140ms;
  --dur: 240ms;

  /* 亮色外观(默认) */
  --c-bg: #F5F5F7;
  --c-sidebar: #EDEDF0;
  --c-surface: #FFFFFF;
  --c-surface-2: #F6F6F8;
  --c-surface-3: #EFEFF2;
  --c-text: #1D1D1F;
  --c-text-2: #555559;
  --c-text-3: #6E6E73;
  --c-sep: #E2E2E6;
  --c-sep-strong: #D3D3D8;

  /* 主色:Apple 蓝(apple.com 同源 #0071E3),只用于主操作、链接与正向状态 */
  --c-accent: #0071E3;
  --c-accent-hover: #0064C8;
  --c-accent-text: #0066CC;
  --c-accent-bg: #EAF3FE;
  --c-on-accent: #FFFFFF;
  --c-focus: #0071E3;

  /* 证据四态(supported 与主色同族,靠文字标签区分语义) */
  --st-supported-text: #005BB8; --st-supported-bg: #EAF3FE; --st-supported-border: #BBD8F6;
  --st-differs-text:   #95590D; --st-differs-bg:   #FBF1E2; --st-differs-border:   #EED7AE;
  --st-insufficient-text: #55555A; --st-insufficient-bg: #F0F0F2; --st-insufficient-border: #DCDCDF;
  --st-corrected-text: #6746B5;  --st-corrected-bg: #F2EDFB; --st-corrected-border: #DCD1F4;

  /* 待复核(中性外框) */
  --st-pending-text: #0066CC; --st-pending-bg: transparent; --st-pending-border: #B7D3F2;

  /* 危险色:仅用于删除等破坏性操作,不用于证据判断 */
  --c-danger: #C4342B;
  --c-danger-bg: #FCEEEC;

  /* 引句高亮(原文证据) */
  --mark-bg: #FDF3D8;
  --mark-text: inherit;

  /* 阴影:克制,仅悬浮层 */
  --shadow-1: 0 1px 2px rgba(0,0,0,.05), 0 0 0 .5px rgba(0,0,0,.04);
  --shadow-2: 0 8px 28px rgba(0,0,0,.14), 0 0 0 .5px rgba(0,0,0,.06);
}

@media (prefers-color-scheme: dark) {
  :root {
    --c-bg: #141416;
    --c-sidebar: #1A1A1D;
    --c-surface: #1D1D20;
    --c-surface-2: #25252A;
    --c-surface-3: #2C2C31;
    --c-text: #F5F5F7;
    --c-text-2: #C7C7CC;
    --c-text-3: #9A9AA0;
    --c-sep: #35353B;
    --c-sep-strong: #46464C;

    --c-accent: #0071E3;
    --c-accent-hover: #0064C8;
    --c-accent-text: #6FB2FF;
    --c-accent-bg: rgba(0,113,227,.16);
    --c-on-accent: #FFFFFF;
    --c-focus: #4C9FFE;

    --st-supported-text: #82BDFF; --st-supported-bg: rgba(10,132,255,.18);  --st-supported-border: rgba(10,132,255,.5);
    --st-differs-text:   #EFC786; --st-differs-bg:   rgba(196,118,28,.2);  --st-differs-border:   rgba(196,118,28,.55);
    --st-insufficient-text: #B9B9BF; --st-insufficient-bg: rgba(255,255,255,.07); --st-insufficient-border: rgba(255,255,255,.15);
    --st-corrected-text: #CBB5F0;  --st-corrected-bg: rgba(125,94,199,.22);  --st-corrected-border: rgba(125,94,199,.55);

    --st-pending-text: #6FB2FF; --st-pending-bg: transparent; --st-pending-border: rgba(111,178,255,.45);

    --c-danger: #E5645B;
    --c-danger-bg: rgba(196,52,43,.18);

    --mark-bg: rgba(214,168,62,.26);
    --mark-text: inherit;

    --shadow-1: 0 1px 2px rgba(0,0,0,.4), 0 0 0 .5px rgba(255,255,255,.05);
    --shadow-2: 0 10px 32px rgba(0,0,0,.5), 0 0 0 .5px rgba(255,255,255,.08);
  }
}

/* 文本缩放:跟随用户设置 */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }