/* ============================================================
   ua-toolkit 设计 token —— 唯一颜色/间距来源
   内容与根目录 CLAUDE.md 的契约定义保持一致,改这里必须同步改契约。
   ============================================================ */

:root {
  /* 中性色 */
  --bg:            #ffffff;
  --bg-subtle:     #f6f7f9;
  --bg-inset:      #eef0f4;
  --border:        #d8dce3;
  --border-strong: #b4bac6;
  --text:          #14171f;
  --text-muted:    #5b6472;
  --text-faint:    #8a919e;

  /* 语义色:用于校验结果,这是本项目的核心视觉语言 */
  --ok:            #0f7b4f;
  --ok-bg:         #e7f5ee;
  --warn:          #9a6400;
  --warn-bg:       #fdf3e0;
  --error:         #b4231f;
  --error-bg:      #fdeceb;
  --info:          #1f5fa8;
  --info-bg:       #e9f1fb;

  /* 品牌强调色 */
  --accent:          #2b5cd9;
  --accent-hover:    #1f47ad;
  --accent-contrast: #ffffff;  /* 强调色上的文字色(增补 token,契约已同步) */

  /* 间距:8px 基准 */
  --s1: 4px;  --s2: 8px;  --s3: 12px; --s4: 16px;
  --s5: 24px; --s6: 32px; --s7: 48px; --s8: 64px;

  /* 字号 */
  --fs-xs: 12px; --fs-sm: 13px; --fs-base: 15px;
  --fs-lg: 18px; --fs-xl: 24px; --fs-2xl: 32px;

  --radius: 6px;
  --radius-lg: 10px;

  /* 等宽字体用于数据表格和名称校验,必须等宽才能对齐看差异 */
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg:            #0f1116;
    --bg-subtle:     #161922;
    --bg-inset:      #1e222c;
    --border:        #2c313d;
    --border-strong: #3d4453;
    --text:          #e8eaef;
    --text-muted:    #9aa3b2;
    --text-faint:    #6b7382;
    --ok:            #4ade9a;  --ok-bg:    #10281e;
    --warn:          #e5b567;  --warn-bg:  #2a2113;
    --error:         #f2837f;  --error-bg: #2d1616;
    --info:          #7db3f0;  --info-bg:  #131f2e;
    --accent:        #5b87ea;  --accent-hover: #7ba0f0;
    --accent-contrast: #ffffff;
  }
}