/* liezhe.com 全站设计变量（全站设计规范 v2，2026-10-26）
   规范正文：E:\liezhe工作流\标准\页面视觉.md「全站设计规范 v2」；本机正本：E:\站点\www.liezhe.com\补丁\lz-tokens.css
   → wp-content/themes/wpdx-liezhe/assets/css/lz-tokens.css
   🔴 只放变量，不放任何规则。以后各页面样式（single.css / pillar-ui2.css / gongju.css / home-v3.css …）都引用这里的 --lz-*，不再自己写色值和字号。
   🔴 每个数都有出处（设计库 E:\AI网站开发标准化流程\设计库\数值\刻度.md），不许在这里现场发明新值；要加一档先回刻度表加并注明出处。 */
:root{
  /* ── 颜色：一种品牌色 + 几档灰 ─────────────────────────────── */
  /* 品牌色 = Radix blue 色系（设计库 radix/blue.css，MIT）。选它是因为 logo「Z」深端 #0072bc 跟 blue-11 #0d74ce 几乎同色。
     🔴 实色按钮用 11 档不用 9 档：9 档 #0090ff 上压白字只有 3.3:1，按钮字 15–16px 不是大字，过不了 4.5；11 档白字 4.9:1。 */
  --lz-brand:#0d74ce;        /* blue-11：链接、实色按钮底、当前项下划线 */
  --lz-brand-strong:#113264; /* blue-12：按钮悬停、链接悬停 */
  --lz-brand-soft:#e6f4fe;   /* blue-3：选中 / 悬停底、品牌浅底块 */
  --lz-brand-line:#acd8fc;   /* blue-6：品牌浅底块的边 */
  --lz-on-brand:#ffffff;     /* 实色按钮上的字（刻度.md 四「--a-btn-fg 成对交付」） */
  /* 灰 = Tailwind slate（设计库 tailwind/theme.css，MIT；全站正文、支柱页 10-26 起已在用同一组值） */
  --lz-ink:#0f172a;          /* slate-900：标题、加粗 */
  --lz-text:#1e293b;         /* slate-800：正文 */
  --lz-muted:#64748b;        /* slate-500：辅助字（白底 4.8:1） */
  --lz-line:#e2e8f0;         /* slate-200：分隔线、卡片边 */
  --lz-line-2:#cbd5e1;       /* slate-300：输入框边、悬停边 */
  --lz-bg:#ffffff;           /* 页面底 */
  --lz-bg-soft:#f8fafc;      /* slate-50：交替横带 */
  --lz-bg-mute:#f1f5f9;      /* slate-100：标签底、菜单悬停底 */
  /* 深底（页脚）：底 slate-900，字反过来取（刻度.md 四「深底上整套颜色反过来取」） */
  --lz-dk-bg:#0f172a;
  --lz-dk-text:#cbd5e1;      /* slate-300 */
  --lz-dk-muted:#94a3b8;     /* slate-400 */
  --lz-dk-strong:#ffffff;    /* 深底上最亮的字：站名、列标题、悬停（模块 03 的「1 档」） */
  --lz-dk-line:rgb(255 255 255 / .15); /* 刻度.md 四：深底分隔线唯一例外 */
  /* 只留有意思的颜色（支柱页降噪第 11 条）：能做 / 到账绿、别做 / 扣费红 */
  --lz-ok:#218358;           /* Radix green-11 */
  --lz-bad:#ce2c31;          /* Radix red-11 */

  /* ── 配色版（?v2=b / ?v2=c，10-26 站主嫌 ?v2=1「太素」后加）：每个大类一个固定标识色 + C 版一个辅助色 ──
     用法（规范 页面视觉.md「全站设计规范 v2」四之二）：标识色只用在「这个大类自己的东西」——图标块底（-bg 3 档）+ 图标线（-fg 11 档）+ 实色点 / 顶边（9 档）；
     浅色底上的字用 -ink（12 档）。链接、按钮仍然只用品牌蓝，不许拿标识色当按钮色。数值全是设计库 Radix 原档。 */
  --lz-c1:#30a46c; --lz-c1-bg:#e6f6eb; --lz-c1-soft:#f4fbf6; --lz-c1-line:#adddc0; --lz-c1-fg:#218358; --lz-c1-ink:#193b2d; /* 赚美金 = green */
  --lz-c2:#12a594; --lz-c2-bg:#e0f8f3; --lz-c2-soft:#f3fbf9; --lz-c2-line:#a1ded2; --lz-c2-fg:#008573; --lz-c2-ink:#0d3d38; /* 收款与账号 = teal（logo 浅端） */
  --lz-c3:#0090ff; --lz-c3-bg:#e6f4fe; --lz-c3-soft:#f4faff; --lz-c3-line:#acd8fc; --lz-c3-fg:#0d74ce; --lz-c3-ink:#113264; /* 建站工具 = blue（同品牌色系） */
  --lz-c4:#f76b15; --lz-c4-bg:#ffefd6; --lz-c4-soft:#fff7ed; --lz-c4-line:#ffc182; --lz-c4-fg:#cc4e00; --lz-c4-ink:#582d1d; /* 出海工具 = orange */
  --lz-c5:#ab4aba; --lz-c5-bg:#fbebfb; --lz-c5-soft:#fdf7fd; --lz-c5-line:#e9c2ec; --lz-c5-fg:#953ea3; --lz-c5-ink:#53195d; /* 学习 = plum */
  --lz-acc:#ffc53d; --lz-acc-hover:#ffba18; --lz-acc-soft:#fff7c2; --lz-acc-fg:#ab6400; --lz-acc-ink:#4f3422; /* C 版辅助色 = amber（美金的金）：徽章、高亮、主按钮；amber 9 上只能压深字（刻度.md 四：白字 1.58） */
  --lz-brand-2:#f4faff;      /* blue-2：配色版的浅品牌色横带 */
  --lz-grad:linear-gradient(120deg,#113264 0%,#0d74ce 58%,#008573 100%); /* 品牌渐变：logo 从蓝到青，取 blue-12 → blue-11 → teal-11；只给首屏和陪跑班两块大色块 */

  /* ── 字 ─────────────────────────────────────────────────── */
  --lz-font:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Segoe UI",sans-serif; /* 🔴 不加载网络字体（拖 LCP） */
  /* 字号只用 Tailwind 刻度这几档（theme.css text-*），行高跟着档走 */
  --lz-fs-xs:12px;  --lz-lh-xs:16px;   /* 只给角标数字，中文说明不许用 */
  --lz-fs-sm:14px;  --lz-lh-sm:20px;   /* 辅助：注、出处、菜单分组名、页脚链接 */
  --lz-fs-md:16px;  --lz-lh-md:24px;   /* 界面正文：导航、卡片说明、手机正文 */
  --lz-fs-lg:18px;  --lz-lh-lg:28px;   /* 卡内标题；长文正文 18/32 见正文排版 C */
  --lz-fs-xl:20px;  --lz-lh-xl:28px;
  --lz-fs-2xl:24px; --lz-lh-2xl:32px;  /* 区块标题（手机） */
  --lz-fs-3xl:30px; --lz-lh-3xl:36px;  /* 区块标题（电脑） */
  --lz-fs-4xl:36px; --lz-lh-4xl:40px;  /* 页面 H1（手机） */
  --lz-fs-5xl:48px; --lz-lh-5xl:48px;  /* 页面 H1（电脑） */
  --lz-fw-normal:400; --lz-fw-medium:500; --lz-fw-semi:600; --lz-fw-bold:700; /* 雅黑只有常规 / 粗两档，600 显示出来也是粗 */

  /* ── 间距：只用 8px 网格这几档（刻度.md 一） ─────────────────── */
  --lz-s1:4px; --lz-s2:8px; --lz-s3:12px; --lz-s4:16px; --lz-s5:24px; --lz-s6:32px; --lz-s7:40px; --lz-s8:48px; --lz-s9:56px; --lz-s10:64px;

  /* ── 圆角：全站只用三档（刻度.md 五「一个站最多三档，每档对应一类东西」） ── */
  --lz-r-sm:4px;   /* 标签、角标 */
  --lz-r-md:8px;   /* 按钮、输入框、菜单面板 */
  --lz-r-lg:12px;  /* 卡片 */

  /* ── 阴影：卡片默认不用阴影、用 1px 边；只有浮层（下拉菜单）用 lg（刻度.md 六，两层） ── */
  --lz-sh-sm:0 1px 3px 0 rgb(0 0 0 / .1),0 1px 2px -1px rgb(0 0 0 / .1);
  --lz-sh-lg:0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1);

  /* ── 版心：跟现有 #main-content 对齐（主题 width:90%; max-width:1300px，手机 96%） ── */
  --lz-wrap:1300px;
  --lz-hd-h:64px;   /* 电脑页头高（8 的倍数） */
  --lz-hd-h-m:56px; /* 手机页头高 */
}