/* ============================================================================
   wx_parse 运营控制台 · 设计令牌 (Design Tokens)
   ----------------------------------------------------------------------------
   方向：工业实用 × 清爽浅色（Linear / Notion 风）
   纪律：颜色、字阶、间距、圆角、阴影、动效时长只在此文件定义；
         组件层一律使用 var(--x)，禁止硬编码色值。

   配色比例 60 / 30 / 10
     60% 表面  —— 暖纸底 --paper / --surface / --surface-2
     30% 辅助  —— 冷墨文本与发丝线 --ink / --muted / --line
     10% 强调  —— 单一钴蓝 --accent，只留给关键动作与当前导航
   状态语义（--ok/--warn/--err/--info）是独立于强调色的冷色 ramp，
   避免"强调色 vs 错误色"在同一屏抢注意力。
   ============================================================================ */

:root {
  /* ---------- 60% · 表面 ---------- */
  --paper:        #F5F3EF;   /* 页面底：暖白纸，非纯白，避免与卡片糊在一起 */
  --surface:      #FFFFFF;   /* 卡片 / 面板 */
  --surface-2:    #FAF9F6;   /* 次级面板、表头 */
  --surface-3:    #F0EEE8;   /* 轨道、占位、代码块 */
  --overlay:      rgba(26, 25, 23, 0.42);

  /* ---------- 30% · 文本与线条 ---------- */
  --ink:          #1A1917;   /* 主文本：暖调近黑，不用纯 #000 */
  --ink-2:        #3E3B36;
  --muted:        #6D6961;   /* 次要文本 */
  --faint:        #97928A;   /* 占位、单位、时间戳 */
  --line:         #E6E2DA;   /* 发丝边框 */
  --line-2:       #D5D0C6;
  --line-3:       #B9B3A7;   /* 强边框：输入框悬停、表格分隔强调 */

  /* ---------- 10% · 强调 ---------- */
  --accent:       #2547D0;   /* 钴蓝：唯一强调色 */
  --accent-ink:   #1B36A6;   /* 强调色的深阶：用在【浅底上的文字】（如 --accent-soft 卡片标题） */
  --accent-on:    #FFFFFF;   /* ★ 铺在【--accent 实底上】的文字/图标色。
                                  与 --accent-ink 是两件事：ink 是「深一档的蓝」，铺在钴蓝底上
                                  等于蓝字压蓝底（对比度≈1.4:1，看着发闷、像坏了）；
                                  实底上的字只能是白（浅色主题）/ 近黑（深色主题）。 */
  --accent-soft:  #E9EDFC;   /* 强调色的浅底 */
  --accent-line:  #C2CDF7;

  /* ---------- 状态语义（冷色 ramp，与强调色区分） ---------- */
  --ok:           #14794A;   --ok-soft:   #E6F4EC;   --ok-line:   #B4DEC7;
  --warn:         #8A5A00;   --warn-soft: #FBF2DD;   --warn-line: #E9D097;
  --err:          #B3261E;   --err-soft:  #FBE9E7;   --err-line:  #EFBCB6;
  --info:         #4B5563;   --info-soft: #EEF0F3;   --info-line: #D2D8DF;

  /* 平台徽标色（对应 pages/parseLog/parseLog.js 的 cls） */
  --pf-douyin:    #1A1917;
  --pf-kuaishou:  #C2410C;
  --pf-xhs:       #BE123C;
  --pf-bili:      #0E7490;
  --pf-other:     #6D6961;

  /* ---------- 字体 ---------- */
  /* 展示字/数字：JetBrains Mono（技能「技术/后台」方向指定展示字，不在禁用清单） */
  --font-display: "JetBrains Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;
  /* 正文字：Inter Tight（技能明确列为技术/后台正文字；非被禁的纯 Inter） */
  --font-body:    "Inter Tight", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",
                  "Source Han Sans SC", sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;

  /* ---------- 字阶（14px 基数 · 1.25 比例） ---------- */
  --fs-2xs:  10px;
  --fs-xs:   11px;
  --fs-sm:   12px;
  --fs-md:   13px;
  --fs-base: 15px;
  --fs-lg:   18px;
  --fs-xl:   23px;
  --fs-2xl:  29px;
  --fs-3xl:  36px;
  --fs-4xl:  46px;

  --lh-tight: 1.08;   /* 大标题 */
  --lh-snug:  1.35;
  --lh-base:  1.62;   /* 正文（中文 ≥1.6） */
  --lh-code:  1.55;

  --ls-display: -0.03em;   /* 大标题字距 */
  --ls-body:     0.01em;

  /* ---------- 间距梯度 ---------- */
  --sp-1:  4px;   --sp-2:  8px;   --sp-3: 12px;  --sp-4: 16px;
  --sp-5: 24px;   --sp-6: 32px;   --sp-7: 48px;  --sp-8: 64px;

  /* ---------- 圆角 ---------- */
  --r-xs: 3px;  --r-sm: 6px;  --r-md: 10px;  --r-lg: 14px;  --r-full: 999px;

  /* ---------- 阴影（三级高度，Y 偏移 2 / 8 / 24，带环境色而非纯黑） ---------- */
  --sh-1: 0 1px 2px rgba(38, 32, 22, 0.06), 0 0 0 1px rgba(38, 32, 22, 0.035);
  --sh-2: 0 2px 8px rgba(38, 32, 22, 0.07), 0 1px 2px rgba(38, 32, 22, 0.05);
  --sh-3: 0 8px 28px rgba(38, 32, 22, 0.10), 0 2px 6px rgba(38, 32, 22, 0.05);
  --sh-4: 0 24px 64px rgba(38, 32, 22, 0.14);

  /* ---------- 动效 ---------- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:  cubic-bezier(0.4, 0, 1, 1);
  --dur-fast: 160ms;   /* 微交互：悬停、按压 */
  --dur-base: 320ms;   /* 常规过渡：菜单、面板 */
  --dur-slow: 640ms;   /* 场景过渡：页面、弹层 */
  --stagger:   70ms;   /* 入场错峰间隔（3–6 组，60–120ms 区间内） */

  /* ---------- 布局 ---------- */
  --sidebar-w: 236px;
  --topbar-h:  58px;
  --maxw:      1560px;
}

