/* ───── Design Tokens ───── */
:root{
  --paper:#F4EFE6;
  --ink:#1A1714;
  --accent:#F0652E;
  --line:#C9C0B2;
  --muted:#7d756a;
  --ink-soft:#3a342d;

  --serif:'Playfair Display','Noto Serif SC',Georgia,serif;
  --serif-cjk:'Noto Serif SC','Playfair Display',serif;
  --sans:'Inter','Noto Sans SC',system-ui,sans-serif;
  --sans-cjk:'Noto Sans SC','Inter',sans-serif;

  --nav-h:78px;
  --pad-x:clamp(32px,5vw,72px);
  --rail-x:48px;
  --ease:cubic-bezier(.22,.61,.36,1);
}

/* ───── 纸张底 + 颗粒纸纹 ───── */
html,body{background:var(--paper);}
body{
  position:relative;
  color:var(--ink);
  font-family:var(--sans);
  -webkit-font-smoothing:antialiased;
  background-image:radial-gradient(rgba(26,23,20,.02) 1px,transparent 1px);
  background-size:3px 3px;
}
body::before{
  content:"";
  position:fixed;inset:0;z-index:1;pointer-events:none;
  opacity:.045;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}