/* ═══ ATAO 运营台 · 设计变量总表 ════════════════════════════════════
   一处事实一个家：颜色 / 字体 / 字阶 / 圆角 / 间距 只写在这里，页面里一律 var() 取值
   2026-09-06 · 配色库第 12 套「画廊撞色 Gallery」（样张里的 .t5）

   ⛔为什么从苹果（t17）换过来【用户定·9/6】：
      苹果靠灰阶分层、颜色极少，展示页高级，但铺货台要「一眼分清」——
      哪个品、哪批货、走到哪站、谁该动手，全灰的界面这些都得读字。
   t17 版归档在 库_旧版归档/tokens_t17版_*.css

   ⛔必须同时挂 :root【栽过两次·9/7】：
      9/6 写这份时是迁移期（t17 / t5 两套并存），所以只挂了 .atao 作用域。
      迁移早就完了，而主站 body 根本没有 .atao 这个类 ——
      结果 --c1..c6 六色、--paper、--r-* 这些全部解析不出来，
      KPI 卡的六色轮转一直是白底（9/7 零件化在途情况时才发现）。
      基础色之所以没跟着崩，是因为 index.html 内联 <style> 里另有一份 :root 兜着。
      ⛔谁再把这份文件整份替换，第一件事就是检查这行还在不在 */
