/* home/css/tokens.css — 设计令牌(:root 变量) + 自托管 @font-face 字体 */

/* ════════════════════════════════════════════════════════════════
   大象民宿 · 公开主页（roadbook 风格深度复刻 · monochrome 编辑风）
   设计语言/版式/配色结构照 roadbook；商业字体与图片用自有等价资产。
   ════════════════════════════════════════════════════════════════ */
/* ── 自托管字体声明（替代 Google Fonts CDN）── */
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400;font-display:optional;src:url('/fonts/playfair-400.woff2') format('woff2')}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:700;font-display:optional;src:url('/fonts/playfair-700.woff2') format('woff2')}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:900;font-display:optional;src:url('/fonts/playfair-900.woff2') format('woff2')}
@font-face{font-family:'Playfair Display';font-style:italic;font-weight:400;font-display:optional;src:url('/fonts/playfair-400i.woff2') format('woff2')}
@font-face{font-family:'Playfair Display';font-style:italic;font-weight:700;font-display:optional;src:url('/fonts/playfair-700i.woff2') format('woff2')}
@font-face{font-family:'Libre Baskerville';font-style:normal;font-weight:400;font-display:optional;src:url('/fonts/libre-400.woff2') format('woff2')}
@font-face{font-family:'Libre Baskerville';font-style:normal;font-weight:700;font-display:optional;src:url('/fonts/libre-700.woff2') format('woff2')}
@font-face{font-family:'Libre Baskerville';font-style:italic;font-weight:400;font-display:optional;src:url('/fonts/libre-400i.woff2') format('woff2')}
@font-face{font-family:'Space Mono';font-style:normal;font-weight:400;font-display:optional;src:url('/fonts/spacemono-400.woff2') format('woff2')}
@font-face{font-family:'Space Mono';font-style:normal;font-weight:700;font-display:optional;src:url('/fonts/spacemono-700.woff2') format('woff2')}
:root{
/* —— 配色：纯 monochrome，无品牌色，图片承载全部色彩（roadbook 实测） —— */
  --paper:#fcfbfa;
/* 近白暖灰底 */
  --paper-2:#fcfbfa;
/* 块底统一 */
  --paper-3:#fcfbfa;
/* 块底统一 */
  --ink:#25292b;
/* 近黑正文 */
  --slate:#32373c;
/* 石板灰次级 */
  --muted:#777777;
/* 辅助灰 */
  --muted-2:#9a968c;
/* 更浅辅助灰 */
  --line:rgba(37,41,43,.09);
/* 中性可见细线 */
  --line-2:rgba(37,41,43,.14);
/* 略深细线 */
  --mist:#c9d8e1;
/* 淡雾蓝 feature 面板（与绿面板同明度同饱和度） */
  --accent:#e8561b;
/* 吃 / CTA 强调橙（与路线页 token 对齐） */
  --sage:#cdd8d4;
/* 淡雾绿 feature 面板，与 --mist 蓝面板成对 */
  --glass:rgba(37,41,43,.62);
/* 毛玻璃（monochrome 深） */
/* —— 字体：免费等价（≈ roadbook 商业字体），中文宋体 fallback —— */
  --serif-display:'Playfair Display','PingFang SC','Noto Serif CJK SC',serif;
  --serif-body:'Libre Baskerville','PingFang SC','Noto Serif CJK SC',serif;
  --mono:'Space Mono','PingFang SC','Noto Sans CJK SC','JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;

  --radius:4px;
  --maxw:1140px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:var(--serif-body);
  color:var(--ink);
  background:var(--paper);
  line-height:1.85;
  font-size:16px;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
h1,h2,h3,h4{font-family:var(--serif-display);font-weight:400;line-height:1.22;letter-spacing:.01em;color:var(--ink)}
.tip-k{font-weight:500}
h1 em,h2 em,h3 em,h4 em{font-style:italic}
body em{font-style:italic}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}
.skip-link{position:absolute;left:-9999px;top:0;background:var(--ink);color:#fff;padding:10px 16px;z-index:200}
.skip-link:focus{left:0}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:4px}