/* 设计令牌 / Design tokens
   前台、后台、文档页共用。改颜色、圆角、字体只改这里。
   Shared by storefront, admin and doc pages. Change colours, radii and fonts here only. */
:root {
  /* 字体：只用系统字体，不依赖外部 CDN。中文回落到 PingFang / 微软雅黑。
     System fonts only, no external CDN. Chinese falls back to PingFang / YaHei. */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB",
    "Microsoft YaHei", "Noto Sans CJK SC", "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;

  /* 中性色 / Neutrals */
  --c-bg: #ffffff;
  --c-bg-soft: #f5f8f7;
  --c-bg-sunk: #eaf0ee;
  --c-ink: #14201f;
  --c-ink-2: #3f504e;
  --c-ink-3: #5c6d6b;
  --c-line: #e1e8e6;
  --c-line-strong: #c8d3d1;

  /* 品牌主色 / Brand accent（文字对比度 4.95:1） */
  --c-accent: #0e7c86;
  --c-accent-hover: #0a656d;
  --c-accent-soft: #e4f3f4;
  --c-accent-ink: #ffffff;

  /* 语义色 / Semantic */
  --c-warm: #b45309;
  --c-warm-soft: #fdf1e0;
  --c-ok: #187a48;
  --c-ok-soft: #e6f5ec;
  --c-bad: #c0352b;
  --c-bad-soft: #fdeceb;
  --c-info: #2459c4;
  --c-info-soft: #e8effc;

  /* 后台侧栏 / Admin sidebar */
  --c-side: #0f2321;
  --c-side-2: #183835;
  --c-side-ink: #c9d8d6;

  /* 形状与阴影 / Shape and elevation */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 16px;
  --sh-1: 0 1px 2px rgba(20, 32, 31, 0.06), 0 1px 3px rgba(20, 32, 31, 0.05);
  --sh-2: 0 6px 20px rgba(20, 32, 31, 0.08), 0 2px 6px rgba(20, 32, 31, 0.05);
  --sh-3: 0 18px 48px rgba(20, 32, 31, 0.18);
  --focus: 0 0 0 3px rgba(14, 124, 134, 0.35);

  /* 间距 / Spacing: 4 8 12 16 24 32 48 64 */
  --lh-body: 1.55;
  --container: 1120px;
}

/* 中文行距更松 / Chinese gets looser leading */
html[data-lang="zh"] {
  --lh-body: 1.75;
}