/* tokens.css — 设计 token 唯一来源:一切颜色/间距/圆角/阴影/字体只许引用这里的变量,
 * 禁止散落字面量。变量名为冻结契约(§0.10),只翻值、不改名。
 *
 * 主题(2026-07-12 · 用户选定参考稿「墨蓝×鲜橙」,在 06-24 鲜橙现代基础上二次提纯):
 *   **墨蓝 × 鲜橙 / Navy-Ink Vivid-Orange**——冷灰白底 + 墨蓝中性字 + **纯度拉满的品牌橙**。
 *   相对上一版的两刀:① 橙提纯(陶土/三文鱼系 #D97757/#F47B4E/#E0602F → 正橙 #F4650F/#F97316,
 *   「灰旧」病根);② 中性色彻底转冷(暖白底/暖书脊 → 冷灰白,字加深为墨蓝)。
 *   配色纪律:
 *     · 冷蓝灰 = 结构/文字/边框;暖白 = 底。
 *     · 橙 = 动作/品牌/强调/「你在此」,**用得更足更鲜**:主按钮、banner 渐变、活动条、
 *       kicker、表基线、关键数字、印章。双层:--color-accent(深橙,可作文字,AA)/
 *       --color-accent-bright(鲜亮橙,仅非文字:线/条/填充/渐变)。
 *     · 暖色语义仍**强制配字形**(✓/⚠/△)——色非唯一编码(可打印/色盲红线)。
 *   红线:--color-surface 不透明;--color-bg 浅色(首位 F);文字色达 WCAG AA。 */

