:root {

      --font-sans: "Noto Sans SC", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Source Han Sans SC", "Noto Sans CJK SC", sans-serif;
      --font-mono: "JetBrains Mono", "Fira Code", "SF Mono", "Menlo", Consolas, monospace;
      /* 文学感衬线：参考站个性核心——宋体衬线带来编辑/书卷气质（本站保持莫兰迪+暖橙） */
      --font-serif: "Noto Serif SC", "Songti SC", "STSong", "Noto Serif CJK SC", serif;
      /* ===== Morandi base (existing) ===== */
      --bg:        #f4f1ed;
      --bg-alt:    #ece6df;
      --surface:   rgba(255,255,255,0.55);
      --surface-hover: rgba(255,255,255,0.75);
      --text:      #2c2b28;
      --text-muted:#7a7671;
      --text-soft: #a09b95;
      --accent:    #8b7e74;
      --accent-strong: #6b5e54;
      --border:    #d9d4ce;
      --border-light: rgba(0,0,0,0.06);

      /* ===== NEW: layered system (队员 A 第1轮新增) ===== */
      /* 实心面板：比半透明 surface 更"实"，用于卡片/面板 */
      --panel:           #fbf9f6;
      --panel-2:         #f0eae3;
      /* 高亮底色：暖米色，用于强调区/选中态 */
      --highlight:       #f4e6d8;
      --highlight-2:     #efe2d2;
      /* 分割色：比 border 更明显的分隔带 */
      --divider:         #e3ddd3;
      /* 视觉锚点：暖橙强调色（莫兰迪基础上提亮） */
      --accent-warm:     #c97b5a;
      --accent-warm-soft:#e7b9a4;
      --accent-warm-bg:  #f6e7dd;
      --on-accent:       #fffaf6;
      /* 第41轮新增：更深一档暖橙（取自 Klim #d33c03 同族、压低饱和适配莫兰迪）—— 单一锚点在交互时加深语义，不破单 accent 原则 */
      --accent-warm-deep:#b35f3e;
      /* 深色分割背景：用于章节之间的视觉断点 */
      --bg-dark:         #2c2b28;
      --bg-dark-2:       #34322d;
      --text-on-dark:    #f4f1ed;
      --text-on-dark-muted: #b6afa5;

      --shadow-sm: 0 1px 2px rgba(0,0,0,0.04);
      --shadow-md: 0 4px 20px rgba(0,0,0,0.06);
      --shadow-lg: 0 8px 40px rgba(0,0,0,0.08);
      --shadow-warm: 0 18px 50px rgba(201,123,90,0.22);
      --radius-sm: 8px;
      --radius:    12px;
      --radius-lg: 20px;
      /* 电影级缓动（源自社群星港 --ease:cubic-bezier(.22,1,.36,1)）+ 暖橙辉光令牌系统 */
      --ease: cubic-bezier(0.22, 1, 0.36, 1);
      --transition: 0.42s var(--ease);
      --glow-warm: 0 0 26px rgba(201,123,90,0.42);
      --glow-warm-strong: 0 0 40px rgba(201,123,90,0.58);
      --glow-text-warm: 0 0 26px rgba(201,123,90,0.45);

      /* Hero 景深柔光（多层 radial-gradient，无需外链图片） */
      --hero-glow: radial-gradient(60% 60% at 80% 28%, rgba(201,123,90,0.20), transparent 70%),
                   radial-gradient(55% 55% at 10% 82%, rgba(139,126,116,0.16), transparent 70%);

      /* ===== NEW: 队员 B 第2轮（组件 + 微交互） ===== */
      /* 强调文字色：比 accent-warm 更深，用于浅底上的可读强调（对比更稳），供队员 C 复用 */
      --accent-warm-ink:   #ad5f3f;
      /* 卡片 hover 阴影 */
      --shadow-card-hover: 0 14px 34px rgba(44,43,40,0.12);
      /* 顶部阅读进度条高度 */
      --progress-h:        3px;
      /* 按钮点击涟漪色（基于暖橙的半透明态） */
      --ripple-color:      rgba(201,123,90,0.32);

      /* ===== 本轮（第18轮）新增：排版系统令牌 =====
         借鉴获奖站拆解（2025–2030 参考库）+ Klim / Frank Chimero：
         · 单一「等宽技术标签字距」变量，统一全站 mono 标签为一套系统语（.22em 暖橙）
         · 编辑式留白尺度（clamp 段距），让章节呼吸更从容（"留白即武器"） */
      --label-track: 0.22em;
      --space-2xs: 8px;
      --space-xs:  16px;
      --space-s:   24px;
      --space-m:   40px;
      --space-l:   64px;
      --section-pad: clamp(110px, 11vw, 160px);
      --measure: 62ch;
  /* ===== lesson-only tokens (kept for sub-pages) ===== */
  --amber: #d4a574;
  --blue: #7b9bb0;
  --card: #fbf9f6;
  --green: #7b9e6d;
  --muted: #8b7e74;
}