:root,.atao{
  /* ── 底 · 面板 · 线 ── */
  --paper:#FAFAFA;        /* 页面底 ⛔t5 原值是 #FFFFFF，垫浅灰是有意偏离【用户定·9/7】 */
  --card:#FFFFFF;         /* 卡片纯白，浮在浅灰底上 */
  --line:#EAEAEA;         /* t5 --line */
  --line-2:#FAFAFA;       /* t5 --zebra */

  /* ── 文字三档 ── */
  --ink:#111111;          /* t5 --ink　⛔比苹果的 #1D1D1F 更黑，撞色风要硬 */
  --ink-soft:#737373;     /* t5 --ink2 是 #767676，往深压了 3 格【9/7 实测】：
                             原值压页面底 #FAFAFA 只有 4.35 不过 AA，压纯白也才 4.54 贴着线。
                             --paper 和 --line-2 都是 #FAFAFA，所以全站的次要字、表格斑马行
                             小字都卡在这 0.15 上。现在 4.54 / 4.74，肉眼看不出差别 */
  --ink-faint:#858585;    /* t5 原值 #B5B5B5，往深压了【9/7 实测】：
                             ⛔这一档只给「大字和图形」——KPI 的零值大数、空状态的 44px 图标、
                             待办卡的竖条、转圈。按 AA 大字线 3.0。
                             ⛔基准是六个淡底里最暗的 c5 紫罗兰 #F0E5F3，不是看着最浅的柠檬——
                             柠檬亮度 0.909 最高，紫罗兰 0.810 最低，压紫罗兰才是最难的那一关
                             （原值压它只有 1.75，现在 3.02）
                             ⛔小字（侧栏分组标题、计数、占位符）一律用 --ink-soft，
                             那些要 4.5，这一档压白也才 3.69，够不着 */

  /* ── 强调色 ── */
  /* 强调色＝可点的、选中的。【用户定·9/8】从 t5 自带的钴蓝 #2B4CD6 换成紫罗兰。
     ⛔用户原话：「不要用蓝色了，用我截图给你的」。
     紫罗兰就是六色里的 c5，Jenny 那个 y 用的也是它 —— 换过来全站是一个调子。
     对比：白字压 #7B2D8E = 7.2（钴蓝是 6.76），更稳 */
  --accent:#7B2D8E;
  --accent-ink:#FFFFFF;
  --accent-soft:#F0E5F3;   /* 同 --c5-soft */
  --lemon:#F2C14E;        /* t5：蓝底上不能再用蓝，em 换柠檬 */

  /* ── 六个功能色：只做分类识别 ──
     ⛔t5 原本只有一个 accent。钴蓝/番茄/柠檬/松绿是它自带的（accent/err/lemon/ok），
        紫罗兰和品红是补的，为了凑够六色做分类【c总配·9/6 用户选 A 时一并认了】 */
  /* -deep 是算出来的，不是挑的：目标「压最浅的底 #F2F2F2 也过 WCAG AA 4.5」
     算法在 _工具/扫对比度.py 旁边的调深函数 —— 保持色相饱和度，只降明度【实测·9/7】
     ⛔柠檬 #F2C14E 压浅底只有 1.50，是全套最危险的一个，非用 deep 不可 */
  --c1:#E4572E;  --c1-soft:#FCEAE4;  --c1-deep:#A5320F;   /* 番茄 · deep 压浅底 5.6 */
  --c2:#F2C14E;  --c2-soft:#FDF4DE;  --c2-deep:#8F680B;   /* 柠檬 · 原值 1.50 → deep 4.52 */
  --c3:#1F7A4D;  --c3-soft:#E6F2EC;  --c3-deep:#145638;   /* 松绿 · 原值就够 4.75 */
  --c4:#2B4CD6;  --c4-soft:#E4E8FA;  --c4-deep:#1D3596;   /* 钴蓝 · 原值就够 6.04 */
  --c5:#7B2D8E;  --c5-soft:#F0E5F3;  --c5-deep:#551F62;   /* 紫罗兰 · 原值就够 7.19 */
  --c6:#D6336C;  --c6-soft:#FBE4EC;  --c6-deep:#96214A;   /* 品红 · 原值 4.12 → deep */

  /* ── 三个状态色：只回答「要不要管它」──
     ⛔撞色风里状态用实心底白字，不是淡底深字 */
  /* 实心色块（底色）用原值；⛔当文字色时一律用 -ink 那版，原值压白底不过 AA
     实测：warn #C08315 压白 3.23 · err #E4572E 压白 3.68，都不够【实测·9/7】 */
  --ok:#1F7A4D;    --ok-soft:#E6F2EC;   --ok-ink:#1F7A4D;    /* 5.32 够 */
  --warn:#C08315;  --warn-soft:#FBF0DC; --warn-ink:#946510;  /* 原值 3.23 → 5.09 */
  --err:#E4572E;   --err-soft:#FCEAE4;  --err-ink:#C23C16;   /* 原 -ink 是 #C6401A，再压了一点【9/7】：
                                                                -ink 档要同时扛两件事——压白 5.31，
                                                                压自己的淡底 --err-soft 4.56（#C6401A 只有 4.34）*/

  --title-ink:var(--ink);
  --num-ink:var(--ink);

  /* ── 选中态 ── */
  --sel-bg:#F0F0F0;       /* t5 --row-sel */
  --sel-ink:var(--ink);
  --hov-bg:#F5F5F5;       /* t5 --si-hov */
  --side-bg:#FFFFFF;      /* t5 --side-bg */
  --title-line:none;

  /* ── 字体 ── */
  /* t5 --display:'Archivo' —— 几何无衬线，撞色风的骨相之一。中文回退苹方 */
  /* Archivo 只有拉丁字形，中文一定会落到后面这几个。⛔别把 -apple-system 排在中文字体前面：
     它在中文环境下也能出字，但走的是系统默认，和 PingFang 的字形不一致 */
  --disp:'Archivo','PingFang SC','Hiragino Sans GB','Microsoft YaHei',-apple-system,system-ui,sans-serif;
  --body:var(--disp);
  --num:var(--body);

  /* ── 字阶 ──
     ⛔撞色风比苹果紧一档：它靠色块和粗边分层，不靠留白 */
  --fs-1:11px; --fs-2:12px; --fs-3:14px; --fs-4:15px;
  --fs-5:17px; --fs-6:24px; --fs-7:52px;   /* t5 --h1:52px */ --fs-kpi:34px;

  /* ── 字距 ──
     ⛔和苹果反着：标签要撑开字距（原设计靠大写字母，中文用加粗+字距代替） */
  --ls-7:-.02em; --ls-6:-.015em; --ls-5:-.01em;
  --ls-body:0; --ls-1:.08em;   /* label 撑字距 */

  /* ── 字重：撞色风重得多 ── */
  /* 字重【9/8 用户说「资金流转的字体不对」查出来的】：
     ⛔中文的字重上限是 600，不是样张的 800。
        样张的 --display-w:800 是给拉丁字母的（Archivo 有 800 这一档真字形），
        但 Archivo 没有中文字形，中文会 fallback 到 PingFang SC / Hiragino，
        而它们最粗只到 Semibold(600) —— 写 800 浏览器就合成假粗体，
        把字形往外描一圈，又肥又糊。实测：PingFang SC 在 800 和 400 下宽度差 0，
        说明根本不是另一套字形。
     所以：会出现中文的地方一律 600；800 只留给纯数字（Archivo 的 tabular 数字有真 800）*/
  --w-num:800;      /* 只给数字：KPI 大数、表格里的金额 */
  --w-title:600;    /* 标题、标签、小标题 —— 这些都会是中文 */
  --w-body:400;

  --lh-title:1.1; --lh-body:1.5; --lh-dense:1.35; --lh-ctl:1;

  /* ── 圆角：t5 全部是 0 ──
     ⛔--tile-r:0 --si-r:0 --bx-r:0，硬边是这套的骨相，改圆了就不是它了 */
  --r-1:0; --r-2:0; --r-3:0; --r-4:0; --r-b:0; --r-pill:0;

  /* ── 间距 ── */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px;

  /* ── 边框：这套靠边框分层，不靠填充 ── */
  /* 两档边框【用户定·9/8】——黑色是重音，⛔不是容器的边界。
     出处 网站风格样张_v1.html:229 `.t5 .card{ border:0; border-right:1px solid var(--line) }`
     —— 卡片根本不描边，靠浅灰竖线分隔。样张里墨色只给：标签实心底(230行) ·
     导航下边 2px(231行) · 输入框下划线 3px(562行) · 勾选框 2px 描边(565行) ·
     硬阴影(572行) · 次按钮描边(51行)。
     我原来把 --bd 定成 1px 纯黑，五件零件全描一圈黑，六个格子平起平坐，
     眼睛先看见格子才看见数【栽过·9/6 和 9/8】
     ⛔原来还有第三档 --bd-head(2px 墨，给面板顶线)，9/8 一并去掉了：
        样张里那条 2px 只用在导航下边，面板没有；去掉之后它用量归零，不留空变量 */
  --bd:1px solid var(--line);      /* 容器的边界：面板、卡片、待办、表单分组 */
  --bd-ctl:1px solid var(--ink);   /* 控件和浮层：分段控件、弹窗——照样张的勾选框走墨色 */

  /* ── 阴影：t5 是硬偏移，⛔不是模糊 ── */
  /* 阴影只有一档【9/8 对齐样张】：样张 572 行 `.t5 .sh:nth-child(3){ box-shadow:12px 12px 0 var(--ink) }`，
     而 569 行 `.t5 .sh{ box-shadow:none }` —— 这套风格默认不投影，投就投硬的、大的。
     ⛔原来我加了 --sh:5px 5px 0 当中间档，样张里没这一档；--sh-sm:none 是占位的空变量，一并删 */
  --sh:12px 12px 0 var(--ink);

  /* ── 输入框：3px 粗下划线，⛔没有框 ── */
  --fld-bg:transparent;
  --fld-pad:9px 0;
  --fld-line:3px solid var(--ink);
}