/* ══════════════════════════════════════════════════════════════════════════
   伶音知律 · 品牌官网设计稿 R4
   tokens.css — 设计系统令牌（唯一来源）
   ══════════════════════════════════════════════════════════════════════════ */

/* 字体：Noto Serif SC / Noto Sans SC，SIL OFL 1.1，按页面用字子集化为 woff2。
   不写 local()，避免命中本机未知授权字体。 */
@font-face {
  font-family: 'LY Serif SC';
  src: url('../fonts/NotoSerifSC-Medium.subset.woff2') format('woff2');
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: 'LY Serif SC';
  src: url('../fonts/NotoSerifSC-SemiBold.subset.woff2') format('woff2');
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: 'LY Serif SC';
  src: url('../fonts/NotoSerifSC-Regular.subset.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'LY Sans SC';
  src: url('../fonts/NotoSansSC-Regular.subset.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'LY Sans SC';
  src: url('../fonts/NotoSansSC-Medium.subset.woff2') format('woff2');
  font-weight: 500;
  font-display: swap;
}

:root {
  /* ── 色板 ───────────────────────────────────────────────────────────── */
  --paper:        #F6F3EB;
  --ink:          #132024;
  --ink-muted:    #5F6A6E;
  --ink-faint:    #8A948F;
  --line:         #D6D4CB;
  --line-soft:    #E4E0D5;
  --accent:       #0B716C;
  --accent-soft:  #0B716C1A;

  /* ── 字体 ───────────────────────────────────────────────────────────── */
  --font-title: 'LY Serif SC', 'Noto Serif SC', 'Source Han Serif SC', Georgia, serif;
  --font-body:  'LY Sans SC', 'Noto Sans SC', 'Source Han Sans SC', 'Microsoft YaHei', system-ui, sans-serif;
  --font-label: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;

  /* ── 字阶 ───────────────────────────────────────────────────────────── */
  --fs-hero: 112px;   --ls-hero: 0.075em;
  --fs-hero-sub: 23px;
  --fs-h2: 40px;
  --fs-body: 16px;
  --fs-label: 11px;   --ls-label: 0.26em;
  --fs-nav: 14px;
  --fs-foot: 12px;

  /* ── 版心 ───────────────────────────────────────────────────────────── */
  --maxw: 1160px;
  --gutter: 120px;
  --nav-h: 84px;
  --measure: 600px;
  --edge: max(var(--gutter), calc((100% - var(--maxw)) / 2));

  /* ── 间距阶 ─────────────────────────────────────────────────────────── */
  --s2: 8px;  --s3: 12px; --s4: 16px; --s5: 24px; --s6: 32px;
  --s7: 48px; --s8: 64px; --s9: 96px; --s10: 144px; --s11: 192px;

  /* ── 资产投影：暖灰，离地漂浮 ───────────────────────────────────────── */
  --art-shadow: drop-shadow(0 28px 22px rgba(58, 47, 38, .15)) drop-shadow(0 6px 6px rgba(58, 47, 38, .07));

  /* ── 动效 ───────────────────────────────────────────────────────────── */
  --ease-calm: cubic-bezier(.22, .61, .36, 1);
  --ease-out: cubic-bezier(.16, 1, .3, 1);   /* expo-out：先快后极慢，收尾有“落定”感 */
  --enter-dur: 1.05s;
  --hover-dur: .32s;
}