/* ============================================================================
   暗色主题：只覆盖语义令牌，组件代码不动（技能 §3 规则）
   项目本身支持跟随系统深色（theme.json / app-wxa-auto-dark.wxss），
   因此控制台的暗色不是"附赠"，而是与小程序双端一致的必须项。
   ============================================================================ */
[data-theme="dark"] {
  --paper:      #151412;
  --surface:    #1D1C1A;
  --surface-2:  #232220;
  --surface-3:  #2A2926;
  --overlay:    rgba(0, 0, 0, 0.6);

  --ink:        #F3F0E9;
  --ink-2:      #D7D3C9;
  --muted:      #A39D93;
  --faint:      #7B756B;
  --line:       rgba(243, 240, 233, 0.10);
  --line-2:     rgba(243, 240, 233, 0.16);
  --line-3:     rgba(243, 240, 233, 0.26);

  --accent:      #8095FF;
  --accent-ink:  #A7B6FF;
  --accent-on:   #151412;   /* ★ 深色主题下 --accent 是亮蓝紫，实底上必须用深字 */
  --accent-soft: rgba(128, 149, 255, 0.14);
  --accent-line: rgba(128, 149, 255, 0.30);

  --ok:    #4FD69C;  --ok-soft:   rgba(79, 214, 156, 0.13);  --ok-line:   rgba(79, 214, 156, 0.30);
  --warn:  #E9BA4E;  --warn-soft: rgba(233, 186, 78, 0.13);  --warn-line: rgba(233, 186, 78, 0.30);
  --err:   #FF8D82;  --err-soft:  rgba(255, 141, 130, 0.13); --err-line:  rgba(255, 141, 130, 0.30);
  --info:  #A9B3C2;  --info-soft: rgba(169, 179, 194, 0.12); --info-line: rgba(169, 179, 194, 0.26);

  --pf-douyin:   #E8E4DC;
  --pf-kuaishou: #FF9A66;
  --pf-xhs:      #FF7A96;
  --pf-bili:     #57C4DC;
  --pf-other:    #A39D93;

  --sh-1: 0 1px 2px rgba(0, 0, 0, 0.42), 0 0 0 1px rgba(255, 255, 255, 0.05);
  --sh-2: 0 2px 8px rgba(0, 0, 0, 0.46), 0 0 0 1px rgba(255, 255, 255, 0.05);
  --sh-3: 0 8px 28px rgba(0, 0, 0, 0.52), 0 0 0 1px rgba(255, 255, 255, 0.05);
  --sh-4: 0 24px 64px rgba(0, 0, 0, 0.62);
}