/* ============================================================
   匠领学社 · 统一设计 Token（单一事实来源）
   文件：assets/jl-tokens.css
   引入方式：在页面 <head> 中，于业务 CSS 之前 <link> 本文件。
   原则：提质不换脸 —— 收敛 4 套漂移调色板为一套 --jl-*。
   本文件只定义 --jl-*，不覆盖任何旧变量，故单独引入零破坏；
   迁移期由各页逐步把 --ink/--gold 等改为 --jl-* 即可统一。
   ============================================================ */
:root{
  /* 墨蓝 — 意义 / 沉静（主色）*/
  --jl-ink:#16233B; --jl-ink-deep:#0E1A2B; --jl-ink-mid:#22324F; --jl-ink-soft:#EEF1F7;
  /* 鎏金 — 价值 / 稀缺（强调色）*/
  --jl-gold:#C9A24B; --jl-gold-dark:#9A6B22; --jl-gold-light:#E4C97E;
  --jl-gold-soft:#F6EDD6; --jl-gold-pale:#FBF3E3;
  /* 宣纸 — 共读 / 温度（背景）*/
  --jl-paper:#FBF8F1; --jl-paper-2:#FFFDF8; --jl-surface:#FFFFFF;
  --jl-line:#ECE6D8; --jl-line-strong:#D9CFB8;
  /* 青碧 — 共生 / 生态（次强调）*/
  --jl-teal:#2E7D6B; --jl-teal-dark:#1E5A4C;
  /* 文字 */
  --jl-text:#1F2733; --jl-text-2:#5A6573; --jl-text-3:#8A8472; --jl-rev:#F4F1EA;
  /* 语义 */
  --jl-ok:#2F7D4F; --jl-ok-bg:#EAF6EC;
  --jl-danger:#B0413E; --jl-danger-bg:#FBEDEC;
  --jl-info:#185FA5; --jl-info-bg:#E6F1FB;
  /* 字体 */
  --jl-serif:"Noto Serif SC","Songti SC",STSong,Georgia,serif;
  --jl-sans:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;

  /* 字阶（模块化，流式 clamp）*/
  --jl-fs-display:clamp(32px,4.8vw,56px);
  --jl-fs-h1:clamp(23px,2.8vw,30px);
  --jl-fs-h2:22px; --jl-fs-h3:18px;
  --jl-fs-lead:16px; --jl-fs-body:14px; --jl-fs-s1:13px; --jl-fs-s2:12px; --jl-fs-xs:11px;

  /* 8pt 间距档（统一竖向节奏）*/
  --jl-s1:4px; --jl-s2:8px; --jl-s3:12px; --jl-s4:16px; --jl-s5:24px;
  --jl-s6:32px; --jl-s7:48px; --jl-s8:64px; --jl-s9:88px;
  --jl-sec-pad:56px;            /* 所有 section 统一竖向内边距 */

  /* 形状 */
  --jl-r-sm:10px; --jl-r:14px; --jl-r-lg:20px; --jl-r-xl:24px; --jl-r-pill:999px;
  /* 分层阴影 */
  --jl-sh-sm:0 1px 2px rgba(22,35,59,.06),0 1px 3px rgba(22,35,59,.04);
  --jl-sh-md:0 8px 24px rgba(22,35,59,.08);
  --jl-sh-lg:0 24px 60px rgba(22,35,59,.14);
  --jl-sh-gold:0 12px 34px rgba(184,125,43,.30);
  /* 动效 */
  --jl-ease:cubic-bezier(.2,.7,.3,1); --jl-ease-out:cubic-bezier(.16,1,.3,1);
  --jl-dur-fast:.15s; --jl-dur:.28s; --jl-dur-slow:.35s;
  /* 层级 / 栅格 */
  --jl-z-nav:50; --jl-z-mask:60; --jl-z-modal:70; --jl-z-toast:9990;
  --jl-maxw:1180px;
  /* 暗色模式变量组（全局夜读，待启用）*/
  --jl-night-ink:#cfc6b4; --jl-night-paper:#1f1c16; --jl-night-surface:#262218; --jl-night-line:#3a352a;
}

/* 本文件只定义 --jl-* 设计变量（含暗色变量组），不覆盖任何元素样式。
   如需统一正文排版，请在页面或业务 CSS 中显式引用 --jl-*。
   这样「单独引入零破坏」的契约才成立：链接本文件不会改动任何页面的外观。 */
:focus-visible{outline:2px solid var(--jl-gold);outline-offset:2px}
@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}