/* ============================================================================
 * v4 设计令牌 —— 知识星图「纸·墨·朱」调色板（canonical: edu.zhaozimin/project/知识星图 v4.dc.html）
 *
 *   命名策略：v4 一律用 `--zzm-*` 前缀，与旧 Ollama 令牌(--accent/--background…)物理隔离，
 *   避免 v4 品牌朱色污染 shadcn 的 --accent(极淡灰 hover 面)。v4 屏引用 var(--zzm-accent,#A6402F)。
 *
 *   --zzm-accent 的运行时值由 ThemeRoot 注入(默认 #A6402F，与 DC 源 var(--accent,#A6402F) 兜底一致)；
 *   此处 :root 兜底值保证任何脱离 ThemeRoot 的 v4 片段仍有正确朱色。
 * [PROTOCOL]: 变更时更新此头部，然后检查 CLAUDE.md
 * ========================================================================== */

:root {
  /* 品牌朱（可切 #A6402F / #8C3A31 / #B5543F，ThemeRoot 覆盖）*/
  --zzm-accent: #A6402F;

  /* 面 · 底 */
  --zzm-paper: #F6F6F4;      /* 应用画布 / 侧栏底 */
  --zzm-surface: #FFFFFF;    /* 主内容面 / 卡片 */
  --zzm-ink: #161616;        /* 主文字墨色 */
  --zzm-ink-strong: #1D1D1B; /* 深墨（黑胶囊 CTA）*/

  /* 文字灰阶（由深到浅）*/
  --zzm-text-1: #26261F;
  --zzm-text-2: #3F3F3B;
  --zzm-text-3: #4A4A46;
  --zzm-text-4: #6E6E6A;
  --zzm-text-5: #72726E;
  --zzm-muted: #8B8B85;
  --zzm-muted-2: #A2A29C;
  --zzm-muted-3: #B0B0AA;
  --zzm-faint: #C6C6C0;

  /* 暗底（深色卡/封面/播放器/付款页）*/
  --zzm-dark-card: #131316;
  --zzm-dark-poster: #0E0E10;
  --zzm-dark-pay: #0B0B0C;

  /* 细线 */
  --zzm-hairline: rgba(0, 0, 0, 0.07);
  --zzm-hairline-2: rgba(0, 0, 0, 0.09);
  --zzm-hairline-strong: rgba(0, 0, 0, 0.14);

  /* ── 课时档位信号色（v21.2.0，老大定版：免费绿 / 会员黄 / 拓展红）──
     属「黑白系统里被允许的功能信号色」，同旧 index.css 的 --level-* 先例，集中于此单一真相源。
     每档三件套：实色(accent，后台段选/分组用) / 浅底(bg，用户端 tint 胶囊) / 深字(ink，tint 上的可读字色)。
     lib/courseTiers.js 引用这些令牌，前台 TierPill 与后台徽章不再各写字面色值。 */
  --zzm-tier-free: #16A34A;                  /* 免费 · 绿 */
  --zzm-tier-free-bg: rgba(22, 163, 74, 0.12);
  --zzm-tier-free-ink: #157F3C;
  --zzm-tier-member: #E0920A;                /* 会员 · 黄金 */
  --zzm-tier-member-bg: rgba(224, 146, 10, 0.18);
  --zzm-tier-member-ink: #8A5606;
  --zzm-tier-ext: #A6402F;                   /* 拓展 · 红（品牌朱同族）*/
  --zzm-tier-ext-bg: rgba(166, 64, 47, 0.11);
  --zzm-tier-ext-ink: #A6402F;

  /* 字体栈（与 DC 源一致：系统圆体优先 + CJK 兜底 + 等宽用 SF Mono）*/
  --zzm-font: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --zzm-mono: ui-monospace, "SF Mono", Menlo, monospace;

  /* ── 间距梯（8pt 网格 + 4pt 微调；canonical: styles/v4/SPACING.md，审计器 npm run audit:spacing）──
     一切 padding/margin/gap/组件高度/行高从梯上取值——一体感来自全站共用同一把梯子 */
  --zzm-s-1: 4px;   /* 微调 */
  --zzm-s-2: 8px;   /* 元素内 */
  --zzm-s-3: 12px;  /* 紧凑 */
  --zzm-s-4: 16px;  /* 标准 */
  --zzm-s-5: 20px;  /* 舒适 */
  --zzm-s-6: 24px;  /* 区块内 */
  --zzm-s-8: 32px;  /* 区块间 */
  --zzm-s-10: 40px; /* 大区块 */
  --zzm-s-12: 48px; /* 节内距 */
  --zzm-s-16: 64px; /* 节间距 */

  /* ── 圆角梯：同层级同档（4 微件 / 8 小控件 / 12 内嵌卡 / 16 卡片 / 999 胶囊）── */
  --zzm-r-1: 4px;
  --zzm-r-2: 8px;
  --zzm-r-3: 12px;
  --zzm-r-4: 16px;
  --zzm-r-pill: 999px;
}