/* ───── 主题令牌:全站配色与尺寸变量 ─────
   暖白 Apple 极简风。浅色为默认,html.dark 切换暖色深色(nav/nav.js 负责)。
   所有模块只引用这里的变量,不写死颜色。改主题色只动这一个文件。
   ── 分类强调色:--cat-testing / --cat-ai / --cat-deals(测试 / AI / 薅羊毛) */
:root {
  /* 背景:暖米白三层(底 / 卡片 / 下沉) */
  --bg: #faf7f2;
  --bg-elev: #fffdfa;
  --bg-sunk: #f1ebe1;

  /* 文字:暖墨三级(均满足 WCAG AA 小字对比度) */
  --text: #2b2622;
  --text-2: #574e45;
  --text-3: #6f655a;

  /* 描边 */
  --line: rgba(43, 38, 34, .10);
  --line-soft: rgba(43, 38, 34, .055);

  /* 主强调色:赤陶橙(浅色下已加深到 AA:小字/按钮白字均达标)*/
  --accent: #ab5e2d;
  --accent-strong: #8f4d24;
  --accent-soft: rgba(171, 94, 45, .10);
  --accent-tint: rgba(171, 94, 45, .15);
  --glow: rgba(171, 94, 45, .22);

  /* 分类强调色(三大内容支柱,低饱和暖色,便于扫读) */
  --cat-testing: #bf6a3b;  /* 测试 — 赤陶 */
  --cat-ai: #6f7e6a;       /* AI 时代 — 苔绿 */
  --cat-deals: #b8923a;    /* 薅羊毛 — 暖金 */

  /* 卡片与阴影 */
  --card-shadow: 0 1px 2px rgba(43, 38, 34, .04);
  --card-shadow-hover: 0 16px 40px rgba(43, 38, 34, .11);

  /* 代码块 */
  --code-bg: #2b2622;
  --code-text: #f3ece3;
  --code-inline-bg: rgba(43, 38, 34, .06);
  --code-inline-text: #ab5e2d;

  /* 胶囊 / 标签 */
  --chip-bg: rgba(43, 38, 34, .05);
  --chip-text: var(--text-2);

  /* 导航毛玻璃底 */
  --nav-bg: rgba(250, 247, 242, .72);

  /* 圆角 */
  --r-sm: 10px;
  --r: 16px;
  --r-lg: 22px;

  /* 页面内容最大宽度:列表页 ~920px,正文/关于页在 body 类上收窄 */
  --page-max: 920px;

  /* 统一过渡曲线(Apple 风缓动) */
  --ease: cubic-bezier(.22, .61, .36, 1);

  /* 液态玻璃(Liquid Glass)材质:半透明 + 背景模糊 + 顶部高光边 */
  --glass-bg: rgba(255, 253, 250, .58);
  --glass-edge: rgba(255, 255, 255, .55);
  --glass-sheen: rgba(255, 255, 255, .55);
  --glass-shadow: 0 8px 24px rgba(43, 38, 34, .12);
  --glass-blur: 14px;

  /* 背景跟随鼠标的暖色柔光 */
  --bg-glow-1: rgba(194, 112, 58, .14);
  --bg-glow-2: rgba(190, 150, 90, .10);
}

html.dark {
  --bg: #17130f;
  --bg-elev: #201a15;
  --bg-sunk: #120f0c;

  --text: #f2eadf;
  --text-2: #b7ab9d;
  --text-3: #8a7e70;

  --line: rgba(242, 234, 223, .11);
  --line-soft: rgba(242, 234, 223, .06);

  --accent: #e0875a;
  --accent-strong: #ec9468;
  --accent-soft: rgba(224, 135, 90, .14);
  --accent-tint: rgba(224, 135, 90, .20);
  --glow: rgba(224, 135, 90, .28);

  --cat-testing: #e0875a;
  --cat-ai: #9bae92;
  --cat-deals: #ddbd63;

  --card-shadow: 0 1px 2px rgba(0, 0, 0, .4);
  --card-shadow-hover: 0 20px 44px rgba(0, 0, 0, .5);

  --code-bg: #100d0a;
  --code-text: #f3ece3;
  --code-inline-bg: rgba(242, 234, 223, .08);
  --code-inline-text: #ec9468;

  --chip-bg: rgba(242, 234, 223, .07);

  --nav-bg: rgba(23, 19, 15, .7);

  /* 液态玻璃(深色) */
  --glass-bg: rgba(46, 38, 31, .5);
  --glass-edge: rgba(255, 240, 225, .14);
  --glass-sheen: rgba(255, 240, 225, .18);
  --glass-shadow: 0 10px 30px rgba(0, 0, 0, .45);
  --glass-blur: 16px;

  /* 背景柔光(深色) */
  --bg-glow-1: rgba(224, 135, 90, .16);
  --bg-glow-2: rgba(190, 150, 90, .10);
}

/* 正文页与关于页收窄,营造杂志般的阅读宽度 */
body.page-article { --page-max: 720px; }
body.page-about { --page-max: 760px; }