: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;
}

/* 暖橙文字选区高亮（编辑站 / 社群星港常见「贵感」细节：自定义 selection 替代默认蓝/黑；
   单 accent 暖橙、零辉光、零动效、无移动端断点；全站经 tokens.css 一次性生效，覆盖首页与全部课程页）。
   第107轮修正：原实心 --accent-warm + 近白 --on-accent 在首页偏刺眼，且与课程页 lesson-anim.css 早已用的
   柔和版（--accent-warm-soft 底 + 正文色）割裂；统一为柔和编辑式选中态（借鉴 are.na / Klim 家族读感——
   选中态是柔色轻染而非高饱和实心块），全站选中态一致、长文阅读更克制。 */
::selection { background: var(--accent-warm-soft, #e7b9a4); color: var(--text, #2c2b28); }
::-moz-selection { background: var(--accent-warm-soft, #e7b9a4); color: var(--text, #2c2b28); }

/* 编辑式中文排版优化（源自历轮 GitHub 中文排版研究：W3C clreq / 百度开发者中心——
   正文行高无单位值、标点悬挂、避免末行孤字；契合 Klim/Charmer 编辑式留白气质）。
   纯 CSS、全局生效（所有页面均引入 tokens.css）、零辉光、零动效、无移动端断点。
   text-wrap:pretty 防段落末行孤字；hanging-punctuation 行尾标点悬挂（Safari 支持，他处优雅无作用）。 */
p, li, blockquote { text-wrap: pretty; hanging-punctuation: first last; }
/* 编辑式标题标点悬挂 + 断行均衡（W3C clreq / Klim·Pentagram 共识，与首页 .section-title 对齐）：
   全站 h1–h4 统一挂标点、均衡断行，补「课程页排版一致性」长期缺口；
   纯渐进增强——不支持的浏览器优雅忽略，无辉光、无移动端断点 */
h1, h2, h3, h4 { hanging-punctuation: first last; text-wrap: balance; font-optical-sizing: auto; }

/* 编辑式细滚动条（借鉴 ibelick/motion-primitives 真实令牌 scrollbar-width/color：
   暖橙细条 + 透明轨道，桌面编辑站常见「贵感」细节；纯 CSS 系统 chrome 润色，
   非新增页面 UI 元素，零辉光、零动效、无移动端断点） */
html {
  scrollbar-width: thin;
  scrollbar-color: rgba(201,123,90,0.45) transparent;
}
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
  background: rgba(201,123,90,0.38);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
::-webkit-scrollbar-thumb:hover { background: rgba(201,123,90,0.55); }