/* =========================================================
   产权与合规中台 · 设计 tokens
   全站只引用这里的变量,不要在组件里写死颜色/间距/字号。

   ⭐⭐ 2026-09-10 换皮：强调色由墨绿 #0E7C74 改成**深蓝 #243c5a**。
     依据：UI设计美化 v260906/ip-search-spec.md §1「主色 --brand:#243c5a」。
     在这之前是分叉的 —— 排查中心的 ip-search.css 用深蓝、中台这边用墨绿,
     同一套系统里两种主色,看着就像两个系统。以规格那套深蓝为准统一。

   ⚠⚠ **只改值,一个变量名都没动**。这份 tokens 被 8 个页面引着
     (中台 index/settings/login/gate/gate-login + 排查中心 audit/ledger/logs),
     改名字就是这几页一起变形;只改值最多是颜色变了。
   ⚠ 状态四色(green/amber/red/slate)一个字没动 —— 那是「数据健康」的语义色,
     不是装饰色,跟着主色走会让「新鲜/陈旧」变得读不出来。
   ⚠ 中性色(canvas/card/ink/line)也没动:跟规格 §1 那套(#f4f5f7 / #e6e8ec)
     本来就只差一两个色阶,动它等于把八个页面的对比度重算一遍,不值当。
   ========================================================= */
:root{
  /* ---- 中性色(占全站约 90%) ---- */
  --canvas:      #F5F6F7;  /* 页面背景 */
  --card:        #FFFFFF;  /* 卡片/面板背景 */
  --ink:         #1B222A;  /* 主文字 */
  --ink2:        #59636E;  /* 次要文字 */
  --ink3:        #8A939D;  /* 弱化文字/说明 */
  --line:        #E7EAED;  /* 分割线/描边 */

  /* ---- 侧边栏(深色) ----
     ⚠ 取自规格 §2 的顶栏渐变 #22303f→#1b2531,跟代理注入的统一顶栏是同一组值。
        侧栏和顶栏对不上色,人一眼就看出是两块拼起来的。 */
  --sidebar:     #1B2531;
  --sb-hover:    #2B3547;
  --sb-line:     #2A3646;

  /* ---- 品牌强调色(全站唯一强调色,只用于主操作/激活/链接) ----
     ⭐ 2026-09-10 由墨绿改深蓝,值来自 ip-search-spec.md §1 的 --brand 三件套。 */
  --accent:      #243C5A;
  --accent-ink:  #1C3049;  /* 强调色文字(浅底上) */
  --accent-bg:   #EAF0F6;  /* 强调色浅底 */

  /* ---- 规格里的叫法(--brand 三件套)——跟上面是同一组色,只是换个名字 ----
     ⚠ 有的页面按规格写 var(--brand),有的按本文件写 var(--accent)。
        两套名字都留着、指向同一个值,是为了**不用去改那些页面**;
        新写的组件用哪一套都行,但同一个文件里别混着用。 */
  --brand:       var(--accent);
  --brand-600:   var(--accent-ink);
  --brand-soft:  var(--accent-bg);

  /* ---- 状态色(★只用于「数据健康」四态,不要拿来做装饰) ---- */
  --green:  #1F9E75;  --green-bg:  #E7F5EF;  --green-ink:  #0F6E56;  /* 新鲜 */
  --amber:  #C67B0C;  --amber-bg:  #FAF0DB;  --amber-ink:  #84520B;  /* 需注意 */
  --red:    #D14343;  --red-bg:    #FBE9E9;  --red-ink:    #9A2C2C;  /* 陈旧 */
  --slate:  #6B7683;  --slate-bg:  #EDEFF1;  --slate-ink:  #4A535D;  /* 未知(中性灰,★不是警告色) */

  /* ---- 语义别名(推荐组件里用这组,读起来更清楚) ---- */
  --status-fresh:   var(--green);
  --status-warn:    var(--amber);
  --status-stale:   var(--red);
  --status-unknown: var(--slate);

  /* ---- 圆角 ---- */
  --r-sm: 6px;    /* 标签/小 chip */
  --r-md: 9px;    /* 按钮/输入框 */
  --r-lg: 13px;   /* 卡片/面板 */

  /* ---- 间距刻度(只用这几档,别随手写 7px 15px) ---- */
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 20px; --s6: 24px; --s8: 32px;

  /* ---- 字体 ---- */
  --font: "Noto Sans SC","PingFang SC","Microsoft YaHei",-apple-system,sans-serif;
  /* 字号:12 说明 / 13.5 正文 / 14.5 小标题 / 16 卡片标题 / 19 页面主标题 */
  /* 数字统一用 font-variant-numeric: tabular-nums 对齐 */

  /* ---- 阴影(克制,卡片默认用描边而非阴影) ---- */
  --shadow-sm: 0 1px 2px rgba(20,30,40,.04);
}