:root {
  /* ==== 操作色(primary = 品牌橙) ==== */
  --color-primary: #F4650F;        /* 品牌正橙(参考稿 CTA 同族);.btn-primary 墨字达 AA */
  --color-primary-hover: #D9530A;  /* 按下加深 */

  /* ==== 中性色(冷灰白底 + 墨蓝字) ==== */
  --color-text: #1B2430;           /* 墨蓝 14.8:1 on white */
  --color-text-secondary: #4D5A6B; /* 蓝灰 7.0:1;标签/表格字 */
  --color-text-muted: #66707E;     /* 冷灰 5.0:1 AA;meta/占位(守 AA) */
  --color-border: #E4E8ED;         /* 冷发丝边 */
  --color-border-input: #D2D8E0;   /* 输入框边 */
  --color-bg: #F6F7F9;             /* 冷灰白底(令 #FFF 卡浮起) */
  --color-surface: #FFFFFF;        /* 纯白卡片(不透明) */
  --color-card: #F4F5F7;           /* Dropify 灰卡(§9g 三层法第二层:白画布 → 灰卡 → 白内元素) */

  /* ==== 信号色(白底 AA;均配字形) ==== */
  --color-success: #2F8C63;  --color-success-tint: rgba(47,140,99,0.12);  /* 玉绿(配 ✓) */
  --color-warning: #A35E00;  --color-warning-tint: rgba(163,94,0,0.10);   /* 深琥珀(配 △) */
  --color-danger:  #C0241C;  --color-danger-tint:  rgba(192,36,28,0.10);  /* 绯红 5.0:1(配 ⚠/✕) */
  --color-danger-solid: #A81E16;

  /* ==== 品牌橙强调(正橙;双层) ==== */
  --color-accent:        #C2410C;  /* 深正橙:**唯一可作文字的橙**(链接/活动/kicker/关键数字)4.9:1 */
  --color-accent-strong: #9A330A;  /* 更深:强数据 */
  --color-accent-bright: #F97316;  /* 鲜正橙:作**线/条/填充/渐变**,仅非文字 */
  --color-accent-tint:   rgba(249,115,22,0.12);  /* 橙底(活动行/芯片) */
  --color-accent-edge:   rgba(249,115,22,0.45);  /* 橙发丝描边(非文字) */
  --color-gauge-neutral: #8593A5;  /* DLP/quota 值轨中性(冷板岩):normal 档 */

  /* ==== 部门分类色 + 图形/反白通道(2026-07-12 补 token 转正:曾在 roi.css 写死,过 lint 门。
   *      规矩不变:文字必须走 token、accent-bright 仍禁作文字。) ==== */
  --color-cat-dev:   #C0613F;  /* 分类标签·研发(文字级,配浅橙 tint 底) */
  --color-cat-cs:    #3B9A55;  /* 分类标签·客服 */
  --color-cat-risk:  #4E79B2;  /* 分类标签·风控 */
  --color-cat-legal: #8856C0;  /* 分类标签·法务 */
  --color-cat-mkt:   #9C7A1E;  /* 分类标签·市场 */
  --color-cat-teal:  #2E8C82;  /* 分类标签·同调补(青;2026-07-14 设计合并令牌化) */
  --color-cat-slate: #5B6B84;  /* 分类标签·同调补(石蓝灰) */
  --color-cat-rose:  #B25578;  /* 分类标签·同调补(玫瑰) */
  /* Provider 身份文字色(§9g:品牌色只做身份,tint 底由视图自配;文字级须过白底 AA) */
  --color-prov-openai:    #0E8A6C;  /* openai 品牌绿(文字级) */
  --color-prov-anthropic: #C2410C;  /* anthropic 品牌橙(文字级;与 --color-accent 同值,身份独立命名) */
  --color-prov-deepseek:  #3B55C4;  /* deepseek 品牌蓝(文字级) */
  --color-prov-gemini:    #3B55C4;  /* gemini 身份色:借同一 AA 蓝作文字级,tint 底走 gemini 品牌蓝族 */
  --color-icon-neutral:   #9CA3AF;  /* 中性灰装饰图标(status 卡;非文字) */
  --color-text-inverse: #FFFFFF;  /* 彩底/渐变底上的反白字(取代散落的 color:#fff) */
  --color-spark-brand:  #F97316;  /* 图形 currentColor 通道品牌橙(spark 线/渐变经 color: 继承;非文字) */
  /* DLP 严重度升温坡道(§9g:暖灰→浅橙→正橙→红→深红;图形填充用,非文字) */
  --color-sev-low:      #FDBA74;
  --color-sev-medium:   #F4650F;
  --color-sev-high:     #C0271C;
  --color-sev-critical: #7E120B;

  /* ==== 模型品牌色(用量流向桑基;值为用户 Figma 实际采样) ==== */
  --color-model-claude:       #DD7B57;  /* Claude 节点 */
  --color-model-gpt:          #2F8C63;  /* GPT 节点 / 描边 */
  --color-model-gemini:       #4F8FD0;  /* Gemini 节点 */
  --color-model-claude-a:     #E83E00;  /* Claude 流带渐变 深(部门侧) */
  --color-model-claude-b:     #FFD4C4;  /* Claude 流带渐变 浅(用途侧) */
  --color-model-gpt-flow:     #3C9C70;  /* GPT 流带 */
  --color-model-gemini-flow:  #4F8FD0;  /* Gemini 流带 */

  /* ==== banner / hero 橙渐变 ==== */
  --grad-brand:      linear-gradient(120deg, #FFA45C 0%, #F97316 50%, #E24E0A 100%);
  --grad-brand-soft: linear-gradient(120deg, rgba(255,164,92,0.16), rgba(249,115,22,0.10));
  --grad-verify:     linear-gradient(135deg, #3FA47C, #2F7D5B);  /* 验真玉绿渐变(链卡等取证彩件) */

  /* ==== 焦点环(鲜橙辉光,非文字) ==== */
  --focus-ring:      0 0 0 3px rgba(249,115,22,0.40);
  --focus-ring-rail: 0 0 0 3px rgba(249,115,22,0.38);

  /* ==== 字体(零 CDN,值不变) ==== */
  --font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI",
             "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  /* 2026-07-14 用户裁定:数字/编号不再用等宽编程字体——macOS 等宽体(SF Mono/
   * Menlo/Monaco)的 0 一律带斜线或内点,小字号读作 8。改走系统 UI 体(0 为纯
   * 椭圆),对齐由各处的 font-variant-numeric: tabular-nums 保证(等宽数字)。 */
  --font-mono: -apple-system, BlinkMacSystemFont, "Segoe UI",
               "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --font-serif: "Source Han Serif SC", "Songti SC", "STSong",
                "Noto Serif CJK SC", "SimSun", Georgia, serif;
  --font-mono-tabular: -apple-system, BlinkMacSystemFont, "Segoe UI",
                       "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;

  /* ==== 圆角 ==== */
  --radius-control: 4px;
  --radius-surface: 6px;

  /* ==== 阴影(暖橙基微调,靠发丝 + 空气抬起) ==== */
  --shadow-raised:   0 1px 2px rgba(28,30,36,0.06);
  --shadow-floating: 0 12px 32px -8px rgba(28,30,36,0.18);
  --shadow-elevated: 0 1px 2px rgba(28,30,36,0.06), 0 6px 16px -8px rgba(23,32,48,0.14);
  --bevel-top:       inset 0 1px 0 rgba(255,255,255,0.9);

  /* ==== 遮罩 ==== */
  --color-scrim: rgba(28, 30, 36, 0.34);

  /* ==== 间距(8px 网格) ==== */
  --space-1: 4px; --space-2: 8px; --space-3: 12px;
  --space-4: 16px; --space-6: 24px; --space-8: 32px; --space-12: 48px;

  /* ==== 蓝图网格背纹 ==== */
  --grid-line:       rgba(28,30,36,0.025);
  --grid-line-major: rgba(28,30,36,0.04);

  /* ==== 账本表格 ==== */
  --color-table-header-bg:   #F1F3F6; /* 表头带(极淡冷) */
  --color-table-header-text: #4D5A6B;
  --color-table-baseline:    #F4650F; /* 表头下 2px 正橙基线 */
  --color-row-zebra:         rgba(28,30,36,0.02);
  --color-row-hover:         rgba(249,115,22,0.08); /* 橙 hover */
  --color-border-strong:     rgba(28,30,36,0.10);
  --color-border-table:      rgba(28,30,36,0.08);

  /* ==== 侧栏 Rail —— 暖白书脊(2026-07-12 用户裁定:侧栏不随「墨蓝×鲜橙」翻新,保持原样) ==== */
  --color-rail-bg:          #FBF8F5;            /* 暖白书脊(比工作区微暖) */
  --color-rail-edge:        rgba(28,30,36,0.08);
  --color-rail-bevel:       rgba(255,255,255,0.9);
  --color-rail-hover:       rgba(244,123,78,0.08);
  --color-rail-active:      #FFFFFF;            /* 活动 = 白 pill */
  --color-rail-active-bar:  #E0602F;            /* 2px 鲜橙左条 = 「你在此」 */
  --color-rail-active-icon: #C9542C;            /* 鲜橙活动图标 */
  --color-rail-text:        #5A626E;
  --color-rail-text-strong: #1B1E24;
  --color-rail-text-muted:  #98A0AC;
  --color-rail-label:       #98A0AC;
  --color-rail-accent:      #BD4E27;
  --color-rail-hairline:    rgba(28,30,36,0.10);

  /* ==== 钧衡 取证语义令牌(只翻值不改名) ==== */
  --color-seal:    #E24E0A;  /* 印章正橙:钢印环 + 内印「封」 */
  --color-verify:  #2F8C63;  /* 玉绿:已验真/完整(配 ✓) */
  --color-tamper:  #C0241C;  /* 绯红:篡改/链断/出境越界(配 ⚠/✕) */
  --color-bronze:  #F97316;  /* 鲜正橙箔(显式名):细线/印章环/关键数字描边 */
  --color-dormant: #8E99A8;  /* 冷灰:休眠/未建/路线图态(绝不显活) */
  --color-bone:    #FCFAF8;  /* 纸面(暖白):导出验真报告纸面(打印保留暖纸) */
}