/* ============================================================
   龙兵AI 爆款获客系统 · 商家创作台 —— 设计令牌 (Design Tokens)
   ------------------------------------------------------------
   这一层是【唯一真源】：颜色 / 文字 / 字号 / 圆角 / 间距 / 阴影 / 动效。
   页面与 app.js 里写的是  var(--令牌, 原值) —— 原值就是改造前的值。
   所以：删掉 index.html 里 <link ... /tokens.css> 这一行，
        全站立刻回到改造前的样子（真正的"一键回退"）。
   ------------------------------------------------------------
   文字色全部 >= WCAG AA 4.5:1
   （在 #fff / #f8fafc / #f5f5f7 / #f1f5f9 / #f0f0f5 五种浅底上实测，
     最差 5.15）
   ============================================================ */
:root{
  /* ---------- (1) 品牌 ---------- */
  --c-brand:      #4A9EFF;   /* 主色（本批未改动） */
  --c-brand-2:    #3B82F6;
  --c-brand-3:    #7BB8FF;
  --c-brand-ink:  #2563EB;   /* 主色-深：用于文字/链接/图标（白底 5.17） */
  --c-brand-solid:#2563EB;   /* 主色-深：用于小色块/徽标（白字 5.17） */

  /* ---------- (2) 中性 / 表面 ---------- */
  --c-bg:         #f5f5f7;
  --c-surface:    #ffffff;
  --c-surface-2:  #f8fafc;
  --c-surface-3:  #f1f5f9;
  --c-hover:      #f0f0f5;
  --c-line:       rgba(0,0,0,.08);
  --c-line-2:     #e2e8f0;

  /* ---------- (3) 文字 ---------- */
  --c-text-1:     #1d1d1f;   /* 正文 */
  --c-text-2:     #475569;   /* 次级 */
  --c-text-3:     #5A6675;   /* 说明/弱化 —— 原 #86868b(3.46) #8e8e93(2.87) #94a3b8(2.65)
                                三种灰都看不清，收敛成这一个 */
  --c-text-inv:   #ffffff;

  /* ---------- (4) 语义（文字用加深值） ---------- */
  --c-ok:         #0F7B43;   /* 原 #34c759(2.30) */
  --c-err:        #C22545;   /* 原 #ef4444(3.76) */
  --c-warn:       #8A5A0F;   /* 原 #b7791f(3.43) */
  --c-teal:       #0F766E;   /* 原 #0d9488(3.47) */
  --c-orange:     #C2410C;   /* 原 #ea580c(3.56) */
  --c-slate:      #556070;   /* 原 #64748b(4.34 在 #f1f5f9 上不达标) */

  /* ---------- (5) 尺度 ---------- */
  --fs-10:10px; --fs-11:11px; --fs-12:12px; --fs-13:13px;
  --fs-14:14px; --fs-16:16px; --fs-20:20px; --fs-22:22px;
  --r-xs:6px; --r-sm:8px; --r-md:10px; --r-lg:12px; --r-xl:16px; --r-full:999px;
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px;
  --sh-1:0 1px 2px rgba(15,23,42,.05);
  --sh-2:0 2px 6px rgba(15,23,42,.05), 0 8px 24px rgba(15,23,42,.03);
  --ease:cubic-bezier(.4,0,.2,1);

  /* ---------- (6) 历史变量对齐 + 补上 2 个"从未定义"的 ---------- */
  --text-3: var(--c-text-3, #94a3b8);   /* 去修 app-theme.css 里 19 处 var(--text-3) */
  --t2:     var(--c-text-3, #86868b);   /* 去修 90 处 var(--t2) */
  --ok:     var(--c-ok,     #34c759);
  --err:    var(--c-err,    #ff3b30);
  --t1:     var(--c-text-1, #1d1d1f);   /* 新增：app.js 引用 6 次，此前从未定义 */

  /* ---------- (5b) 第 2 批：形状/尺度 的可调值（改这里即调全站） ---------- */
  --btn-h:34px;        /* 按钮高度（原 30） */
  --btn-h-sm:30px;     /* 小按钮高度（不变） */
  --fs-btn:12px;       /* 按钮字号（原 11） */
  --fs-btn-sm:11px;
  --btn-px:14px;       /* 按钮左右内边距（原 10） */
  --inp-h:36px;        /* 输入框高度（原 38） */
  --fs-inp:14px;       /* 输入框字号（原 16） */
  --fs-h1:22px;        /* 页面主标题（原 24） */
  --fs-h2:17px;        /* 区块标题（原 15） */
  --sp-main:28px 36px 44px;   /* 主内容留白（原 32 40 48） */
  --sp-card:18px;             /* 卡片内边距（原 14） */
  --sp-card-2:18px 20px;      /* 统计卡内边距（原 16 18） */
  --sp-card-m:14px;           /* 移动端卡片内边距（原样） */
  --sp-nav:42px;              /* 侧栏项高度（原 40） */
  --danger: var(--c-err, #ef4444);   /* 复用危险色：文字与底都更清楚 */
  --panel:  var(--c-surface,#ffffff);   /* 新增：app.js 引用 2 次，此前从未定义 */
}

/* ---------- (7) 主色文字/小色块（只改"承载文字"的地方，大块主色保持原样） ---------- */
.cat-tag.active, .tag.sel, .mpt-tab.active { background: var(--c-brand-solid, #3478F6); }